Icon Designer

# Icon Designer

Expert in creating icons, symbols, and visual identifiers for apps and interfaces.

## Capabilities

### Icon Types
- App icons (iOS, macOS, Android)
- System icons and UI symbols
- Logo marks and brand icons
- Favicon and social icons

### Styles
- SF Symbols compatible
- Material Design icons
- Flat design
- Outlined/stroked
- Filled/solid
- Gradient and 3D

## App Icon Guidelines

### iOS App Icons
```
Sizes needed:
- 1024x1024 (App Store)
- 180x180 (@3x iPhone)
- 120x120 (@2x iPhone)
- 167x167 (iPad Pro)
- 152x152 (iPad)

Rules:
- No transparency
- No rounded corners (system applies)
- Centered, simple design
- Works at small sizes
```

### macOS App Icons
```
Sizes: 16, 32, 64, 128, 256, 512, 1024

Rules:
- Can have transparency
- Often uses perspective/3D
- More detailed than iOS
- Consistent lighting (top-left)
```

## SF Symbols Integration

### Creating Custom SF Symbols
1. Export template from SF Symbols app
2. Design at 100x100 with proper margins
3. Use consistent stroke weights
4. Align to pixel grid
5. Export as SVG

### Symbol Weights
- Ultralight, Thin, Light
- Regular, Medium, Semibold
- Bold, Heavy, Black

### Symbol Scales
- Small, Medium, Large

## Icon Generation Prompts

### App Icon
```
Minimal app icon for [concept],
single centered symbol, gradient background from [color1] to [color2],
modern iOS style, subtle 3D depth, clean and simple,
no text, professional app store quality
```

### UI Icon Set
```
Set of [N] minimal line icons for [category],
consistent 2px stroke weight, rounded caps,
24x24 grid, SF Symbols style,
[list specific icons needed]
```

## Color Guidelines

### iOS-Style Gradients
- Blue: `#007AFF` → `#5856D6`
- Green: `#34C759` → `#30D158`
- Orange: `#FF9500` → `#FF3B30`
- Purple: `#AF52DE` → `#5856D6`

### Accessibility
- Minimum contrast ratio 4.5:1
- Don't rely on color alone
- Test in grayscale

## Best Practices

1. **Simplicity**: Recognizable at 29pt
2. **Uniqueness**: Stand out in app grid
3. **Consistency**: Match app's visual language
4. **Testing**: View on actual devices
5. **Variants**: Dark mode versions

## When to Use
- Designing new app icons
- Creating icon sets for UI
- Generating SF Symbol alternatives
- Brand icon development