Ios App Icon

Prompt Formula

"App icon design for [purpose]. [Main element] with [visual style] on [color description] gradient background. Premium quality, sophisticated, minimal, single focal point, [lighting], rich colors"

Key elements:

• Purpose: meditation app, fitness tracker, note-taking app
• Main element: lotus flower, dumbbell, pencil
• Visual style: subtle 3D depth, metallic sheen, soft glow
• Color: rich purple-to-violet, vibrant orange-to-red, deep blue
• Lighting: subtle lighting from top-left, ambient glow

Examples

Meditation App:

bun .claude/skills/nanobanana-skill/nanobanana.ts \
  --prompt "App icon design for meditation app. Elegant lotus flower with subtle 3D depth on rich purple-to-violet gradient. Premium quality, sophisticated, single focal point, subtle top-left lighting" \
  --size 1024x1024 \
  --output "AppIcon-Meditation.png"

Fitness App:

bun .claude/skills/nanobanana-skill/nanobanana.ts \
  --prompt "App icon design for fitness app. Bold dumbbell with metallic chrome finish on vibrant orange-to-red gradient. Premium quality, energetic, single focal point, dynamic lighting" \
  --size 1024x1024 \
  --output "AppIcon-Fitness.png"

Finance App:

bun .claude/skills/nanobanana-skill/nanobanana.ts \
  --prompt "App icon design for finance app. Elegant coin stack with gold metallic sheen on deep emerald-to-teal gradient. Premium quality, trustworthy, single focal point, subtle ambient glow" \
  --size 1024x1024 \
  --output "AppIcon-Finance.png"

Resize to All iOS Sizes

After generating the 1024x1024 master:

# All required sizes
magick AppIcon.png -resize 1024x1024 AppIcon-1024.png      # App Store
magick AppIcon.png -resize 180x180 [email protected]       # iPhone @3x
magick AppIcon.png -resize 120x120 [email protected]       # iPhone @2x
magick AppIcon.png -resize 167x167 [email protected]     # iPad Pro @2x
magick AppIcon.png -resize 152x152 [email protected]       # iPad @2x
magick AppIcon.png -resize 87x87 [email protected]         # Spotlight @3x
magick AppIcon.png -resize 80x80 [email protected]         # Spotlight @2x
magick AppIcon.png -resize 58x58 [email protected]         # Settings @2x
magick AppIcon.png -resize 40x40 [email protected]         # Spotlight @1x

Size Reference

Prompt Tips

Do:

• "App icon design for [purpose]" — specific context
• "Premium quality, sophisticated" — quality signals
• "Rich [color]-to-[color] gradient" — specific colors
• "Subtle 3D depth" or "metallic sheen" — visual interest
• "Single focal point" — clarity

Avoid:

• "iOS app icon" — triggers generic looks
• "Simple" alone — undersells quality
• "Flat design" — too basic
• Vague colors like just "purple" or "blue"

Quality Check

After generation:

1. View the icon with Read tool
2. Verify:
   • Colors are rich, not washed out
   • Single clear focal point
   • Recognizable at small sizes (check 40x40)
   • Premium feel, not generic
3. If issues: adjust prompt, regenerate

Notes

• Rounded corners: AI often adds them. That's OK—iOS applies its own mask anyway.
• Gradients: Always better than flat colors for premium feel.
• Test small: Resize to 40x40 to verify readability.