An app icon ships at one master size — 1024×1024 PNG, fully opaque, square — and then Apple scales that single file into eleven sizes across iOS, iPadOS, watchOS, and macOS (as of June 2026, per Apple’s Human Interface Guidelines). The hard cases are the small ones: 60×60 on the home screen at standard density, 40×40 in notifications. Anything that does not read at 40×40 is decoration. The prompts below force the three constraints that consistently survive Apple’s squircle mask and Android’s adaptive-icon mask: a single bold subject, strong contrast, and no text.
TL;DR
- Generate directions at 1024×1024, then downscale to 40×40 and 60×60. That downscale is the real test.
- Use one noun, one dominant color, and no lettering. Text never reads at icon sizes.
- For raster brainstorming use GPT Image 2 or Gemini (Nano Banana Pro). For an editable, production-ready SVG, use Recraft, which returns real vector paths instead of a raster wrapped in an SVG.
- Keep the subject inside the center. Apple clips the corners with a squircle; Android only guarantees the inner 66dp of a 108dp canvas.
Best for
- iOS / Android launch icons (App Store listing + home screen)
- PWA icons and favicons that must read in a browser tab
- Internal tool icons inside a design system
- Brainstorming directions before commissioning a designer
The prompts
Replace each [bracketed] placeholder with one specific value. Do not stack two style anchors — flat plus gradient reads as inconsistency at small sizes.
Bold shape
iOS app icon concept, single bold geometric shape, gradient [color], rounded square frame, no text, high contrast, must read clearly at 40x40Symbol + color
app icon concept, simple symbol of [concept] in white, vivid [brand color] background, rounded square, flat, must work at 60x60Negative-space direction
iOS app icon concept, negative-space silhouette of [concept], two-color flat fill ([color] and [accent]), rounded square frame, no text, reads at 60x60Variables to fill before you prompt
- Concept noun: what the icon represents (a notebook, a wave, a circle of friends). One noun only.
- Brand color: one hex value, plus one accent for the negative-space variant.
- Frame: Apple applies the squircle mask, so do not round the corners yourself. Android can be circular, squircle, or teardrop depending on the launcher. Render a square master and check both masks.
- Style anchor: flat, gradient, or glyph. Pick one.
Which tool for which job
The job splits in two: brainstorming directions (raster is fine) and producing the final mark (you want vectors). As of June 2026:
| Tool | Output | Best use here | Note |
|---|---|---|---|
| Recraft | Native SVG vectors | Final, editable icon | Free tier 50 credits/day, personal only; Basic $10/mo with commercial use |
| GPT Image 2 (ChatGPT) | Raster | Fast direction sweeps | Included in ChatGPT Plus ($20/mo); reliable text rendering, but you still want no text in an icon |
| Gemini / Nano Banana Pro | Raster | High-volume variants | Google AI Pro $19.99/mo; 4K output in seconds |
| Midjourney v7 | Raster | Texture and color exploration | Strongest aesthetics; least controllable for tight geometric marks |
Recraft is the only generator on this list that returns real editable vector paths from a prompt, which is why it is the one to reach for once a direction is chosen. For a broader template set, use the logo & app icon prompts. For full visual systems, see the style consistency tutorial.
How to refine
Render at 1024×1024 (Apple’s submission size), then immediately downscale to 60×60 and 40×40. If the icon turns to mush, simplify the shape and raise the contrast. Test against a real home-screen wallpaper in both light and dark mode, and place it next to neighboring app colors so you can see how it holds its edge in context. For Android, drop the foreground into a 108×108dp canvas and confirm everything important sits inside the centered 66dp safe-zone circle — the mask can clip anything outside it.
Common mistakes
- Text in the icon — never legible at 40×40, and it competes with the app name below it.
- Too much detail (gradients inside gradients, fine pattern) that collapses on downscale.
- Low contrast between subject and background.
- Subject pushed near the corners, where Apple’s squircle and Android’s mask clip it.
- Mimicking another app’s mark or a system glyph (camera, settings gear). Apple’s review team flags lookalikes.
FAQ
What size do I actually submit? One 1024×1024 PNG, fully opaque, perfectly square, with no alpha channel. As of June 2026 Apple generates the other sizes (down to 40×40) automatically and applies the squircle mask, so do not round the corners yourself.
Should I test the icon on a dark wallpaper? Yes — on both light and dark home screens, and against neighboring app colors. Many icons that look great in isolation lose contrast on a real wallpaper.
Do I need a separate adaptive icon for Android? Yes. Supply 108×108dp foreground and background layers and keep the artwork inside the centered 66dp safe zone, since the launcher mask only guarantees that inner region.
Can AI image tools render the final production icon? For brainstorming, yes. For the final file, use a vector tool. Recraft is the exception — it outputs editable SVG paths directly, which is closer to production than a raster export from GPT Image 2 or Gemini.
Before you publish
Apple and Google reject icons that copy other brands, include trademarks you do not own, or imitate system shapes (camera roll, settings gear). Verify the current Apple Human Interface Guidelines for app icons before submission. See the disclaimer for the broader note on AI image output and platform rules.
Related
- Logo & app icon prompts — broader icon and logo library
- Logo mark direction prompts — companion patterns for logo marks
- Consistent image style prompt — keep icon variants visually unified
- Style consistency across images — tutorial for visual systems
- Lifestyle Brand Logo Prompts: 10 Boutique Identity Templates
- Tech Startup Logo Prompts: 10 Modern Wordmark Templates
Tags: #App icon