App Icon Specifications
Platform icon sizes, corner radius, grid specs, and usage guidelines.
6 platforms38 icon sizes4 with grid specs
Icon stats
6
Platforms
38
Icon sizes
4
Grid specs
35
Guidelines
Platforms
iOSiPadOSmacOSwatchOStvOSvisionOS
All Platforms
Icon sizes, corner radius specifications, and design guidelines for each platform.
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