访问官网

Iconify

Iconify是开源的统一图标框架，汇聚超过20万枚来自上百个图标集的矢量图标，支持多种框架便捷调用，是设计师与开发者寻找图标的一站式资源库。

访问官网
Iconify

特点

海量图标库

Iconify 聚合超过 20 万个开源图标，涵盖 Material Design、Font Awesome、Feather、Bootstrap 等主流图标集，无需逐个安装即可统一调用。

即时按需加载

无需将图标集整体打包，只加载真正使用的图标。支持 API 动态请求、SVG 内联注入，以及组件化渲染，加载速度快、内存占用低。

跨框架兼容

提供 React、Vue、Svelte、Flutter、Lit 等主流框架的专用组件，也支持原生 JavaScript、CSS 自定义属性与 SVG 直接引用，一套图标覆盖全平台。

基本信息

Iconify
  • 出品方：Vjacheslav Trushkin（个人开发者）
  • 英文名称：Iconify
  • 首次发布：2019 年 4 月
  • 产品类型：图标框架与开源图标库
  • 核心能力：跨图标集统一管理、按需加载、多框架集成（React、Vue、Angular 等）、自定义图标、SVG 与字体导出
  • 最新模型：版本持续迭代，当前稳定版 v2.x（2025 年）
  • 视频规格：不涉及视频；图标格式支持 SVG、Icon Font、Web Components

所获荣誉

Iconify
  • GitHub 星标：开源仓库累计超过 8000 个星标，是前端图标领域最受欢迎的解决方案之一。
  • 主流框架官方推荐：被 Vue.js、Nuxt、Svelte、Vite 等官方文档或生态工具列为推荐图标库，并提供了原生集成插件。
  • IDE 原生支持：JetBrains 系列编辑器（如 WebStorm、IntelliJ IDEA）在代码补全和预览中内置了 Iconify 图标解析，无需额外安装扩展。
  • 业界广泛采用：被 UnoCSS、Windi CSS、Quasar、Laravel 等数千个知名开源项目所依赖，作为默认或首选图标方案。
  • 图标资源规模：收录超过 200 个图标集、总计超过 20 万个矢量图标，涵盖 Material Design、FontAwesome、Feather 等主流集合，且持续更新。

发展历史

2017

Vjacheslav Trushkin 发起 Iconify 项目，最初作为一个开源图标框架，旨在统一管理来自多个图标集的 SVG 图标，并提供轻量级的按需加载方案。

2018

Iconify 发布首个 React 组件库，允许开发者在 React 项目中直接使用 SVG 图标；同时开始构建官方的图标收集与转换工具，支持从 Figma 等设计软件导出。

2019

Iconify 1.0 正式版发布，支持 Vue 2 组件，并引入基于 HTTP 请求的图标按需加载机制，大幅减少打包体积；同年图标集数量突破 30 个。

2020

Iconify 扩展至 Vue 3 和 Svelte 框架，推出对应的专用组件；图标集数量超过 50 个，涵盖 Material Design、Font Awesome、Tabler 等主流图标库。

2021

推出 Iconify for Web Components，支持 Lit、Stencil 等框架；发布 Iconify IntelliSense 扩展，为 VS Code 提供图标名称自动补全与预览功能。

2022

Iconify 2.0 重大版本更新，核心库全面重写，采用 ES Module 格式并优化 Tree Shaking，兼容现代构建工具；图标集突破 100 个，成为全球最大的开放图标集合之一。

2023

Iconify 支持 Astro、Qwik、Solid 等新兴前端框架，并推出官方 CLI 工具，方便开发者在本地构建和管理自定义图标集；社区贡献的图标集数量持续增长。