沃下载:安全、高速的软件下载网站!

地图分类|最近更新

当前位置:沃下载 > 图形图像 > 图标工具 > Tabler Icons(SVG图标集合包)v1.10.0绿色版
Tabler Icons(SVG图标集合包)v1.10.0绿色版

Tabler Icons(SVG图标集合包)v1.10.0绿色版

Tabler Icons
下载地址
  • 软件介绍
  • 软件截图
  • 猜你喜欢
  • 同类推荐
  • 相关文章

Tabler Icons是550多种完全可定制的SVG图标的集合,您可以调整大小,笔触,颜色,所有图标都是 MIT 许可下的开源代码,可以在私人和商业项目中使用!

Tabler Icons

使用方法

所有图标都是用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属性的值创建的,因此如果更改该值,则可以获得与您的设计非常匹配的不同图标变体。

展开内容

软件截图

同类推荐

相关文章

关于本站 | 联系方式 | 版权声明 | 下载帮助(?) | 广告联系 | 网站地图 | 友情链接

Copyright © 2012-2023 沃下载(www.wodown.com).All Rights Reserved 版权所有 备案编号:皖ICP备19017986号-1

声明:本站所有软件和文章来自互联网 如有异议 请与本站联系 本站为非赢利性网站 不接受任何赞助和广告