ICON GENERATOR

图标生成器,一张图出全套。

上传一张方图,或用文字 / Emoji 直接生成,一键导出 Favicon(含多尺寸 .ico 与 PWA 全套)、iOS、Android 自适应、macOS、Xcode AppIcon.appiconset、watchOS、tvOS 全套图标,打包 ZIP 下载。全部在浏览器本地完成,不上传图片。

点击或拖拽图片到此处
建议用正方形、主体清晰的图(JPG / PNG / WebP)
0%
0%

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
iOSAppIcon.appiconset + Contents.json20/29/40/58/60/76/80/87/120/152/167/180/1024
iOS 深色 / 着色AppIcon-dark / AppIcon-tinted(iOS 18+ 替代外观)同 iOS 清单,另有 appearances 声明
Androidmipmap 各密度 + 自适应三层 + XML48/72/96/144/192 · foreground / background / monochrome · ic_launcher.xml
macOSPNG 全尺寸 + macos.icns16/32/64/128/256/512/1024
watchOS图标集 + Contents.json48/55/58/80/88/172/196/216/1024
tvOSBrand + Dark 横幅图 + README400×240 · 800×480 · 1280×768 · 3840×1440
WindowsPNG + 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 为矢量,浏览器渲染后再按各尺寸栅格化,通常能得到边缘最干净的图标。

深入阅读

觉得好用?Found it useful?