用途:从指定图标生成一整套跨设备 favicon,并接入项目布局,使其在浏览器标签、主屏幕和固定快捷方式中正确显示。图标始终渲染为带紧致圆角的方形,图标居中于纯色背景上。
主要能力:生成 public/icon.svg 与 favicon.svg(80×80、圆角 16)、512×512 的 icon.png、192×192 的 icon-192.png、180×180 的 apple-touch-icon.png,以及多分辨率 16/32/48 的 favicon.ico;并在布局 head 中写入或替换 theme-color、rel=icon、apple-touch-icon 标签。
使用方式:先确认图标来源(Lucide 图标名、其他图标库、仓库内已有 .svg 或文字描述)、背景色与图标色;再定位布局文件与 public 资源目录;随后生成 SVG 与栅格源文件,用 rsvg-convert 与 magick 输出各尺寸,最后接入 meta 标签并汇报改动。
依赖与限制:需要系统安装 rsvg-convert 和 ImageMagick 的 magick(brew install librsvg imagemagick),缺失时应停止并请用户安装,不做变通。Lucide 图标须使用其原始路径数据,仅可改描边宽度与颜色,根 svg 的 stroke-width 固定为 1.5。不生成 manifest.json(除非项目已有),不提交改动,不使用 emoji,失败即停止并报告。完成后需硬刷新浏览器以清除 favicon 缓存。其他细节暂未提供。