🦄 Unicon CLI

🦄 19,000+ 图标按需生成,零依赖树摇优化

Unicon 是统一图标库工具,聚合 9 大主流图标源 19,000+ 图标,通过 CLI 按需生成树摇优化的 React/Vue/Svelte 组件,避免全量安装依赖。

收藏
5.3k
安装
1.3k
版本
0.2.0
CLS 安全扫描中
预计需要 3 分钟...

使用说明

核心功能

Unicon 是一款面向现代前端开发的智能图标管理工具,核心价值在于按需生成、零依赖、树摇优化。它整合 Lucide、Phosphor、Heroicons、Tabler 等 9 大主流图标库的 19,000+ 图标,通过 CLI 工具链实现精准检索、智能推荐和格式转换。

显著优势

1. 体积控制革命:区别于传统 npm install lucide-react 全量引入数千图标,Unicon 仅生成项目实际使用的图标文件,单个组件独立输出,实现真正的 Tree-shaking
2. 多框架原生支持:自动检测 React/Vue/Svelte 项目环境,输出对应格式的单文件组件(.tsx/.vue/.svelte),无需额外适配层

3. AI 驱动的工作流:支持语义化搜索(unicon search "dashboard" --pick)、交互式选择、收藏夹系统(unicon star)和自动同步(unicon sync --watch

4. 零运行时依赖:生成的图标组件不依赖任何外部包,彻底消除图标库版本冲突和供应链攻击面

潜在局限

  • Node.js 环境依赖:需全局安装 CLI 或配合 npx 使用,纯浏览器环境无法运行
  • 缓存机制:默认 24 小时本地缓存,紧急更新上游图标时需手动清理
  • 构建流程侵入:需将 unicon sync 纳入开发工作流,团队需统一配置 .uniconrc.json
  • 品牌图标合规:Simple Icons 收录的品牌 Logo 需自行确认使用授权

适用人群

  • 追求极致 Bundle 体积的前端团队(Next.js/Vite 项目尤佳)
  • 需要跨图标库统一风格的 UI 设计师与开发者协作场景
  • 使用 Claude/Cursor/Windsurf 等 AI 编程工具的开发者(官方提供技能集成)

常规风险

1. CLI 权限:全局安装需 npm 写权限,建议改用 npx 或核心包本地安装
2. 配置文件暴露.uniconrc.json 可能泄露项目图标使用偏好,虽无敏感信息但属信息熵

3. 上游断供:依赖 9 个第三方图标库的 CDN/API 可用性,建议配合 unicon cache --stats 监控

4. AI 搜索偏差:语义搜索基于未公开的 AI 模型,关键业务图标建议人工 unicon preview 确认

🦄 Unicon CLI 内容

references文件夹
手动下载zip · 10.6 kB
api-reference.mdtext/markdown
请选择文件