Maker Toolbox / Favicon Generator
网站图标生成器
从空白画布开始，设计属于你的标志。自由组合图形、文字与路径，保存设计，一次导出网站所需的图标资源。
01 / 自由创作
选择空白画布或可编辑的设计起点。拖动绘制矩形、圆形，添加文字与图片；钢笔点击添加节点，按下拖动生成曲线，Enter 或完成按钮结束路径。
02 / 编辑与保存
用图层列表多选、组合、排列和锁定，用画布手柄或属性面板调整构图。节点工具可编辑路径与控制柄。刷新前保存 .design.json，之后可在本工具继续编辑。
03 / 导出与使用
下载 SVG、PNG 或完整图标包，解压后检查 preview.html。资源放到网站根目录，使用代码加入 head；子目录部署需同时修改代码和 manifest。SVG 文字仍依赖本机字体。
常见问题
下载包里有哪些资源？
包含 favicon.svg、16/32/48px 图层的 favicon.ico、16/32/48/180/192/512px PNG、site.webmanifest、usage.html、可离线打开的 preview.html 和 README.txt。未生成 maskable 图标或独立深色图标，也不等于完整 PWA。可编辑设计另点保存设计。
怎么编辑曲线和组合？
钢笔按下拖动会为节点创建曲线控制柄。完成后用节点工具拖动节点或控制柄，或在属性面板添加、删除和切换直线/曲线节点。Shift 点击图层多选后可组合，组合用于统一选择和变换；目前不支持嵌套组合、布尔运算或自动描摹。
可以打开其他 SVG 文件吗？
目前只重新打开本工具的 .design.json 设计文件，其中图片已内嵌。支持导入 PNG/JPG/WebP 图片，但不将图片自动转换为路径，也不导入任意 SVG 源码。每个设计最多 100 图层，每条路径最多 100 节点；设计文件上限 32 MB。
我的设计会上传或自动保存吗？
不会上传，也不自动持久保存。图片、文字、图层和导入的设计文件在当前浏览器处理，刷新前请保存设计。保存后的本地文件由你保管。页面加载和匿名用途、导出统计可能联网，具体见隐私说明。
文字在 SVG 中会变成轮廓吗？
不会，SVG 保留文字并使用设备系统字体；缺少字体时会回退，外观可能变化。PNG、ICO 已固定为像素。文字图层最多 60 个字符，小图标仍建议使用简短文字。图片仍是内嵌位图，放大不会增加细节。
图标可以商用吗？
工具免费使用，输出的使用权取决于你提供的图片、文字及使用字体的许可。请确认输入素材授权，本站不会替第三方素材授予商业许可。
部署后为什么没有马上更新？
先检查资源路径、响应类型和状态码；浏览器或 CDN 的图标缓存可能延迟更新。子目录部署需同步修改使用代码和 manifest 路径，不能只修改其中一项。