今天突然看到這個(gè)項(xiàng)目就興奮了，想想大家平時(shí)都用的什么？

font-awesome算是用的最多的圖標(biāo)庫吧。

哈哈哈哈哈！現(xiàn)在又有新選擇了。

而且這個(gè)庫的質(zhì)量很高，簡潔優(yōu)雅，圓潤的線條風(fēng)格。

tabler-icons

項(xiàng)目是本月初上線的，上線后就迅速登上了github的趨勢榜，目前已經(jīng)推出了300多個(gè)圖標(biāo)了。

項(xiàng)目基于MIT授權(quán)，這意味著可以免費(fèi)商用了。

部分預(yù)覽圖

使用

安裝

使用npm安裝引用即可

引用

該圖標(biāo)庫跟font-awesome不同，font-awesome是一款字體庫class屬性直接就能使用；該項(xiàng)目是svg圖標(biāo)，引用的時(shí)候需要使用img標(biāo)簽或者作為內(nèi)聯(lián)html代碼粘貼。

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

也可以使用下列方式插入，其中'activity'字符串可以修改為想使用的圖標(biāo)名稱。

樣式修改

使用css的stroke-width屬性可以控制圖標(biāo)的線條寬度，color屬性更改顏色，width和height屬性改變圖標(biāo)大小。

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

效果如圖

總結(jié)

筆者覺得該圖標(biāo)很符合自己的審美，小巧精致。

無論如何，又多一個(gè)選擇，還能商用，簡直太香了。