DesignRef Logo
DesignRef
Design SystemsCompareQuick Ref
SearchK
Apple
Apple Human Interface Guidelines

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 Design Systems

Apple Human Interface Guidelines

OverviewColorsTypographySpacingShapeMotionElevationLayoutCustomizationContent DesignGlossaryComponentsSymbolsPatternsInputsApp IconsMaterialsSystemLocalizationAccessibilityPlatforms
OverviewColorsTypographySpacingShapeMotionElevationLayoutCustomizationContent DesignGlossaryComponentsSymbolsPatternsInputsApp IconsMaterialsSystemLocalizationAccessibilityPlatforms
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)

SizeScalePixelsUsage
1024pt@1xApp Store
60pt@2xiPhone Home Screen
60pt@3xiPhone Home Screen
40pt@2xSpotlight
40pt@3xSpotlight
29pt@2xSettings
29pt@3xSettings
20pt@2xNotifications
20pt@3xNotifications

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)

SizeScalePixelsUsage
1024pt@1xApp Store
83.5pt@2xiPad Pro Home
76pt@2xiPad Home
40pt@2xSpotlight
29pt@2xSettings
20pt@2xNotifications

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)

SizeScalePixelsUsage
512pt@1xApp Store
512pt@2xApp Store
256pt@1xFinder/Dock
256pt@2xFinder/Dock
128pt@1xFinder/Dock
128pt@2xFinder/Dock
32pt@1xList views
32pt@2xList views
16pt@1xSpotlight/Finder
16pt@2xSpotlight/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

SizeScalePixelsUsage
1024pt@1xApp Store
50pt@2xHome Screen (45mm)
46pt@2xHome Screen (44mm)
44pt@2xHome Screen (42mm)
40pt@2xHome Screen (40mm)
38pt@2xHome Screen (38mm)
29pt@2xCompanion Settings
29pt@3xCompanion 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

SizeScalePixelsUsage
1280pt@1xApp Store
400pt@1xHome Screen
400pt@2xHome 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

SizeScalePixelsUsage
1024pt@1xApp Store
512pt@1xHome 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