又一款开源的web图标库，优雅精致可商用

今天突然看到这个项目就兴奋了，想想大家平时都用的什么？

font-awesome算是用的最多的图标库吧。

哈哈哈哈哈！现在又有新选择了。

而且这个库的质量很高，简洁优雅，圆润的线条风格。

tabler-icons

image-20200321100103884.png

项目是本月初上线的，上线后就迅速登上了github的趋势榜，目前已经推出了300多个图标了。

项目基于MIT授权，这意味着可以免费商用了。

部分预览图

image-20200321100038247.png

使用

安装

使用npm安装引用即可

npm install tabler-icons --save

引用

该图标库跟font-awesome不同，font-awesome是一款字体库class属性直接就能使用；该项目是svg图标，引用的时候需要使用img标签或者作为内联html代码粘贴。

<img src="path/to/icon.svg" alt="icon title"/>

也可以使用下列方式插入，其中”activity“字符串可以修改为想使用的图标名称。

<svg width="24" height="24">
  <use xlink:href="path/to/tabler-sprite.svg#tabler-activity"/>
</svg>

样式修改

使用css的stroke-width属性可以控制图标的线条宽度，color属性更改颜色，width和height属性改变图标大小。

.icon-tabler {
  color: red;
  width: 32px;
  height: 32px;
  stroke-width: 1.25;
}

效果如图

image-20200321104948921.png

总结

笔者觉得该图标很符合自己的审美，小巧精致。

无论如何，又多一个选择，还能商用，简直太香了。