今天突然看到這個專案就興奮了,想想大家平時都用的什麼?
font-awesome算是用的最多的圖示庫吧。
哈哈哈哈哈!現在又有新選擇了。
而且這個庫的質量很高,簡潔優雅,圓潤的線條風格。
tabler-icons
專案是本月初上線的,上線後就迅速登上了github的趨勢榜,目前已經推出了300多個圖示了。
專案基於MIT授權,這意味著可以免費商用了。
部分預覽圖
使用
安裝
使用npm安裝引用即可
npm install tabler-icons ——save
引用
該圖示庫跟font-awesome不同,font-awesome是一款字型庫class屬性直接就能使用;該專案是svg圖示,引用的時候需要使用img標籤或者作為內聯html程式碼貼上。
也可以使用下列方式插入,其中“activity”字串可以修改為想使用的圖示名稱。
樣式修改
使用css的stroke-width屬性可以控制圖示的線條寬度,color屬性更改顏色,width和height屬性改變圖示大小。
。icon-tabler { color: red; width: 32px; height: 32px; stroke-width: 1。25;}
效果如圖
總結
筆者覺得該圖示很符合自己的審美,小巧精緻。
無論如何,又多一個選擇,還能商用,簡直太香了。