Tabler Icons

　　1.图标作为图像加载，则可以使用CSS修改其大小。

　　2.可以用CSS代码改变图标的大小、颜色和笔划宽度。

　　3.可将图标文件的内容粘贴到HTML代码中以在页面上显示。

　　4.更改该值，则可以获得与您的设计非常匹配的不同图标变体。

　　所有图标都是用SVG构建的，因此您可以将它们作为img、背景图像和内嵌在HTML代码中。

　　HTML图像

　　如果将图标作为图像加载，则可以使用CSS修改其大小。

　　img src=path/to/icon.svg alt=icon title /

　　内联HTML

　　您可以将图标文件的内容粘贴到HTML代码中以在页面上显示。

　　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

　　正因为如此，你可以用CSS代码改变图标的大小、颜色和笔划宽度。

　　.icon-tabler {

　　color: red;

　　width: 32px;

　　height: 32px;

　　stroke-width: 1.25;

　　}

　　SVG精灵

　　使用以下标记添加要在页面上显示的图标(上面示例中的活动可以替换为任何有效的图标名称)：

　　svg width=24 height=24

　　use xlink:href=path/to/tabler-sprite.svg#tabler-activity /

　　/svg

　　多笔划

　　此存储库中的所有图标都是使用stroke width属性的值创建的，因此如果更改该值，则可以获得与您的设计非常匹配的不同图标变体。