Icônes — 聚合 Iconify 四十多万枚图标，Bag 打包成图标字体

Icônes 是一套基于 Iconify 的在线图标检索与打包工具，以 MIT 协议开源，由 Anthony Fu 创建、antfu-collective 维护。它把 Iconify 上 200 多个图标合集、四十多万枚图标聚合到一个搜索框里，输入关键词即时模糊匹配，全程本地完成、不发网络查询，图标风格覆盖线性、面性、品牌标志等，按合集归类。项目托管在 GitHub，用 Vite 和 Vue 3 构建，官网即应用本体，手机浏览器也能直接用，不需要安装或注册，属于开源软件里偏实用的酷软趣站。

场景痛点

做界面时找图标，常要在多个图标站之间来回翻：这个站只有线性图标，那个站要登录下载，搜到一个合适的还得逐个复制 SVG、改颜色、拼进项目。效率工具不同合集的命名规则不一样，关键词换个说法就搜不到，手动整理一套自己常用的图标字体更费时，临时翻到的图标换台就找不到，收藏夹里堆了一堆零散链接，想复用还得重新搜一遍。前端开发

主要功能特点

本地即时模糊搜索

Icônes 搜索框输入关键词后即时给出模糊匹配结果，所有匹配在本地完成，不向网络发查询，输入过程几乎没有等待。在线工具它聚合 Iconify 的 200 多个合集，Material、Tabler 等各套品牌与线性图标都在同一索引里，换关键词比在多个站点切换快。图标按合集分组展示，点开一套能看到该合集的全部图标，支持滚动浏览和分类筛选。

Bag 打包图标字体

把看中的图标选进 Bag，再打包成一套可直接使用的图标字体，省去逐个下载、重命名、拼字的步骤；这个需求后来催生了独立的 svg-packer 项目。设计工具包里的图标按选定顺序排列，下载后可以在网页或项目里用字体方式调用，命名规则清晰，适合先攒一批常用图标再统一处理，而不是每次做页面都临时找图。

复制脚本与 SVG 下载

每个图标都能复制对应的使用脚本，直接粘进代码；也支持 SVG 原始文件直接下载，保留矢量格式方便二次改色和缩放。图标资源复制下载免登录，搜到即用，不跳第三方；使用脚本带合集前缀和图标名，方便改名调色。图标本身的协议以各合集作者声明为准，商用前需回到对应合集页核对许可。

合集收藏与分类筛选

支持给合集加书签，常用的图标集收藏后随时打开；分类筛选按合集类别过滤，缩小范围后再搜。设计资源合集列表里能看到每套图标的作者、协议和风格，挑合集时不用跳转到第三方仓库核对。宝藏网站同一关键词在不同合集里的写法不同，收藏常用合集后优先在自己熟悉的几套里找，命中率更高。

暗色模式与移动端适配

界面自带暗色模式，深色背景下浏览图标更舒服，也和深色项目的预览观感一致；页面做了移动端适配，手机或平板浏览器打开同样能搜索、选图、打包。视觉设计没有安装包，打开官网就是完整功能，换设备也不用重新配置。UI设计触控区按小屏调整，选图标和进 Bag 的操作在手机上也能完成。

技术栈与社区生态

项目用 Vite 和 Vue 3 构建，代码以 MIT 协议在 GitHub 开源，作者同时维护了从这套项目提炼出的 Vitesse 启动模板。开发者工具社区另有第三方做的 VS Code 扩展，在编辑器内调用图标；项目本体免费使用，图标版权归各合集作者。工具推荐后续更新跟随 Iconify 的合集索引，新增图标集会自动出现在搜索范围内。实用软件

使用流程与版权说明

从搜索到导出只需几步：输入关键词模糊匹配，点开图标预览细节，满意就选进 Bag，最后打包字体、复制脚本或下载 SVG。项目本体以 MIT 协议免费使用，但收录的图标分属不同合集，许可各不相同，商用前要逐套核对作者声明，不能把整个库当成无限制素材。流程不依赖安装登录，换台电脑打开官网即可接着用。

官方网站

官网访问

GitHub 访问

下载地址

https://pan.quark.cn/s/a055b8a94a96

Icônes — 聚合 Iconify 四十多万枚图标，Bag 打包成图标字体

场景痛点