文章目录
- 快速导航
App图标在线生成免费：字母标 / Logo 导出 PNG、SVG
搜「App图标在线生成」或「应用图标制作」时，独立开发者往往还没定稿品牌插画，却需要一枚能用的 App Icon / 横版 Logo：字母标或简单符号、干净底形、导出 PNG（可选 SVG），再进多尺寸包。本站 Logo / App Icon 在线生成 在浏览器完成，免费、不上传、无 AI 出图。
核对日：2026-10-30。更完整的「应用图标生成 → 多尺寸 → 商店预览」串文见 应用图标生成指南；本文只写本工具怎么用。
和 /icon、ICO 的分工
| 步骤 | 工具 |
|---|---|
| 设计主视觉（字母/符号） | /tools/logo-icon（本文） |
| 导出 iOS/Android/鸿蒙多尺寸包 | /icon |
| 网站 Favicon / Windows .ico | /tools/to-ico |
| 圆角/正圆位图 | /tools/rounded-corners |
一手步骤
- 打开 /tools/logo-icon。
- 模式：App Icon 1:1（主推）或横版 Logo。
- 底形：圆 / 超椭圆（squircle）/ 圆角方 / 透明（仅内容）。
- 内容：1–3 个字母，或精选符号；调字重、间距、符号大小。
- 配色：实心/渐变预设（翠绿系优先）或自定义。
- 看主画布 + iOS 主屏 / Android 自适应 / Play 列表行预览（图标模式）。
- 导出 PNG 1024 & 512（图标）或按比例 Logo PNG；可选 SVG。再点到 /icon 打多尺寸包。
字体为系统商用安全栈，适合快速占位与早期上架，不等于最终品牌精修。
设计注意
| 点 | 建议 |
|---|---|
| 字母过多 | 1–2 字更清晰；三字要减字重 |
| 透明底上架 iOS | 注意 Alpha 拒审风险，实底更稳 |
| 列表里看不清 | 用工具内小尺寸预览，或 /tools/store-preview |
| 需要真实设备截图搭配 | /preview |
小结
Logo / App Icon 在线生成 负责「快速主视觉」；/icon 负责「平台尺寸包」。英文：/en/articles/logo-app-icon-maker-monogram-guide。