ICON GENERATOR
图标生成器,一张图出全套。
上传一张方图,或用文字 / Emoji 直接生成,一键导出 Favicon(含多尺寸 .ico 与 PWA 全套)、iOS、Android 自适应、macOS、Xcode AppIcon.appiconset、watchOS、tvOS 全套图标,打包 ZIP 下载。全部在浏览器本地完成,不上传图片。
iOS 深色 / 着色为 iOS 18+ 图标个性化「替代外观」,可在 Xcode 的 App Icon 资源里作为 Alternate Appearance 使用。
预览
本页处理在浏览器本地完成
怎么用图标生成器?
选一张方图上传,或直接用「文字生成」输入字母 / Emoji 配色快速出图。工具会把同一张图缩放成各平台需要的尺寸:Favicon 含 16/32/48/64/128/180/256 的 PNG 与多尺寸 .ico,并附 PWA 全套(favicon.svg、site.webmanifest、apple-touch-icon);iOS、Android(含自适应 foreground/background 双层)、macOS 各自输出对应图标集;Xcode 标签直接产出可拖入工程的 AppIcon.appiconset(含 Contents.json);watchOS、tvOS 亦全覆盖,全部打成 ZIP。「填充」裁掉溢出铺满,「居中」在纯色底保留完整图形,「安全区留白」可避免主体被圆角遮罩裁切。一键下载即可放进项目。
生成之后怎么用?
下载得到的 ZIP 解压后按平台放到对应位置即可。下面是 Web 与移动端最常被问到的接入写法。
Web:写进 HTML head
<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">尺寸与用途的完整对照见 Favicon 尺寸对照表;改了图标不生效多半是缓存,可加版本号或强刷。
iOS:拖入 Assets.xcassets
1. 解压得到 AppIcon.appiconset/
2. 拖入 Assets.xcassets(替换同名 AppIcon)
3. Target → General → App Icons 确认名称为 AppIcon
4. 上架时 App Store 使用 1024×1024 营销图(不可带 alpha)完整的 idiom / 尺寸清单与排查表见 AppIcon.appiconset 尺寸表。
Android:自适应图标
Android 标签会同时给出前景图与纯色背景图。系统会把前景缩放到中间 80% 的安全区内并按设备裁成不同形状,所以前景层务必留出足够边距;monochrome 图标供 Android 13+ 的主题化图标使用。
各标签会导出什么
| 标签 | 导出内容 | 关键尺寸 / 文件 |
|---|---|---|
| Favicon | 多尺寸 PNG + 多尺寸 .ico + PWA 全套 | 16/32/48/64/128/180/256 · favicon.ico · favicon.svg · site.webmanifest |
| iOS | AppIcon.appiconset + Contents.json | 20/29/40/58/60/76/80/87/120/152/167/180/1024 |
| iOS 深色 / 着色 | AppIcon-dark / AppIcon-tinted(iOS 18+ 替代外观) | 同 iOS 清单,另有 appearances 声明 |
| Android | mipmap 各密度 + 自适应三层 + XML | 48/72/96/144/192 · foreground / background / monochrome · ic_launcher.xml |
| macOS | PNG 全尺寸 + macos.icns | 16/32/64/128/256/512/1024 |
| watchOS | 图标集 + Contents.json | 48/55/58/80/88/172/196/216/1024 |
| tvOS | Brand + Dark 横幅图 + README | 400×240 · 800×480 · 1280×768 · 3840×1440 |
| Windows | PNG + app.ico + UWP 资源 | 16–512 · app.ico 含 40 · uwp/Store-44…310 |
常见问题
源图必须是正方形吗?
建议用正方形方图,否则非方形图片在「填充」模式下会被裁掉两侧。可先用图片裁剪工具裁成正方形再上传;「居中」模式则会保留完整图形并补纯色底。
「安全区留白」什么时候要开?
iOS 图标永远会带系统圆角遮罩,Android 自适应图标也会裁切,所以源图主体应缩到中间约 80% 内。文字类图标尤其需要,否则边缘字母容易被切掉。
「下载全部 ZIP」和逐个标签下载有什么区别?
「下载全部 ZIP」打包常规七个平台(Favicon / iOS / Android / macOS / watchOS / tvOS / Windows)。iOS 深色与着色是 iOS 18+ 的替代外观,需要单独切到对应标签下载。
图片会上传到服务器吗?
不会。所有缩放、编码与打包都在浏览器本地完成,原图不会离开你的设备,关掉页面即清除。
支持 SVG 上传吗?
只要浏览器能解码就可以(PNG / JPG / WebP / AVIF 等)。SVG 为矢量,浏览器渲染后再按各尺寸栅格化,通常能得到边缘最干净的图标。