又一款开源的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;
}
效果如图
总结
笔者觉得该图标很符合自己的审美,小巧精致。
无论如何,又多一个选择,还能商用,简直太香了。