Tabler Icons是一款非常实用的的图标集合工具包,整理大量SVG图标,可用于网页中,通过代码即可修改,软件提供许多精简好看的图标,免费使用,帮助用户制作出好看的页面。接下来非凡软件站小编就给大家带来这款软件的具体介绍,感兴趣的小伙伴们速来看看吧~~
所有图标都是用SVG构建的,因此您可以将它们作为、背景图像和内嵌在HTML代码中。
HTML图像
如果将图标作为图像加载,则可以使用CSS修改其大小。
内联HTML
您可以将图标文件的内容粘贴到HTML代码中以在页面上显示。
<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"
>
...
Click me
正因为如此,你可以用CSS代码改变图标的大小、颜色和笔划宽度。
.icon-tabler {
color: red;
width: 32px;
height: 32px;
stroke-width: 1.25;
}
SVG精灵
使用以下标记添加要在页面上显示的图标(上面示例中的活动可以替换为任何有效的图标名称):
多笔划
此存储库中的所有图标都是使用stroke width属性的值创建的,因此如果更改该值,则可以获得与您的设计非常匹配的不同图标变体。
以上就是Tabler Icons(SVG图标集合包)的全部内容了,非凡软件站为您提供最好用的软件,为您带来最新的游戏!