ios-app-icon-generator

# iOS App Icon Generator

Create beautiful, production-ready iOS app icons through a two-phase creative process.

## Phase 1: Visual Philosophy

Before drawing anything, develop a 2-3 paragraph **Icon Philosophy** that articulates:

- **Core concept**: What single idea or feeling should the icon convey?
- **Visual metaphor**: What shape, object, or abstraction represents the app's purpose?
- **Color psychology**: What palette evokes the right emotional response?
- **Silhouette test**: Will it be recognizable as a tiny black shape?

Write this philosophy out. It guides every design decision.

### Design Principles

Icons that work follow these rules:

- **Simplicity**: One focal element. No more than 2-3 colors. No text (illegible at small sizes).
- **Distinctiveness**: Must stand out in a grid of 30 other icons. Avoid generic symbols (gears, checkmarks, clouds).
- **Scalability**: The 16x16 notification icon must read as clearly as the 1024x1024 App Store version.
- **No photography**: Apple's guidelines discourage photos. Use illustration, geometry, or abstract forms.
- **Optical balance**: Center of visual weight, not geometric center. Curves feel heavier than straight lines.

## Phase 2: Icon Generation

Generate the icon as a **self-contained HTML file** with embedded SVG that:

1. Renders the icon design at 1024x1024 (the master size)
2. Includes iOS-style rounded corners (superellipse, not CSS border-radius)
3. Shows a preview grid of all sizes to verify readability
4. Provides a download mechanism for each size

### Required Sizes

Generate all iOS app icon sizes:

| Size | Purpose |
|------|---------|
| 1024x1024 | App Store |
| 180x180 | iPhone (@3x) |
| 167x167 | iPad Pro (@2x) |
| 152x152 | iPad (@2x) |
| 120x120 | iPhone (@2x) |
| 87x87 | Spotlight (@3x) |
| 80x80 | Spotlight (@2x) |
| 76x76 | iPad (@1x) |
| 60x60 | iPhone (@1x) |
| 58x58 | Settings (@2x) |
| 40x40 | Spotlight (@1x) |
| 29x29 | Settings (@1x) |
| 20x20 | Notification (@1x) |

### HTML Ar