Favicon 生成器
创建完整的 Favicon 包
- 文件不会离开你的设备
- 在浏览器本地运行
- 免费、免注册、无水印
图案
预览
F
新标签页
F
新标签页
实际像素
16 px 放大
主屏幕
F
文件
- 正在渲染图标…
粘贴到 <head> 中
把文件上传到网站后，再加入以下标签。
如何使用Favicon 生成器
不用设计软件也能做 favicon：输入几个字母、挑一个 Emoji，或从 8 套开源图标库选图标，再调整背景和形状。整套 ICO、PNG、SVG、Apple 与 Android 图标和清单都在浏览器中生成。
- 1
在「图案」中选择「文字」「Emoji」或「图标」。
- 2
输入 1–3 个字符并选择字体和粗细；或输入、点选一个 Emoji（「浏览全部 Emoji」可打开完整列表）；或搜索 rocket、cloud 等关键词后点击图标。
- 3
在「前景」中设置颜色和大小，在「图标样式」中调整背景、形状、圆角和内边距。
- 4
填写「网站信息」和「输出」尺寸，对照浅色、深色标签页和主屏幕预览确认效果。
- 5
点击「下载图标包（ZIP）」，把文件上传到网站，再把「粘贴到 <head> 中」里的标签复制到页面。
常见问题
会把内容发送到服务器吗？
不会，图标在浏览器里绘制。图标库只有在你打开或搜索时才从 XTools 加载，所以第一次使用某个图标集需要联网。
有哪些图标库？
Lucide、Tabler、Material Design、Phosphor、Remix Icon、Carbon、Heroicons 和 Font Awesome Brands。默认先加载 Lucide；搜索时点「搜索全部 8 个图标集」会一次性下载其余图标集（约 13 MB）。
图标可以商用吗？
每套图标库都有各自的开源许可，用作 Logo 前请先确认。Font Awesome Brands 是其他公司的品牌标志，不能当作你自己的品牌使用。
为什么 Emoji 在别的电脑上看起来不一样？
Emoji 和文字用的是你设备上的字体，所以 PNG 和 ICO 文件里是你系统的 Emoji 风格。favicon.svg 以文字形式保存，访客的浏览器会用他们自己的字体来显示。
最多能输入几个字？
1–3 个字符效果最好，输入框最多接受 4 个字符。文字过长会自动缩小以放进图标，汉字也可以。
能做透明背景的 favicon 吗？
可以，把背景设为「无」即可。不过 Apple 触摸图标和 maskable 图标仍会是白底方形，因为手机主屏幕不支持透明。