Complete Guide to App Icon Sizes for All Platforms
Creating app icons for multiple platforms can be overwhelming. Each platform has specific requirements for icon dimensions, and missing even one size can cause your app to display incorrectly. This comprehensive guide covers all the icon sizes you need for iOS, Android, macOS, Windows, web, and more.
Why App Icon Sizes Matter
App icons are displayed in many different contexts across devices - from tiny 16x16 pixel favicons in browser tabs to large 1024x1024 pixel images in app stores. Each context requires a specific size to ensure your icon looks crisp and professional.
Using incorrectly sized icons can result in blurry images, distorted proportions, or rejected app submissions. Platform guidelines are strict about icon dimensions, and meeting these requirements is essential for app store approval.
The good news is that with a high-quality source image (we recommend starting with 1024x1024 pixels), you can automatically generate all the sizes you need using our free app icon generator.
iOS (iPhone & iPad) Icon Sizes
Apple requires multiple icon sizes for different device types and contexts within iOS apps.
| Icon Name | Size (px) | Usage | Scale |
|---|---|---|---|
| App Store | 1024 x 1024 | App Store listing | @1x |
| iPhone App | 180 x 180 | Home screen (iPhone) | @3x |
| iPhone App | 120 x 120 | Home screen (iPhone) | @2x |
| iPad Pro App | 167 x 167 | Home screen (iPad Pro) | @2x |
| iPad App | 152 x 152 | Home screen (iPad) | @2x |
| Spotlight | 120 x 120 | Search results | @3x |
| Spotlight | 80 x 80 | Search results | @2x |
| Spotlight | 40 x 40 | Search results | @1x |
| Settings | 87 x 87 | Settings app | @3x |
| Settings | 58 x 58 | Settings app | @2x |
| Settings | 29 x 29 | Settings app | @1x |
| Notification | 60 x 60 | Notifications | @3x |
| Notification | 40 x 40 | Notifications | @2x |
| Notification | 20 x 20 | Notifications | @1x |
Important Notes for iOS (iPhone & iPad)
- • Always start with a 1024x1024 pixel source image for best quality
- • iOS icons should not include rounded corners - the system applies them automatically
- • Avoid transparency in App Store icons
Android (Google Play) Icon Sizes
Android uses density-independent pixels (dp) with multiple density buckets for different screen densities.
| Icon Name | Size (px) | Usage | Scale |
|---|---|---|---|
| Play Store | 512 x 512 | Google Play Store listing | - |
| xxxhdpi | 192 x 192 | Very high density screens | 4x |
| xxhdpi | 144 x 144 | Extra high density screens | 3x |
| xhdpi | 96 x 96 | High density screens | 2x |
| hdpi | 72 x 72 | Medium-high density screens | 1.5x |
| mdpi | 48 x 48 | Medium density screens | 1x (baseline) |
| ldpi | 36 x 36 | Low density screens | 0.75x |
Important Notes for Android (Google Play)
- • Adaptive icons (introduced in Android 8.0) use foreground and background layers
- • The Play Store icon should be a full-bleed square image
- • Consider using Android Asset Studio for adaptive icon creation
macOS Icon Sizes
macOS app icons support multiple sizes with @1x and @2x Retina variants.
| Icon Name | Size (px) | Usage | Scale |
|---|---|---|---|
| App Store | 1024 x 1024 | Mac App Store | @1x |
| icon_512x512 | 1024 x 1024 | Retina Finder | @2x |
| icon_512x512 | 512 x 512 | Finder | @1x |
| icon_256x256 | 512 x 512 | Retina Finder | @2x |
| icon_256x256 | 256 x 256 | Finder | @1x |
| icon_128x128 | 256 x 256 | Retina Finder | @2x |
| icon_128x128 | 128 x 128 | Finder | @1x |
| icon_64x64 | 128 x 128 | Retina Finder | @2x |
| icon_64x64 | 64 x 64 | Finder | @1x |
| icon_32x32 | 64 x 64 | Retina Finder | @2x |
| icon_32x32 | 32 x 32 | Finder | @1x |
| icon_16x16 | 32 x 32 | Retina Finder | @2x |
| icon_16x16 | 16 x 16 | Menu bar, Finder | @1x |
Important Notes for macOS
- • macOS icons are stored in .icns format containing all sizes
- • Icons can include subtle shadows and depth
- • The shape can be custom - not required to be a rounded square
Windows Icon Sizes
Windows apps require various tile and icon sizes for the Start menu, taskbar, and Microsoft Store.
| Icon Name | Size (px) | Usage |
|---|---|---|
| Square310x310Logo | 310 x 310 | Large tile |
| Wide310x150Logo | 310 x 150 | Wide tile |
| Square150x150Logo | 150 x 150 | Medium tile |
| Square71x71Logo | 71 x 71 | Small tile |
| StoreLogo | 50 x 50 | Microsoft Store |
| Square44x44Logo | 44 x 44 | App list |
| Desktop Icon | 256 x 256 | Desktop shortcut |
| Desktop Icon | 128 x 128 | Large icons view |
| Desktop Icon | 64 x 64 | Medium icons view |
| Desktop Icon | 48 x 48 | Tiles view |
| Desktop Icon | 32 x 32 | Small icons view |
| Desktop Icon | 24 x 24 | Extra small icons |
| Desktop Icon | 16 x 16 | List view, taskbar |
Important Notes for Windows
- • ICO format can contain multiple sizes in a single file
- • Consider high DPI scaling for modern displays
- • Live tiles can display dynamic content beyond static icons
Web (Favicon & PWA) Icon Sizes
Websites require favicons for browser tabs and PWA icons for installable web apps.
| Icon Name | Size (px) | Usage |
|---|---|---|
| PWA Icon | 512 x 512 | PWA splash screens, install prompts |
| PWA Icon | 384 x 384 | PWA manifest |
| PWA Icon | 256 x 256 | PWA manifest |
| PWA Icon | 192 x 192 | Android home screen, PWA manifest |
| Apple Touch Icon | 180 x 180 | iOS home screen shortcut |
| MS Tile | 150 x 150 | Windows tiles |
| PWA Icon | 144 x 144 | PWA manifest |
| PWA Icon | 128 x 128 | PWA manifest |
| PWA Icon | 96 x 96 | PWA manifest |
| PWA Icon | 72 x 72 | PWA manifest |
| PWA Icon | 48 x 48 | PWA manifest |
| Favicon | 32 x 32 | Browser tab (standard) |
| Favicon | 16 x 16 | Browser tab (legacy) |
Important Notes for Web (Favicon & PWA)
- • Use PNG format for best quality, SVG for scalability
- • ICO format (favicon.ico) should contain 16x16, 32x32, and 48x48 sizes
- • PWA icons should be maskable for adaptive display on different platforms
watchOS (Apple Watch) Icon Sizes
Apple Watch apps require specific icon sizes for different watch models and contexts.
| Icon Name | Size (px) | Usage |
|---|---|---|
| App Store | 1024 x 1024 | Watch App Store |
| Watch App | 196 x 196 | 44mm watch face |
| Watch App | 172 x 172 | 40mm watch face |
| Home Screen | 100 x 100 | 44mm home screen |
| Home Screen | 88 x 88 | 40mm home screen |
| Notification | 87 x 87 | 44mm notifications |
| Notification | 80 x 80 | 40mm notifications |
| Short Look | 58 x 58 | Short look notifications |
| Settings | 55 x 55 | Watch settings |
| Companion | 48 x 48 | iPhone companion app |
Important Notes for watchOS (Apple Watch)
- • watchOS icons should be simple and recognizable at small sizes
- • Circular icons work best for watch complications
- • Avoid fine details that may be lost on small displays
Chrome Extension Icon Sizes
Browser extensions require specific icon sizes for the toolbar, extension page, and Chrome Web Store.
| Icon Name | Size (px) | Usage |
|---|---|---|
| Store Icon | 128 x 128 | Chrome Web Store, extensions page |
| Toolbar Icon | 48 x 48 | Extensions menu |
| Toolbar Icon | 32 x 32 | Windows taskbar |
| Toolbar Icon | 16 x 16 | Favicon, extension toolbar |
Important Notes for Chrome Extension
- • Toolbar icons should be recognizable at 16x16 pixels
- • Use PNG format with transparency for best results
- • The 128x128 icon is also used for installation prompts
Icon Design Best Practices
Start Large
Always design at 1024x1024 pixels or larger. This ensures you have enough detail to scale down without losing quality.
Keep It Simple
Complex details get lost at smaller sizes. Use bold shapes and limited colors for better recognition.
Test at All Sizes
Preview your icon at 16x16, 32x32, and 1024x1024 to ensure it looks good across all contexts.
Follow Platform Guidelines
Each platform has specific design guidelines. iOS prefers flat design while macOS allows more depth and shadows.
Generate All Icon Sizes Automatically
Skip the manual resizing. Upload one image and get all the sizes you need for any platform.
Looking for more productivity tools? Check out ThoughtMap for AI-powered mind mapping.