软件之家下载站

首页|资讯攻略|下载排行|最近更新

软件
软件
文章
当前位置:首页图形软件图标制作 → Tabler Icons v1.10.0免费版
Tabler Icons v1.10.0免费版

Tabler Icons v1.10.0免费版

Tabler Icons(SVG图标集合包)_v1.10.0免费版下载评分:5
下载地址
  • 软件大小:2.3M
  • 软件语言:英文
  • 更新时间:2023-11-13 17:16:31
  • 软件类别:图标制作
  • 软件性质:免费软件
  • 软件厂商:
  • 运行环境:pc软件
  • 软件等级:
  • 官方网址:暂无
  • 版本:v1.10.0免费版
  • 软件介绍
  • 软件截图
  • 猜你喜欢
  • 同类推荐
  • 相关文章

软件Tags:

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

Tabler Icons(SVG图标集合包)

使用方法

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

展开内容

软件截图

下载地址

  • PC版

同类推荐

推荐文章

用户评论

关于软件之家 | 联系方式 | 发展历程 | 版权声明 | 下载帮助(?) | 广告联系 | 网站地图 | 友情链接

Copyright 2019-2029 | 豫ICP备18039234号-1

声明: 信息举报QQ3596142387 邮箱3596142387@qq.com 所有软件和文章来自互联网 如有异议 请与本站联系 本站为非赢利性网站 不接受任何赞助和广告 技术支持:软件之家