Tabler Icons – 数千个开源的后台UI图标

1个月前更新 355 0 0

开源高质量图标库,数千个统一栅格线性图标、MIT授权可免费商用、多框架组件,适合后台仪表盘UI。

收录时间:
2026-06-25
Tabler Icons – 数千个开源的后台UI图标Tabler Icons – 数千个开源的后台UI图标

Tabler Icons 是一套免费开源的线性图标库,收录超过 6150 个基于统一栅格设计的图标,风格一致、数量庞大,适合做后台系统、仪表盘和 Web 应用界面的开发者与设计师使用。

核心功能

  • 6150 多个统一栅格设计的线性图标,覆盖箭头、设备、金融、社交、地图等常见与细分场景。
  • 提供 SVG 源文件,同时有 React、Vue、Solid、Webfont 等多种框架的组件包,可直接安装调用。
  • 每个图标支持 outline(线性)与 filled(填充)两种风格切换。
  • 网站内置搜索和分类浏览,可在线预览、复制 SVG 代码或直接下载单个图标。
  • MIT 协议开源,代码托管在 GitHub,可自由查看、修改、商用。

国内可用性与注册方式

官网 tabler.io/icons 界面为英文,国内网络环境下可以直接打开。浏览、搜索、复制或下载单个图标都不需要注册账号,点击图标即可复制 SVG 代码或下载文件。只有购买付费打包资源时才会进入结账页面,用邮箱完成付款即可,没有强制的账号注册环节。

价格与免费额度

基础的 6150 多个图标完全免费,MIT 协议下可无限次使用、无需署名,也可以直接去 GitHub 仓库 tabler/tabler-icons 获取全部源码。官网另外提供两档一次性付费的打包资源:Bundle 售价 9 美元,包含多种格式的完整图标包;All Package 售价 69 美元,是标注为「Bestseller」的全量设计资源包,覆盖图标之外的插画等素材。两档都是一次性买断,不是订阅收费。

三步上手

  1. 打开 tabler.io/icons,在搜索框输入关键词或按分类浏览图标。
  2. 点击目标图标,选择 outline 或 filled 风格,直接复制 SVG 代码,或点击下载单个图标文件。
  3. 项目需要成套安装时,用 npm 安装对应框架的图标包(如 @tabler/icons-react),在代码里按图标名称引入即可。

替代品

常见问题

用 Tabler Icons 需要付费吗?不需要。基础图标库完全免费,MIT 协议允许个人和商业项目自由使用,无需署名;付费打包资源是额外的可选项。

能在 React、Vue 项目里直接用吗?可以。官方提供对应框架的图标组件包,安装后按图标名称引入组件即可,不用手动处理 SVG 文件。

filled 和 outline 两种风格有什么区别?outline 是线性描边图标,filled 是实心填充图标,同一个图标名称下两种风格都能找到,切换风格不影响使用方式。

相关导航

数据统计