How to Make an App Icon with AI — 6 Generators Compared

Request

Result — All 6 Generators

Same prompt, 6 different AI image generators. Here’s what each one produced:

Each generator has its own personality — flat vs 3D, muted vs vibrant, minimal vs detailed. All produced a recognizable shield + key icon from the same prompt.

---

What Happens Inside

That one request triggers a full pipeline: generate with every available AI, strip backgrounds, compare, then export to all required formats. Here’s the breakdown.

The Prompt

One prompt used for all generators:

A modern app icon for a password manager app called "KeyVault".
A bold shield shape with a golden key symbol centered inside it.
The shield is deep navy blue with a subtle gradient, clean smooth edges.
The key is gold/amber colored, simple and iconic.
Flat design with soft depth, icon centered on white canvas.
Professional, trustworthy, clean. Suitable for iOS/macOS app icon.

---

Step 1 — Nanobanana

Nanobanana produces clean flat design with smooth gradients. Strong prompt adherence.

Meta section:

FILE: content/posts/how-to-make-app-icon/images/icon_nanobanana.png
UTILITY: nanobanana
ASPECT_RATIO: 1:1
RESOLUTION: 1K
VERSION: pro
MAKE_TRANSPARENT: rembg

PROMPT: |
  A modern app icon for a password manager app called "KeyVault".
  ...

---

Step 2 — Flux 1

Flux goes more 3D and skeuomorphic — more depth, metallic sheen, heavier shadows.

FILE: content/posts/how-to-make-app-icon/images/icon_flux.png
WIDTH: 1024
HEIGHT: 1024
MAKE_TRANSPARENT: rembg

PROMPT: |
  A modern app icon for a password manager app called "KeyVault".
  ...

---

Step 3 — GPT-Image

GPT-Image-2 produces polished, app-store-ready icons with excellent proportions and clean rendering.

FILE: content/posts/how-to-make-app-icon/images/icon_gptimage.png
UTILITY: gpt_image
SIZE: 1024x1024
QUALITY: high
MAKE_TRANSPARENT: rembg

PROMPT: |
  A modern app icon for a password manager app called "KeyVault".
  ...

Note: GPT-Image-2 doesn’t support BACKGROUND: transparent natively — use MAKE_TRANSPARENT: rembg postprocessing instead.

---

Step 4 — Grok Image

Grok Image uses conversational prompting and produces strong flat design with good color accuracy.

FILE: content/posts/how-to-make-app-icon/images/icon_grok.png
UTILITY: grok_image
ASPECT_RATIO: 1:1
RESOLUTION: 1k
MAKE_TRANSPARENT: rembg

PROMPT: |
  A modern app icon for a password manager app called "KeyVault".
  ...

---

Step 5 — Qwen

Qwen Image uses a 4-step Lightning LoRA for fast generation. Add the LoRA tag to the end of the prompt to enable it.

FILE: content/posts/how-to-make-app-icon/images/icon_qwen.png
WIDTH: 1024
HEIGHT: 1024
FLOW: qwen_image
STEPS: 4
DISTILLED_CFG_SCALE: 1.0
MAKE_TRANSPARENT: rembg

PROMPT: |
  A modern app icon for a password manager app called "KeyVault".
  ... <lora:Qwen-Image-2512-Lightning-4steps-V1.0-fp32:1.0>

---

Step 6 — Z-Image Turbo

Z-Image Turbo is ultra-fast (9 steps). Produces vibrant, slightly more cartoonish results.

FILE: content/posts/how-to-make-app-icon/images/icon_zimage.png
WIDTH: 1024
HEIGHT: 1024
FLOW: z_image_turbo
STEPS: 9
DISTILLED_CFG_SCALE: 1.0
MAKE_TRANSPARENT: rembg

PROMPT: |
  A modern app icon for a password manager app called "KeyVault".
  ...

---

Step 7 — Export to All Formats

Once you’ve picked the best result, export to all required formats from the single 1024×1024 transparent PNG master.

Transparent PNG (master)

The MAKE_TRANSPARENT: rembg postprocessing step runs automatically after generation — rembg AI removes the background and outputs a clean transparent PNG.

icon_1024.png  ← master, 1024×1024, transparent

macOS .icns

macOS requires an .icns bundle with multiple sizes. Generate each size from the master PNG, then pack with iconutil:

