Favicon 生成器

用文字、Emoji 或纯色快速生成网站图标(favicon)。工具在浏览器本地把设置拼装为 SVG,并用 canvas 渲染出 16/32/48/64/128/180/192/512 等多尺寸 PNG,供预览、下载,并自动生成 HTML <link> 代码。所有处理都在本地完成,不会上传任何内容。

图标设置 等待输入
内容类型
文字内容(1–3 个字符)
Emoji(内容类型为 Emoji 时使用)
背景色
文字 / 图形颜色
字体
圆角 22%
导出尺寸

全部在浏览器本地生成,不会上传任何内容;本工具只生成 SVG 与 PNG,不生成 .ico 文件。

预览与统计
字符数—
导出尺寸数—
内容类型—
SVG 预览
输出代码
设置内容类型并点击「生成图标」,SVG 源码会显示在这里。

图标为本地生成的 SVG 与 PNG;如需 .ico,可再用专门的 ICO 转换工具处理,本工具不生成 .ico。

生成规则
  • 图标以 512×512 的 SVG viewBox 绘制,圆角用 <rect rx> 实现,缩放不失真。
  • 背景色、文字色来自颜色选择器,颜色值直接写入 SVG 的 fill 属性。
  • 字体提供无衬线 / 衬线 / 等宽三组常见字体栈,实际渲染取决于操作系统可用字体。
  • PNG 通过 canvas.toDataURL('image/png') 本地栅格化 SVG 得到,画质取决于当前浏览器。
  • 导出的 <link> 代码默认指向 favicon-{尺寸}.png,请按实际文件名调整。
  • 本工具只生成 SVG 与 PNG;不生成也不声称生成 .ico 文件。