unicon
一站式图标搜索与按需复制工具,聚合9大图标库。
安装使用
复制下面这段提示词发给你的 AI(Claude / Cursor / TRAE / Codex / WorkBuddy 等),它会自动帮你完成安装:
帮我安装这个 AI Skill:unicon。 它的用途是:一站式图标搜索与按需复制工具,聚合9大图标库。 完整的 Skill 内容见:https://321skill.com/skills/unicon/raw/index.md 请读取该页面内容,如果是 SKILL.md 格式直接安装,如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接,AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
“帮我找一个表示‘设置’的齿轮图标,要线条风格的。”,它会引导你使用 Unicon 进行搜索,并展示来自不同图标库的多个齿轮图标供你选择。选中后,你可以直接复制为 React 组件代码,粘贴到你的项目中立即使用。
介绍
Unicon 解决了开发者在使用图标库时面临的“捆绑安装”痛点。许多图标库要求用户安装包含数千个图标的完整包,即使只需要其中几个,这会导致项目体积不必要的膨胀。
Unicon 提供了一个统一的在线平台,允许用户从 Lucide、Phosphor、Tabler 等9个主流图标库中搜索超过20,000个图标。用户可以通过自然语言搜索,找到所需图标后,直接复制其 React 组件、SVG 代码或 JSON 格式,无需安装任何依赖。此外,它还支持批量导出多个图标,并能将选中的图标直接发送到 v0.dev 进行快速原型设计。
这个工具非常适合需要快速、轻量级地获取图标的前端开发者、UI设计师和全栈开发者。无论是构建个人项目、设计系统还是商业应用,都能从中受益。
建议在使用时,优先通过其网站(unicon.sh)进行搜索和复制,对于需要集成到自动化流程中的场景,可以考虑使用其 CLI 工具。注意,它本身不是一个需要“安装”到项目中的 NPM 包,而是一个获取图标代码的“来源”。
核心特点
与需要完整安装的图标库(如 react-icons)不同,Unicon 本身不提供图标包,而是作为一个聚合搜索引擎,让用户按需复制单个图标的代码,实现真正的零依赖和零捆绑体积。同时,它支持跨多个图标库统一搜索和批量导出,这是单一图标库无法提供的便利。
注意事项
不适合需要离线使用或深度定制图标(如修改库源码)的场景,因为它主要提供的是图标代码的“复制”功能。
常见问题
Unicon 是免费的吗?
是的,Unicon 网站和 CLI 工具目前完全免费使用。
复制的图标代码有版权问题吗?
没有,Unicon 聚合的图标库均采用开源许可(如 MIT),复制代码时请遵守各原始库的许可协议,通常只需注明出处即可。
给 AI 助手的安装指引
如果你的 AI 编程助手(Claude Code、Cursor、TRAE 等)能看到这个页面,把下面这段发给它即可自动完成安装:
请访问 https://321skill.com/skills/unicon/raw/index.md 读取 unicon 的原始 Skill 定义(Markdown 格式),按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址:/skills/unicon/raw/index.md(查看排版版本)