tabler/tabler-icons

这是什么？

核心功能

• 01提供 6200 多个线性和填充风格图标，基于 24x24 网格设计。
• 02提供 SVG、雪碧图、图标字体以及 PNG、PDF、EPS 等官方格式包。
• 03提供 React、Vue、Svelte、SolidJS、Astro、Angular 和 React Native 组件。
• 04可通过 CSS 或组件属性调整颜色、尺寸和线条粗细。
• 05可通过 npm 安装，也可通过 jsDelivr CDN 引用。

适用场景

• 为 React 或 Vue Web 应用添加风格统一的图标。
• 在静态网站中以内联 SVG 或 CSS 背景图的方式使用图标。
• 用图标字体为工具栏或导航菜单添加图标。
• 获取 PNG、PDF 或 EPS 格式的矢量图标用于设计或印刷。

快速上手

1. 1

   使用 npm 安装 SVG 图标包

   npm install @tabler/icons
2. 2

   如果是 React 项目，可改为安装 React 组件包（可选）

   npm install @tabler/icons-react
3. 3

   在代码中导入图标并使用，例如在 React 中使用 IconAward

使用前须知

• !仅提供图标集，不是完整的 UI 组件库。

标签

常见问题

tabler-icons 是什么？

一套免费、MIT 许可的 6200 多个 SVG 图标，提供 React、Vue、Svelte 等多框架组件包。 Tabler Icons 是一套包含 6200 多个开源 SVG 图标的图标库，每个图标基于 24x24 网格设计，线条粗细为 2px。图标同时提供线性和填充两种风格，方便在 Web 界面中保持视觉统一，无需自行绘制。

tabler-icons 可以免费使用吗？用的什么许可证？

tabler-icons 以 MIT 许可证开源。用于商业产品前，请先确认许可证条款。

tabler-icons 还在维护吗？

活跃维护中。tabler-icons 最近一次提交是在 2026年10月21日。

tabler-icons 适合用来做什么？

为 React 或 Vue Web 应用添加风格统一的图标。 在静态网站中以内联 SVG 或 CSS 背景图的方式使用图标。 用图标字体为工具栏或导航菜单添加图标。 获取 PNG、PDF 或 EPS 格式的矢量图标用于设计或印刷。

tabler-icons 怎么安装和运行？

使用 npm 安装 SVG 图标包: npm install @tabler/icons 如果是 React 项目，可改为安装 React 组件包（可选）: npm install @tabler/icons-react 在代码中导入图标并使用，例如在 React 中使用 IconAward

在哪里获取 tabler-icons？

源代码和安装说明在 GitHub 上：https://github.com/tabler/tabler-icons