30秒速读：做界面找图标要在多个图标站之间来回翻，搜到合适的还得逐个复制 SVG、改颜色、拼进项目。本篇讲这套在线图标工具的本地模糊搜索、Bag 打包与复制导出，帮你一个搜索框找齐四十多万枚图标。
Icônes 是一套基于 Iconify 的在线图标检索与打包工具，以 MIT 协议开源，由 Anthony Fu 创建、antfu-collective 维护。它把 Iconify 上 200 多个图标合集、四十多万枚图标聚合到一个搜索框里，输入关键词即时模糊匹配，全程本地完成、不发网络查询，图标风格覆盖线性、面性、品牌标志等，按合集归类。项目用 Vite 和 Vue 3 构建，官网即应用本体，手机浏览器也能直接用，不需要安装或注册。
场景痛点
做界面时找图标，常要在多个图标站之间来回翻：这个站只有线性图标，那个站要登录下载，搜到一个合适的还得逐个复制 SVG、改颜色、拼进项目。不同合集的命名规则不一样，关键词换个说法就搜不到，手动整理一套自己常用的图标字体更费时，临时翻到的图标换台就找不到，收藏夹里堆了一堆零散链接，想复用还得重新搜一遍。
主要功能特点
本地即时模糊搜索
Icônes 搜索框输入关键词后即时给出模糊匹配结果，所有匹配在本地完成，不向网络发查询，输入过程几乎没有等待。它聚合 Iconify 的 200 多个合集，Material、Tabler 等各套品牌与线性图标都在同一索引里，换关键词比在多个站点切换快。图标按合集分组展示，点开一套能看到该合集的全部图标，支持滚动浏览和分类筛选。
Bag 打包图标字体
把看中的图标选进 Bag，再打包成一套可直接使用的图标字体，省去逐个下载、重命名、拼字的步骤；这个需求后来催生了独立的 svg-packer 项目。包里的图标按选定顺序排列，下载后可以在网页或项目里用字体方式调用，命名规则清晰，适合先攒一批常用图标再统一处理，而不是每次做页面都临时找图。
复制脚本与 SVG 下载
每个图标都能复制对应的使用脚本，直接粘进代码；也支持 SVG 原始文件直接下载，保留矢量格式方便二次改色和缩放。复制下载免登录，搜到即用，不跳第三方；使用脚本带合集前缀和图标名，方便改名调色。图标本身的协议以各合集作者声明为准，商用前需回到对应合集页核对许可。
合集收藏与分类筛选
支持给合集加书签，常用的图标集收藏后随时打开；分类筛选按合集类别过滤，缩小范围后再搜。合集列表里能看到每套图标的作者、协议和风格，挑合集时不用跳转到第三方仓库核对。同一关键词在不同合集里的写法不同，收藏常用合集后优先在自己熟悉的几套里找，命中率更高。
暗色模式与移动端适配
界面自带暗色模式，深色背景下浏览图标更舒服，也和深色项目的预览观感一致；页面做了移动端适配，手机或平板浏览器打开同样能搜索、选图、打包。没有安装包，打开官网就是完整功能，换设备也不用重新配置。触控区按小屏调整，选图标和进 Bag 的操作在手机上也能完成。
技术栈与社区生态
项目用 Vite 和 Vue 3 构建，代码以 MIT 协议在 GitHub 开源，作者同时维护了从这套项目提炼出的 Vitesse 启动模板。社区另有第三方做的 VS Code 扩展，在编辑器内调用图标；项目本体免费使用，图标版权归各合集作者。后续更新跟随 Iconify 的合集索引，新增图标集会自动出现在搜索范围内。
使用流程与版权说明
从搜索到导出只需几步：输入关键词模糊匹配，点开图标预览细节，满意就选进 Bag，最后打包字体、复制脚本或下载 SVG。项目本体以 MIT 协议免费使用，但收录的图标分属不同合集，许可各不相同，商用前要逐套核对作者声明，不能把整个库当成无限制素材。流程不依赖安装登录，换台电脑打开官网即可接着用。
开源地址
GitHub 国内访问较慢，如打不开可多刷新几次
在线使用官网：https://icones.js.org
软件信息表
| 项目 | 说明 |
|---|---|
| 版本 | 以官网为准 |
| 大小 | 不适用（在线工具，无安装包） |
| 平台 | 网页在线，桌面与手机浏览器均可 |
| 语言 | 以官网为准 |
| 更新日期 | 以官网为准 |
| 许可 | 项目 MIT 协议，图标许可各归合集作者 |
版本对比与推荐
推荐：做界面要跨多套风格找图标、又想一次攒齐打包时，优先选本篇；只用固定一两套图标时，单站下载已够用。
| 版本/方案 | 特点 | 结论 |
|---|---|---|
| 在线聚合检索（本篇） | 200 多个合集、四十多万枚图标一个搜索框即时模糊匹配，全程本地完成 | 推荐 |
| 单图标站逐个下载 | 每站合集有限，搜到后逐个复制 SVG、改色、拼进项目，费时 | 稳定版 |
| 手工拼图标字体 | 可定制程度高，但整理、命名、拼字全靠手动 | 对比基线 |
安装步骤
- 打开官网即是完整功能，不需要安装或注册，手机浏览器也能直接用。
- 在搜索框输入关键词，即时模糊匹配会在本地完成，不向网络发查询。
- 点开图标预览细节，满意就选进 Bag，攒够一批后再统一处理。
- 最后打包成图标字体，或复制使用脚本，或直接下载 SVG 原始文件。
必改设置
以下设置均在网页界面里完成，具体入口以官网说明为准。
设置一：收藏常用合集
入口：合集列表中的书签操作。改后体感：常用图标集收藏后随时打开，优先在自己熟悉的几套里找，命中率更高。
设置二：分类筛选缩小范围
入口：合集列表中的分类筛选。改后体感：按合集类别过滤后再搜，不用在四十多万枚图标里大海捞针。
设置三：暗色模式
入口：界面中的暗色模式开关。改后体感：深色背景下浏览图标更舒服，也和深色项目的预览观感一致。
设置四：Bag 内顺序整理
入口：Bag 打包界面。改后体感：包里的图标按选定顺序排列，打包后用字体方式调用时命名规则清晰。
注意事项与常见问题
常见问题：商用可以直接用吗
不可以直接当无限制素材，项目本体免费，但收录图标分属不同合集、许可各不相同，商用前要逐套回到对应合集页核对作者声明。
常见问题：换台电脑能接着用吗
可以，流程不依赖安装登录，换台电脑打开官网即可接着搜索、选图、打包。
常见问题：搜索为什么几乎没有等待
匹配在本地完成，不向网络发查询，输入过程几乎没有等待；合集列表里能看到每套图标的作者、协议和风格。
注意事项：图标版权归属
图标本身的协议以各合集作者声明为准，打包字体前先确认所选图标的许可范围。
关注「软件教程管家」
回复软件名即取即下：网盘下载链接 + 提取码，一步直达，不用再跳转。
本站资源仅供个人学习交流，请勿用于商业用途。软件与资料版权归原作者所有；如有侵权，请通过公众号「软件教程管家」联系我们，我们将在 24 小时内下架处理。查看免责声明 ›
