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

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

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

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

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

tabler-icons

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

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

部分预览图

使用

安装

使用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;}

效果如图

总结

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

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