Icon

🎨 图标生成与格式转换专家

一站式图标生成与转换工具,支持SVG精灵、ICO/PNG互转、favicon全套装生成,前端开发提效神器。

收藏
4.1k
安装
1k
版本
3.3.0
CLS 安全扫描中
预计需要 3 分钟...

使用说明

核心用法

Icon skill 是面向前端开发与设计师的专业图标处理工具,提供六大核心功能模块:

1. generate:通过名称与样式参数(size/color)快速生成SVG图标,支持程序化批量产出
2. sprite:将分散SVG合并为单文件精灵图,通过<symbol>引用优化HTTP请求

3. convert:跨格式转换(ICO↔PNG↔SVG),支持多尺寸批量输出

4. search:关键词检索图标库,可按风格(outline/filled等)筛选

5. resize:批量重定尺寸,一次输出16/24/32/48等多规格

6. favicon:从单图源生成完整favicon套装(ICO、Apple Touch、Android Chrome、Web Manifest)

显著优点

  • 全链路覆盖:从设计素材到生产环境代码的一站式交付
  • 格式兼容性强:原生支持Web开发三大主流格式
  • 自动化友好:bash脚本驱动,易集成CI/CD流水线
  • favicon完整方案:自动生成多平台适配的全套资源与manifest配置

潜在局限

  • 仅依赖bash:Windows原生环境需WSL或Git Bash支持
  • 无可视化界面:纯CLI工具,设计协作场景需配合Figma/Sketch
  • 未披露图标库规模:search功能依赖的源数据量未知
  • 无矢量编辑能力:仅处理转换,不支持路径绘制或节点编辑

适合人群

  • 前端工程师(React/Vue组件库建设)
  • 全栈开发者(快速站点favicon配置)
  • 设计系统维护者(图标规范自动化)

常规风险

  • 批量转换大文件时需注意内存占用
  • ICO格式存在256色索引限制,真彩色转换可能失真
  • 建议版本控制SVG源文件,避免重复生成导致Git噪音

Icon 内容

scripts文件夹
手动下载zip · 5.2 kB
script.shtext/x-shellscript
请选择文件