App Icon Size Guide & Previewer
Upload your app icon to preview it at every required size for iOS and Android. See exactly how it will look on home screens, in search results, and in Settings.
Drop your app icon here
or click to browse · PNG, JPG, SVG
Live Preview
iOS — All Icon Sizes
11 sizes| Context | Size | Scale | Usage |
|---|---|---|---|
| App Store | 1024 × 1024 | 1x | App Store listing & marketing |
| iPhone App | 180 × 180 | 3x (60pt) | Home screen on 3x iPhones |
| iPhone App | 120 × 120 | 2x (60pt) | Home screen on 2x iPhones |
| iPad App | 167 × 167 | 2x (83.5pt) | Home screen on iPad Pro |
| iPad App | 152 × 152 | 2x (76pt) | Home screen on iPad |
| Spotlight | 120 × 120 | 3x (40pt) | Spotlight search results |
| Spotlight | 80 × 80 | 2x (40pt) | Spotlight search results |
| Settings | 87 × 87 | 3x (29pt) | Settings app on 3x devices |
| Settings | 58 × 58 | 2x (29pt) | Settings app on 2x devices |
| Notification | 60 × 60 | 3x (20pt) | Notification center |
| Notification | 40 × 40 | 2x (20pt) | Notification center |
Icon Submission Checklist
No transparency / alpha channel
iOS requires a fully opaque icon. Transparent areas will appear black.
No rounded corners on source
Both iOS and Android apply their own mask. Submit a square icon.
No text or words in the icon
Icons must be recognizable at small sizes. Text becomes unreadable.
Simple, bold, distinctive
Avoid complex details — icons are displayed as small as 20×20 pt.
Test on both light & dark wallpapers
Ensure your icon stands out on any background.
Single focal point
One key shape or symbol, not a collage of elements.
📖 Want the full icon design guide?
Design principles, A/B testing, common mistakes, and AI icon generation tips.
What This Tool Does
This previewer takes one app icon and renders it at every size iOS and Android actually require, from the 1024px App Store listing image down to the 40px notification badge. Instead of exporting a dozen files and eyeballing each one in a simulator, you see all of them side by side, at real pixel dimensions, against the platform's own mask shapes.
It is built for indie developers, solo founders, and small teams who are about to submit an app and need to catch icon problems (transparency, clipped adaptive icon artwork, an illegible small size) before App Store Connect or Play Console catches them instead. It works for iOS, Android, and Expo/React Native projects, since the underlying size requirements are set by Apple and Google regardless of what framework generated your app.
Previewer vs. Manual Checking vs. Hiring a Designer
| Option | Cost | Time | Catches clipping/mask issues? |
|---|---|---|---|
| This previewer | Free | 30 seconds | Yes, visually, before you submit |
| Checking Apple/Android docs manually | Free | 20–40 minutes | No, docs give numbers not renders |
| Hiring a designer for export | $50–$300 | 1–3 days | Depends on the designer's process |
How It Works
Upload your source icon
Drop in a PNG, JPG, or SVG at 1024×1024 or larger. A larger source avoids upscaling artifacts at the smaller required sizes.
Switch between iOS and Android
Toggle the platform to see the full size table and mask-shape previews change to match that platform's requirements.
Check the live preview row
See your icon rendered at App Store/Play Store size, home screen size, search size, and notification size, all at once.
Scan the size table for your export list
Every pixel dimension, scale factor, and where it is used is listed below the preview, so you know exactly what to export.
Platform-Specific Guidance
iOS
Design at 1024×1024, fully opaque with no alpha channel, and let Xcode generate every smaller size from that single source. Do not add your own rounded corners; iOS applies its own mask at render time, and a pre-rounded icon gets rounded twice, leaving visible pale corners.
Android Adaptive Icons
Android composites a foreground layer over a background layer, then applies a mask (circle, squircle, rounded square, or a manufacturer-specific shape). Each layer is 108dp square, but only the central 72dp, the safe zone, is guaranteed visible. Keep your logo or focal shape inside that center two-thirds; anything in the outer 18dp ring on each side can be cropped depending on the device.
Expo / React Native
Expo and React Native projects still ship to the App Store and Google Play, so the underlying size requirements are identical, only the config location changes. In app.json / app.config.js, the icon field expects a single 1024×1024 source (EAS Build derives the iOS set from it), and android.adaptiveIcon.foregroundImage / backgroundImage expect the same two-layer setup described above. Upload your 1024 master here first to confirm it survives downscaling and stays inside the adaptive safe zone before you wire it into app.json and run an EAS build.
Sample Output
What the preview shows once you upload an icon, using iOS as an example:
Switching to Android swaps this for the Play Store icon plus the five density-bucket launcher sizes, from 192px at xxxhdpi down to 48px at mdpi.
Frequently Asked Questions
What size should an app icon be?+
Design at 1024×1024 for iOS (the App Store size, everything smaller derives from it) and at least 512×512 for the Google Play listing icon. Android launcher icons then run from 192px at xxxhdpi down to 48px at mdpi.
Can an app icon have transparency?+
The iOS App Store icon must be fully opaque; an alpha channel gets it refused at upload. Android adaptive icon foreground layers are the exception, they are expected to have transparency, since the system composites them over your background layer.
Should I round the corners?+
No. Both platforms apply their own mask at render time. Submit a full square with artwork extending to the edges. Rounding the corners yourself produces a double-rounded shape with visible pale artefacts.
What size should an Expo app icon be?+
The same as native: a 1024×1024 source for the app.json "icon" field, which EAS Build uses to generate the full iOS set, plus a separate adaptive icon foreground/background pair for Android under android.adaptiveIcon.
What is the Android adaptive icon safe zone size?+
Each adaptive icon layer is 108dp square, but only the central 72dp is guaranteed visible across all mask shapes. At xxxhdpi that is a 432px layer with a 288px safe zone. Keep your focal element inside that center circle.
Do I need to export every size myself?+
Usually not. Xcode generates iOS sizes from a single 1024 source, and Android/Expo tooling handles density buckets from your adaptive layers. Still check the smallest sizes visually here first, since automatic downscaling can quietly turn detail into mud.
Common Mistakes
Uploading a small source image
Upscaling a 300px icon to fill a 1024px slot introduces blur that shows up most on the App Store listing image, the one place your icon is seen largest.
Designing artwork that reaches the corners
On Android, a circular or squircle mask will crop anything outside the safe zone. Keep the focal shape centered within the middle two-thirds.
Flattening a rounded-corner icon before upload
Both stores mask the icon themselves. A pre-rounded source gets rounded again, leaving faint pale corners where the two roundings do not line up.
Only checking the icon at 1024px
The 1024 version is seen once, on your store page. The 40–120px versions are seen every time someone opens their home screen or searches. Always check the small sizes.
Forgetting the Play Store listing icon
The 512px Play Store icon is separate from anything bundled in your APK/AAB and is uploaded independently in Play Console. It needs the same care as the iOS 1024.
Related Tools & Articles
App Store Screenshot Generator
Generate device-framed screenshots at every required App Store and Play Store size.
Color Palette Generator
Pick a palette for your icon and screenshots before you start exporting sizes.
App Icon Sizes 2026 (Full Reference)
Every iOS and Android dimension, adaptive icon safe zones, watchOS, and Expo workflow in one table.
App Icon Design Guide
Design principles, A/B testing, and common mistakes beyond just sizing.
Best AI App Icon Generators 2026
A comparison of tools for generating icon concepts before you export sizes here.