App Icon Generator

App Icon Generator 是一款纯浏览器运行的应用图标设计工具，依托 Iconify 图标库，可快速完成图标样式调整，直接打包导出适配 iOS、Android 的上线所需全套图标素材。

核心功能

• 图标素材来源：检索 Iconify 海量图标集；支持上传 PNG/JPEG/WebP/SVG 作为前景图；也可直接输入文字，搭配 Fontsource 2100+ 开源字体制作文字图标，字体附带许可证信息。Phosphor、Solar、Material Symbols 等主流图标家族支持切换不同风格，可按图标库、许可证筛选。
• 样式自定义：纯色/多阶渐变背景；图标颜色、渐变、SVG分色调整；内边距、圆角、投影、蒙版等效果；前景支持拖拽、缩放、旋转、翻转，箭头键精细微调，双击一键居中。内置样式预设，还能随机生成配色方案，支持撤销/重做。
• 预览与导出：实时预览 iOS、Android 各尺寸图标；支持 iOS18 深色与着色外观图标；可导出 icon.svg、深色模式自适应 favicon.svg。
  • iOS：打包 AppIcon.appiconset，附带 Contents.json，兼容 Xcode14+，包含 iPhone / iPad 全尺寸资源
  • Android：打包自适应图标XML、前景/背景/单色图层、传统启动器图标、Play Store 512px商店图
• 附加能力：制作应用横幅图；浏览器本地保存/恢复设计会话；导出压缩包自带版权说明文件ATTRIBUTION.md；工具本身支持明暗主题切换。

技术栈

React 19、Vite 6、TypeScript、Tailwind CSS 4，搭配 Radix UI / shadcn 组件、Iconify、JSZip、TanStack Virtual。

本地部署命令

npm install
npm run dev
npm run build

打包产物输出至 build/ 目录。

操作流程

1. 选择前景类型：Iconify图标 / 上传图片 / 文字
2. 选定素材，调整字体、字重等基础参数
3. 编辑背景、色彩、间距、圆角、特效
4. 在预览面板校验各平台尺寸效果
5. 下载单张图片，或导出iOS/Android完整ZIP资源包
6. 保存会话，方便后续继续修改

版权提示

导出压缩包内置版权清单，自动读取图标、字体许可证信息。如果使用自行上传图片，需要保证拥有对应作品版权；品牌Logo存在商标限制，商用前务必核验授权。