Tabler Icons(SVG圖標(biāo)集合包)v1.10.0免費(fèi)版

Tabler Icons是550多種完全可定制的SVG圖標(biāo)的集合，您可以調(diào)整大小，筆觸，顏色，所有圖標(biāo)都是 MIT 許可下的開源代碼，可以在私人和商業(yè)項(xiàng)目中使用!

使用方法

所有圖標(biāo)都是用SVG構(gòu)建的，因此您可以將它們作為、背景圖像和內(nèi)嵌在HTML代碼中。

HTML圖像

如果將圖標(biāo)作為圖像加載，則可以使用CSS修改其大小。
<img src="path/to/icon.svg" alt="icon title" />
內(nèi)聯(lián)HTML
您可以將圖標(biāo)文件的內(nèi)容粘貼到HTML代碼中以在頁(yè)面上顯示。
<a href="">
<svg
xmlns="http://www.w3.org/2000/svg"
class="icon icon-tabler icon-tabler-disabled"
width="24"
height="24"
viewBox="0 0 24 24"
stroke-width="1.25"
stroke="currentColor"
fill="none"
stroke-linecap="round"
stroke-linejoin="round"
>
...
</svg>
Click me
</a>
正因?yàn)槿绱?，你可以用CSS代碼改變圖標(biāo)的大小、顏色和筆劃寬度。
.icon-tabler {
color: red;
width: 32px;
height: 32px;
stroke-width: 1.25;
}
SVG精靈
使用以下標(biāo)記添加要在頁(yè)面上顯示的圖標(biāo)（上面示例中的活動(dòng)可以替換為任何有效的圖標(biāo)名稱）：
<svg width="24" height="24">
<use xlink:href="path/to/tabler-sprite.svg#tabler-activity" />
</svg>
多筆劃
此存儲(chǔ)庫(kù)中的所有圖標(biāo)都是使用stroke width屬性的值創(chuàng)建的，因此如果更改該值，則可以獲得與您的設(shè)計(jì)非常匹配的不同圖標(biāo)變體。