帆布袋下载站:纯净绿色软件游戏下载网站

电脑软件| 软件合集| 最近更新| 网站地图

当前首页:首页 > 电脑软件 > 图形图像 > Tabler Icons(SVG图标集合包)

Tabler Icons(SVG图标集合包)

Tabler Icons(SVG图标集合包)

类型:图形图像版本:v1.10.0免费版更新:2023-09-02 09:23:51大小:2.3M系统:WinAll语言:英文

Tabler Icons是550多种完全可定制的SVG图标的集合。您可以调整大小、笔画和颜色。所有图标都是MIT授权的开源代码,可以用于私人和商业项目!

施用方式

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

HTML图像

如果将图标作为图像加载,可以使用CSS修改它的大小。

  <img src="path/to/icon.svg" alt="icon title" />& ltimg src = & quotpath/to/icon . SVG & quot;alt = & quot图标标题& quot/& gt;

内嵌HTML

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

& lta href = & quot"& gt

& lt挽救(saving的简写)

xmlns = & quothttp://www.w3.org/2000/svg"

class = & quot图标图标-tabler图标-tabler-禁用& quot

width = & quot24 & quot

height = & quot24 & quot

viewBox = & quot0 0 24 24 & quot

笔画宽度= & quot1.25 & quot

笔画= & quot当前颜色& quot

fill = & quot无& quot

stroke-line cap = & quot;圆形& quot

stroke-line join = & quot;圆形& quot

& gt

...

& lt/SVG & gt;

点击我

& lt/a & gt;

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

。图标-表格{

颜色:红色;

宽度:32px

高度:32px

笔画宽度:1.25;

}

SVG向导

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

& ltsvg宽度= & quot24 & quotheight = & quot24 & quot& gt

& lt使用xlink:href = & quot;path/to/tabler-sprite . SVG # tabler-activity & quot;/& gt;

& lt/SVG & gt;

多笔画

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

标签: 图标制作

Tabler Icons(SVG图标集合包)相关下载