# Create iconset folder with all required sizes
mkdir AppIcon.iconset
sips -z 16 16     icon_1024.png --out AppIcon.iconset/icon_16x16.png
sips -z 32 32     icon_1024.png --out AppIcon.iconset/icon_16x16@2x.png
sips -z 32 32     icon_1024.png --out AppIcon.iconset/icon_32x32.png
sips -z 64 64     icon_1024.png --out AppIcon.iconset/icon_32x32@2x.png
sips -z 128 128   icon_1024.png --out AppIcon.iconset/icon_128x128.png
sips -z 256 256   icon_1024.png --out AppIcon.iconset/icon_128x128@2x.png
sips -z 256 256   icon_1024.png --out AppIcon.iconset/icon_256x256.png
sips -z 512 512   icon_1024.png --out AppIcon.iconset/icon_256x256@2x.png
sips -z 512 512   icon_1024.png --out AppIcon.iconset/icon_512x512.png
sips -z 1024 1024 icon_1024.png --out AppIcon.iconset/icon_512x512@2x.png

# Pack into .icns
iconutil -c icns AppIcon.iconset

Output: AppIcon.icns — drop it into your Xcode project or macOS app bundle.

favicon.ico

Favicon needs multiple sizes packed into one .ico file. Use the convert command:

# Resize to favicon sizes
convert icon_1024.png -resize 48x48 favicon_48.png
convert icon_1024.png -resize 32x32 favicon_32.png
convert icon_1024.png -resize 16x16 favicon_16.png

# Pack into multi-size .ico
convert favicon_16.png favicon_32.png favicon_48.png favicon.ico

Or with the built-in image tool:

convert icon_1024.png favicon.ico size=32

---

Generator Comparison

Generator	Style	Speed	Transparency
Nanobanana	Flat, clean gradients	Medium	MAKE_TRANSPARENT: rembg
Flux 1	3D, metallic, detailed	Medium	MAKE_TRANSPARENT: rembg
GPT-Image	Polished, app-store quality	Medium	MAKE_TRANSPARENT: rembg ¹
Grok Image	Flat, accurate colors	Fast	MAKE_TRANSPARENT: rembg
Qwen	Bold, slightly cartoonish	Fast (4 steps)	MAKE_TRANSPARENT: rembg
Z-Image Turbo	Vibrant, 3D, fast	Very fast (9 steps)	MAKE_TRANSPARENT: rembg

¹ GPT-Image-2 doesn’t support native transparent background — MAKE_TRANSPARENT: rembg works perfectly as postprocessing.

---

---

Extra 1 — Apple Flat Style with Reference Images

Sometimes you want to match a specific visual style — like Apple’s own flat icon language used across iOS and macOS. Nanobanana supports image reference input, so you can feed it a real style sheet and it will learn the design language.

The reference

We downloaded a real Apple flat-style icon sheet (36 Apple app vector icons) and used it as the style reference. The model studies the icon language from the sheet: superellipse shape, bold flat fills, clean single-symbol composition, vibrant backgrounds, generous padding.

How it works

Pass the reference image via IMAGE-INPUT. In the prompt, refer to it as “Figure 1” — the model doesn’t receive filenames, only the image itself.

FILE: content/posts/how-to-make-app-icon/images/icon_apple_style.png
UTILITY: nanobanana
ASPECT_RATIO: 1:1
RESOLUTION: 1K
VERSION: pro
MAKE_TRANSPARENT: rembg

IMAGE-INPUT: images/ref_apple_flat_style.png
FILES: images/ref_apple_flat_style.png

PROMPT: |
  Create a brand new password manager app icon called "KeyVault" in Apple flat design style.
  Figure 1 shows 36 real Apple iOS/macOS app icons — use it as a style reference.
  Study the icon language: superellipse rounded square shape, bold flat fills,
  clean single-symbol centered composition, vibrant backgrounds, generous padding.
  Do NOT copy any existing icon — create a completely original design.

  Design: indigo gradient background, white flat shield, gold key inside.
  Pure flat fills — no gradients on symbol, no shadows, no textures.

The result: proper Apple superellipse shape, flat indigo background, clean shield + gold key — the reference sheet taught the model the exact proportions and flatness of Apple’s icon language.

---

Extra 2 — 10 Concept Variations

Before committing to a direction, generate a wide range of concepts. Here are 10 very different prompts for the same KeyVault app — each exploring a completely different visual language:

#	Concept	Style
1	Neon Vault	Cyberpunk cyan neon vault door on black
2	Fingerprint	Minimal purple line-art fingerprint on white
3	Glass Lock	Frosted glass 3D padlock, chrome shackle
4	Pixel Key	Retro 8-bit gold pixel art key
5	Holo Orb	Holographic pink-violet-blue sphere with lock
6	Cute Key	Kawaii golden key character with smiling face
7	Luxury Gold	Baroque ornate gold key, art-deco filigree
8	Geo Shield	Low-poly teal/green faceted shield
9	Ink Lock	Watercolor indigo padlock on paper texture
10	Iso Vault	Isometric steel blue vault with golden key

All 10 generated in parallel with Nanobanana. The key to getting real variety: change the visual metaphor, not just the color. Each prompt uses a completely different object (vault door, fingerprint, orb, character, watercolor) rather than just tweaking the same shield prompt.

