App Icon Sizes
Complete app icon size reference covering iOS, iPadOS, Android, macOS, Windows, and PWA platforms. Click any row to preview the actual pixel size.
iOS / iPadOS Icon Sizes
iOS uses an AppIcon.appiconset to manage all icons. Since Xcode 14, you only need to provide a single 1024x1024 icon and Xcode generates the rest automatically. However, understanding all sizes remains important.
| Base Size | Scale | Actual Pixels | Usage | Required? |
|---|---|---|---|---|
| 20x20 | @2x | 40x40 | Notifications (iPhone) | Recommended |
| 20x20 | @3x | 60x60 | Notifications (iPhone) | Recommended |
| 20x20 | @1x | 20x20 | Notifications (iPad) | Optional |
| 20x20 | @2x | 40x40 | Notifications (iPad) | Recommended |
| 29x29 | @2x | 58x58 | Settings (iPhone) | Recommended |
| 29x29 | @3x | 87x87 | Settings (iPhone) | Recommended |
| 29x29 | @1x | 29x29 | Settings (iPad) | Optional |
| 29x29 | @2x | 58x58 | Settings (iPad) | Recommended |
| 40x40 | @2x | 80x80 | Spotlight (iPhone) | Recommended |
| 40x40 | @3x | 120x120 | Spotlight (iPhone) | Recommended |
| 40x40 | @1x | 40x40 | Spotlight (iPad) | Optional |
| 40x40 | @2x | 80x80 | Spotlight (iPad) | Recommended |
| 60x60 | @2x | 120x120 | App Icon (iPhone) | Required |
| 60x60 | @3x | 180x180 | App Icon (iPhone) | Required |
| 76x76 | @1x | 76x76 | App Icon (iPad) | Optional |
| 76x76 | @2x | 152x152 | App Icon (iPad) | Required |
| 83.5x83.5 | @2x | 167x167 | App Icon (iPad Pro) | Required |
| 1024x1024 | @1x | 1024x1024 | App Store | Required |
Android Icon Sizes
Android uses density buckets to serve appropriately sized icons for different screen densities. From Android 8.0 (API 26) onward, Adaptive Icons are recommended.
| Size (px) | Density | Scale | Usage | Required? |
|---|---|---|---|---|
| 48x48 | mdpi | 1x | Launcher icon | Required |
| 72x72 | hdpi | 1.5x | Launcher icon | Required |
| 96x96 | xhdpi | 2x | Launcher icon | Required |
| 144x144 | xxhdpi | 3x | Launcher icon | Required |
| 192x192 | xxxhdpi | 4x | Launcher icon | Required |
| 512x512 | — | — | Google Play Store | Required |
Adaptive Icons (Android 8.0+)
Adaptive icons consist of a foreground and background layer. The full canvas is 108x108 dp with a 72x72 dp safe zone in the center (18 dp masked on each side).
| Density | Full Canvas (px) | Safe Zone (px) | Mask (per side) |
|---|---|---|---|
| mdpi (1x) | 108x108 | 72x72 | 18px |
| hdpi (1.5x) | 162x162 | 108x108 | 27px |
| xhdpi (2x) | 216x216 | 144x144 | 36px |
| xxhdpi (3x) | 324x324 | 216x216 | 54px |
| xxxhdpi (4x) | 432x432 | 288x288 | 72px |
macOS Icon Sizes
macOS apps use the .icns file format, which bundles multiple sizes. Design your icon at 1024x1024 and include all sizes below.
| Size (px) | Filename | Usage | Required? |
|---|---|---|---|
| 16x16 | icon_16x16.png | Finder list / sidebar | Required |
| 32x32 | icon_16x16@2x.png | Finder list (Retina) | Required |
| 32x32 | icon_32x32.png | Finder / Dock (small) | Required |
| 64x64 | icon_32x32@2x.png | Finder / Dock (Retina) | Required |
| 128x128 | icon_128x128.png | Finder icon view | Required |
| 256x256 | icon_128x128@2x.png | Finder icon (Retina) | Required |
| 256x256 | icon_256x256.png | Finder preview | Required |
| 512x512 | icon_256x256@2x.png | Finder preview (Retina) | Required |
| 512x512 | icon_512x512.png | Finder large icon | Required |
| 1024x1024 | icon_512x512@2x.png | Finder (Retina) / App Store | Required |
iconutil CLI tool to convert an .iconset folder into an .icns file.
Windows Icon Sizes
Windows apps use the .ico file format (which can embed multiple sizes in one file) and PNG images for Start menu tiles.
.ICO File Sizes
| Size (px) | Usage | Required? |
|---|---|---|
| 16x16 | Title bar, taskbar small icon | Required |
| 24x24 | Toolbar icon | Recommended |
| 32x32 | Desktop icon (standard) | Required |
| 48x48 | Explorer thumbnail | Required |
| 64x64 | High DPI desktop icon | Recommended |
| 256x256 | Explorer large icon / Vista+ | Required |
Start Menu Tiles
| Size (px) | Tile Type | Required? |
|---|---|---|
| 44x44 | App list icon | Recommended |
| 71x71 | Small tile | Recommended |
| 150x150 | Medium tile | Required |
| 310x150 | Wide tile | Recommended |
| 310x310 | Large tile | Recommended |
Microsoft Store
| Size (px) | Usage | Required? |
|---|---|---|
| 300x300 | Store listing icon | Required |
| 50x50 | Store small icon | Recommended |
.ico file can contain multiple sizes. Include at least 16, 32, 48, and 256. The 256x256 layer should use PNG compression to reduce file size. Tile icons should use a transparent background — the tile background color is set in the app manifest.
PWA / Web App Icon Sizes
Progressive Web Apps declare icons in manifest.json. Below is the recommended complete icon set.
| Size (px) | Usage | Required? |
|---|---|---|
| 72x72 | Legacy Android home screen | Optional |
| 96x96 | Legacy Android splash | Optional |
| 128x128 | Chrome Web Store | Recommended |
| 144x144 | Windows 8 tile | Recommended |
| 152x152 | iPad touch icon | Recommended |
| 192x192 | Android Chrome home screen | Required |
| 384x384 | Android Chrome splash | Recommended |
| 512x512 | PWA splash / install prompt | Required |
manifest.json Example
"purpose": "maskable" icon so Android can properly adapt your icon to various shapes. The safe zone for maskable icons is the center 80%.
App Icon Design Best Practices
All platforms support PNG. Use PNGs with alpha channels for platforms that need transparent backgrounds (Android, Windows tiles). Note that iOS App Store icons must NOT have transparency.
Always start with the largest size (1024x1024) and scale down. This ensures consistency across all sizes. Use vector tools (Figma, Sketch, Illustrator) for lossless scaling.
At tiny sizes like 16x16 or 29x29, complex details are completely lost. Consider creating simplified versions of your icon for small sizes — keep just the initial letter or core graphic element.
Users may have dark mode or light mode enabled. Ensure your icon is clearly visible and recognizable on both. Avoid using pure white or pure black as the primary icon color.
iOS automatically applies a rounded-corner mask to icons. If you add corners manually, the result will have a double-corner effect or misalignment. Submit square, sharp-cornered icons.
Adaptive icons let different launchers mask icons into various shapes (circle, squircle, etc.). Provide foreground and background layers, and keep critical content within the 72dp safe zone.
The maskable icon safe zone is the center 80%. Add a "purpose": "maskable" icon entry in manifest.json so Android can adapt your icon to various shapes. Preview with maskable.app.
Text is nearly illegible at small icon sizes. Use a graphic symbol instead. If branding requires text, limit it to 1-2 letters maximum.
Quick Reference: Key Sizes per Platform
A quick look at the most important icon sizes for each platform:
| Platform | Store Icon | Largest App Icon | Smallest Icon | Format |
|---|---|---|---|---|
| iOS | 1024x1024 | 180x180 (@3x) | 20x20 | PNG (no alpha) |
| Android | 512x512 | 192x192 (xxxhdpi) | 48x48 | PNG / WebP |
| macOS | 1024x1024 | 512x512 | 16x16 | ICNS (PNG) |
| Windows | 300x300 | 310x310 (large tile) | 16x16 | ICO / PNG |
| PWA | — | 512x512 | 72x72 | PNG |