App Icon Specifications
6 platforms • Apple Human Interface Guidelines
Icon Size Comparison
16pt
29pt
40pt
60pt
76pt
120pt
iOS
Corner Radius: ~17.5% (continuous/squircle)
| Size | Scale | Pixels | Usage |
|---|---|---|---|
| 1024pt | @1x | App Store | |
| 60pt | @2x | iPhone Home Screen | |
| 60pt | @3x | iPhone Home Screen | |
| 40pt | @2x | Spotlight | |
| 40pt | @3x | Spotlight | |
| 29pt | @2x | Settings | |
| 29pt | @3x | Settings | |
| 20pt | @2x | Notifications | |
| 20pt | @3x | Notifications |
Grid Specifications
Use 824×824 grid for 1024×1024 icons
Guidelines
- •Use single, recognizable silhouette
- •Avoid text unless essential to brand
- •Don't use transparency
- •Test on multiple wallpapers (light and dark)
- •Don't replicate Apple hardware
- •Avoid photographs as backgrounds
- •Use bold, simple shapes
- •Design for recognition at small sizes
iPadOS
Corner Radius: ~17.5% (continuous/squircle)
| Size | Scale | Pixels | Usage |
|---|---|---|---|
| 1024pt | @1x | App Store | |
| 83.5pt | @2x | iPad Pro Home | |
| 76pt | @2x | iPad Home | |
| 40pt | @2x | Spotlight | |
| 29pt | @2x | Settings | |
| 20pt | @2x | Notifications |
Guidelines
- •Same icon as iOS, system scales appropriately
- •Test on iPad home screen layouts
- •Consider larger display context
macOS
Corner Radius: Rounded rectangle (not squircle)
| Size | Scale | Pixels | Usage |
|---|---|---|---|
| 512pt | @1x | App Store | |
| 512pt | @2x | App Store | |
| 256pt | @1x | Finder/Dock | |
| 256pt | @2x | Finder/Dock | |
| 128pt | @1x | Finder/Dock | |
| 128pt | @2x | Finder/Dock | |
| 32pt | @1x | List views | |
| 32pt | @2x | List views | |
| 16pt | @1x | Spotlight/Finder | |
| 16pt | @2x | Spotlight/Finder |
Grid Specifications
Use tilted perspective for depth
Guidelines
- •Can use more detail than iOS icons
- •Consider 3D perspective/depth
- •Include subtle shadows and highlights
- •Front-facing with slight angle
- •Avoid matching iOS icon exactly
- •Leverage macOS icon tradition
watchOS
Corner Radius: Circular
| Size | Scale | Pixels | Usage |
|---|---|---|---|
| 1024pt | @1x | App Store | |
| 50pt | @2x | Home Screen (45mm) | |
| 46pt | @2x | Home Screen (44mm) | |
| 44pt | @2x | Home Screen (42mm) | |
| 40pt | @2x | Home Screen (40mm) | |
| 38pt | @2x | Home Screen (38mm) | |
| 29pt | @2x | Companion Settings | |
| 29pt | @3x | Companion Settings |
Guidelines
- •Design for circular shape
- •Use simple, bold imagery
- •Ensure readability at very small sizes
- •Avoid fine details
- •High contrast for OLED display
tvOS
Corner Radius: Rounded rectangle
| Size | Scale | Pixels | Usage |
|---|---|---|---|
| 1280pt | @1x | App Store | |
| 400pt | @1x | Home Screen | |
| 400pt | @2x | Home Screen |
Grid Specifications
Layered images for parallax effect
Guidelines
- •Design for focus-state parallax effect
- •Create 2-5 layers for depth
- •Each layer up to 1280×768
- •Background layer fills entire icon
- •Foreground elements should have transparency
- •Design for 10-foot viewing distance
visionOS
Corner Radius: Circular
| Size | Scale | Pixels | Usage |
|---|---|---|---|
| 1024pt | @1x | App Store | |
| 512pt | @1x | Home View |
Grid Specifications
3 layers: background, middle, foreground
Guidelines
- •Design for circular shape with depth
- •Create 3 layers for spatial effect
- •Background: solid or gradient
- •Middle: primary imagery
- •Foreground: shadows/highlights
- •Consider hover state expansion
- •Design for spatial context