---

Extra 3 — GPT-Image Concept Grid

GPT-Image-2 excels at structured layouts with text labels — something diffusion models struggle with. Use it to generate a comparison sheet of all concepts in one shot, perfect for client presentations or design reviews.

FILE: content/posts/how-to-make-app-icon/images/icon_grid_gptimage.png
UTILITY: gpt_image
SIZE: 1536x1024
QUALITY: high

PROMPT: |
  Create a clean comparison grid of 10 different app icon concepts for KeyVault.
  Layout: 5 columns × 2 rows. Each cell: square icon + short label below.
  Dark background. Icons in rounded square frames.
  Concepts: Neon Vault, Fingerprint, Glass Lock, Pixel Key, Holo Orb,
  Cute Key, Luxury Gold, Geo Shield, Ink Lock, Iso Vault.
  Title at top: "KeyVault — 10 Icon Concepts"

GPT-Image renders the grid, labels, and title in a single generation — no post-processing needed. This is the fastest way to create a design review sheet to share with stakeholders.

When to use GPT-Image for grids: Any time you need labeled layouts, comparison sheets, or structured multi-panel compositions. It handles text-in-image far better than diffusion models.

Step 2 — Crop one icon from the grid

Pick any icon and crop it precisely. Use the measure command to overlay a coordinate grid, then iterate crop until the icon is pixel-perfect — all corners intact, no bleed from adjacent cells:

# Add coordinate grid overlay to find exact icon bounds
measure icon_grid_gptimage.png measured.png grid_size=50

# Crop the purple shield icon — iterate until perfect
crop icon_grid_gptimage.png 175,28,167,170 icon_cropped.png

Tip: Crop first, check, adjust — don’t resize or process until the crop is exactly right. The icon is small (~167×170px) so precision matters.

Step 3 — Upscale & enhance with Nanobanana

The raw crop is small and low-res. Feed it into Nanobanana as IMAGE-INPUT — it upscales, sharpens edges, smooths gradients, and enhances the icon to a clean 1024×1024. Add MAKE_TRANSPARENT: rembg + POST_CROP: auto to get a transparent result in one step:

FILE: content/posts/how-to-make-app-icon/images/icon_grid_cropped_final.png
WIDTH: 1024
HEIGHT: 1024
UTILITY: nanobanana
ASPECT_RATIO: 1:1
RESOLUTION: 1K
VERSION: pro

IMAGE-INPUT: content/posts/how-to-make-app-icon/images/icon_grid_cropped_source.png
FILES: content/posts/how-to-make-app-icon/images/icon_grid_cropped_source.png

MAKE_TRANSPARENT: rembg
POST_CROP: auto
POST_CROP_PADDING: 50

PROMPT: |
  Upscale and enhance the password manager app icon from Figure 1.
  Reproduce it at high resolution — clean sharp edges, smooth gradients, crisp key and shield details.
  Keep the exact same design, colors, and style. Output as a single icon centered on white background.

• IMAGE-INPUT — feeds the raw crop into Nanobanana for AI upscaling
• MAKE_TRANSPARENT: rembg — strips background after generation
• POST_CROP: auto — auto-trims transparent padding
• POST_CROP_PADDING: 50 — adds 50px breathing room around the icon after crop (good default for 1024×1024)

Step 4 — Export to all formats

From the transparent PNG master, export to all required sizes:

# macOS sizes
resize icon_grid_cropped_final.png 512,512 icon_export_512.png
resize icon_grid_cropped_final.png 256,256 icon_export_256.png

# favicon.ico
convert icon_grid_cropped_final.png icon_export_favicon.ico size=32

The full pipeline in 4 steps: Generate grid with GPT-Image → crop one icon precisely → Nanobanana upscale + rembg → export sizes. Any icon from the grid becomes a production-ready 1024×1024 transparent PNG in minutes.

---

Key Learnings

• MAKE_TRANSPARENT: rembg works on all generators — add it to any meta section and the background gets stripped automatically after generation
• Run generators in parallel — all 6 fired simultaneously, results in under 2 minutes total
• Same prompt, very different results — flat vs 3D, muted vs vibrant; always worth comparing before committing to one
• 1024×1024 is the right master size — scales cleanly to all export targets (icns, favicon, app stores)
• Use real references — feed actual Apple icons or brand sheets as IMAGE-INPUT to lock in the exact style language; the model learns proportions, flatness, and padding from the sheet
• Use a grid to explore concepts fast — ask GPT-Image to generate a labeled grid of 10+ concepts in one shot; much faster than generating each separately, and easy to share with stakeholders
• Ask for variations before committing — generate 10 concepts with very different visual metaphors (not just color tweaks) to find the direction that resonates, then refine the winner