Tabler Icons翻译站点

Tabler Icons 是一个基于MIT协议的开源图标库，目前官网已迁移至 tabler.io/icons，提供超过6146枚基于24×24网格和2px描边的SVG图标。该库由Paweł Kuna（codecalm）创建维护，在GitHub上拥有超过19,900星标。旧域名 tabler-icons.io 现已重定向至新入口，访问时请留意地址变化。

图标分为轮廓和填充两种风格，统一采用24×24像素画布和2px描边，视觉上简洁一致，适合界面工具栏、导航菜单和按钮等场景。在线预览器支持按关键词搜索，输入“user”“chart”等英文词即可快速筛选相关图标，无需登录。

按关键词搜索图标

打开 tabler.io/icons 后，页面顶部搜索框可直接输入英文关键词，结果会实时过滤。每枚图标都提供SVG代码片段和复制按钮，点击即可获取完整矢量代码。浏览时可按风格切换轮廓或填充视图，方便对比选用。

导入React/Vue组件

前端项目可通过npm安装官方包来使用图标组件。React项目安装 @tabler/icons-react，Vue项目安装 @tabler/icons-vue，Svelte和SolidJS也有对应包。导入后直接在模板中以组件形式调用，例如 <IconUser />，无需手动处理SVG路径。组件尺寸和颜色可通过props控制，与项目样式无缝集成。

在Figma中直接调用

在Figma社区中搜索“Tabler Icons”即可安装官方插件。安装后，在画布上通过插件面板搜索图标名称，拖拽或点击即可置入矢量图标。插件内图标保持与官网同步更新，设计师无需离开Figma即可完成图标选取，适合团队协作和设计系统搭建。

下载SVG或图标字体

除了组件和插件，官网还提供单枚SVG下载和整套图标字体。点击图标进入详情页，可下载SVG文件；页面底部有图标字体包链接，适合传统网页通过CSS类名引用。所有资源均遵循MIT协议，可自由用于个人和商业项目。

Tabler Icons的核心图标完全免费，无需注册即可浏览和下载。官网曾提供付费支持包，但具体价格可能已变动，建议以当前页面信息为准。图标数量会持续增加，使用时请以官网最新计数为准。