Icônes · 官方在线版
浏览/搜索 20 万+ 开源图标，一键复制组件
它解决什么问题
Icônes 聚合了 100 多个开源图标集（Material、Carbon、Tabler、Phosphor、Lucide 等），共 20 多万个图标，支持按名称搜索、按图标集筛选，点一下就能复制 SVG、React/Vue 组件代码或图标字体 class。找图标最耗时的环节是「在十几个站点之间来回搜」，它一次解决。
三个典型使用场景
- 做后台管理界面时快速找一组风格统一的图标
- 把图标以 React 组件形式复制进项目，省掉引入整个图标库
- 对比不同图标集里「设置」图标的设计差异，选最贴合品牌调性的
和 ToolHub 本地工具怎么配合
图片格式转换：从图标集下载的 SVG 需要转成 PNG 用在 PPT 或文档里时，站内转换直接出图（本地工具，文件不上传）
图片转 Base64：小图标内联进单文件 HTML 时转 Base64，省一次请求（本地工具，文件不上传）
同类可替代方案
- DevDocs —— 一站式 API 文档聚合（100+ 语言/框架）
- Prettier Playground —— 官方在线代码格式化试验场
- Regexper —— 正则表达式可视化图解，一眼看懂
使用时要注意什么
图标授权各不相同（MIT、Apache、CC-BY），商用前必须逐个确认；搜索只匹配英文名称，输入中文搜不到。
常见问题
Icônes 是免费的吗？
Icônes 是开源项目，采用 MIT 许可证，官方在线版可以免费使用，不需要为基本功能付费。ToolHub 只做收录与说明，不代管你的数据，也不提供账号或存储服务。
Icônes 适合什么场景？
最常见的是这几种：做后台管理界面时快速找一组风格统一的图标；把图标以 React 组件形式复制进项目，省掉引入整个图标库；对比不同图标集里「设置」图标的设计差异，选最贴合品牌调性的。判断标准很简单——如果你现在正为了这件事装一个几百 MB 的桌面软件，先用它试一次。
它和 ToolHub 的本地工具有什么区别？
ToolHub 的本地工具把代码放在你的浏览器里执行（WebAssembly 或原生 JS），文件不经过服务器；Icônes 由项目作者维护，数据在其服务器或你的浏览器中处理，具体取决于项目实现，使用前建议先看对方的数据政策。需要「绝对不上传」时可以改用站内同类工具。
用 Icônes 有什么限制？
图标授权各不相同（MIT、Apache、CC-BY），商用前必须逐个确认；搜索只匹配英文名称，输入中文搜不到。
相关阅读
- 二维码生成 —— 把文本/网址变成二维码，可下载 PNG（在浏览器内执行，不联网也能用）
- 哈希计算 —— SHA-256/384/512 哈希，基于 WebCrypto 安全实现（在浏览器内执行，不联网也能用）
- UUID / ULID 生成 —— UUID v4、ULID、Nano ID 批量生成，可作数据库主键（在浏览器内执行，不联网也能用）
- 全部开发类工具 —— 按分类筛选，含本地执行与目录直达
- DevDocs —— 同类别另一个选择
项目来源：github.com/antfu/icones · License: MIT · 分类：开发
官网地址：https://icones.js.org（新标签页打开 icones.js.org）
说明：本页是 ToolHub 对该开源项目的整理与推荐，工具由项目作者维护，版权与数据归原作者所有。官网无法访问时可能是临时故障或网络限制。
安全、快捷、开源工具及资源
无需安装、无需注册、无需命令行 —— 挑一个工具，填参数，出结果。