Guide to Mobile App Icons: Android & iOS Specifications
Your app icon is the single most viewed creative asset in your entire marketing stack. It appears in search results, on the home screen, in notifications, in settings, in the App Store listing, and in every ad that shows your app. Users make split-second judgments about your app's quality, category, and trustworthiness based on this one small image.
Getting the icon right requires understanding the technical specifications for each platform, the design principles that drive recognition and conversion, and the testing methodology that separates data-driven icon decisions from guesswork.
This guide provides complete icon specifications for both iOS and Android, design best practices, and practical optimization advice.
iOS App Icon Specifications
Required Sizes
Apple requires a single 1024×1024 pixel icon asset. Xcode automatically generates all smaller sizes from this master asset.
| Context | Size (pixels) | Where It Appears |
|---|---|---|
| App Store | 1024×1024 | App Store listing page |
| iPhone Home Screen | 180×180 (60pt @3x) | Home screen, app library |
| iPhone Spotlight | 120×120 (40pt @3x) | Search results |
| iPhone Settings | 87×87 (29pt @3x) | Settings app list |
| iPhone Notification | 60×60 (20pt @3x) | Notification center |
| iPad Home Screen | 167×167 (83.5pt @2x) | iPad home screen |
| iPad Pro Home Screen | 152×152 (76pt @2x) | iPad home screen |
| iPad Spotlight | 80×80 (40pt @2x) | iPad search |
| iPad Settings | 58×58 (29pt @2x) | iPad settings |
| Apple Watch | 196×196 (98pt @2x) | Watch home screen |
| CarPlay | 120×120 (60pt @2x) | CarPlay dashboard |
iOS Icon Rules
Shape: Apple automatically applies the squircle (superellipse) mask. Do NOT include rounded corners in your icon asset — submit a square image.
No alpha channel: iOS icons must not have transparency. Any transparent areas will render as black.
No border needed: Apple adds a subtle 1px border automatically for icons displayed on light backgrounds.
Color space: sRGB or Display P3 (P3 recommended for vibrant colors on newer devices).
Format: PNG (no interlacing).
Layers (optional): For visionOS, icons can have up to 3 layers for the parallax effect. Standard iOS icons are single-layer.
iOS Design Constraints
- Icons are displayed at very small sizes on home screen — design for recognizability at 60×60 points
- Dark mode: icons appear on both light and dark backgrounds. Test on both.
- App Library groups icons — your icon must be distinguishable when displayed alongside similar category icons
- Avoid text in icons — it becomes illegible at small sizes
- The squircle mask clips approximately 10% from each corner — keep important elements away from edges
Android App Icon Specifications
Adaptive Icons (Android 8.0+)
Android uses adaptive icons with separate foreground and background layers:
| Layer | Size | Notes |
|---|---|---|
| Foreground | 108×108 dp (432×432 px @4x) | Your logo/symbol — centered in safe zone |
| Background | 108×108 dp (432×432 px @4x) | Solid color, gradient, or pattern |
| Safe zone | 66×66 dp (264×264 px @4x) | Content must fit within this area |
How adaptive icons work:
- The system combines foreground and background layers
- Different device manufacturers apply different masks (circle, squircle, rounded square, teardrop)
- The foreground layer can animate or shift slightly for parallax effects
- Your design must look good under ANY mask shape
Google Play Store Icon
| Context | Size | Notes |
|---|---|---|
| Google Play listing | 512×512 px | Primary store listing icon |
| Google Play search | Smaller variants | Auto-generated from 512×512 |
Google Play requirements:
- 512×512 pixels, PNG format
- 32-bit color (with alpha channel — transparency allowed but not recommended)
- Maximum file size: 1024 KB
- Should match your adaptive icon foreground on the app's background
Android Design Constraints
Safe zone is critical. The 66dp inner safe zone means your logo must be centered and not extend beyond 61% of the total icon area. Content outside the safe zone WILL be clipped by some mask shapes.
Test all mask shapes. Your icon must look good as a circle, squircle, rounded square, and teardrop. Use Android Studio's icon preview to test all shapes.
No embedded shadows. The system adds shadows automatically. Adding your own creates a double-shadow effect.
Material Design guidelines: Google recommends following Material Design icon guidelines — clean silhouettes, limited color palette, consistent keyline shapes.
Design Principles for High-Converting Icons
Simplicity
The most effective icons have one dominant visual element:
- One concept: A single recognizable symbol, not a collage of elements
- Limited colors: 2-3 colors maximum. More colors create visual noise at small sizes
- Clean silhouette: The icon's shape should be recognizable even as a solid-color outline
- No text: Text is illegible at 60×60 points. If you must include text, limit to 1-2 characters (initials)
Recognizability
Your icon must be instantly identifiable:
- Unique color: Choose a dominant color that stands out from competitors in your category. If every fitness app uses blue, use orange.
- Distinctive shape: Use a shape or symbol that's uniquely yours. Generic symbols (gears, checkmarks, houses) are forgettable.
- Category signaling: The icon should give a hint about what your app does. A music app icon should feel musical. A finance app should feel professional.
Consistency
Your icon should align with your brand and app experience:
- Match your app's color scheme. Users who install based on the icon expect the app to feel like the icon.
- Match your app's aesthetic. A playful, colorful icon should lead to a playful, colorful app. A minimal, professional icon should lead to a clean, professional app.
- Cross-platform consistency. Your iOS and Android icons should be recognizably the same app, even though they may differ slightly due to platform conventions.
Emotional Impact
Icons that evoke an emotional response convert better:
- Warmth: Rounded shapes, warm colors (orange, yellow, red) → social, entertainment, food apps
- Trust: Blue tones, geometric shapes, clean lines → finance, business, health apps
- Energy: Bright colors, dynamic shapes, bold contrast → fitness, gaming, music apps
- Calm: Soft colors, organic shapes, minimal elements → meditation, wellness, reading apps
Icon Design by Category
Best Practices by App Type
| Category | Dominant Style | Common Elements | Color Trends |
|---|---|---|---|
| Social | Gradient backgrounds, speech/connection symbols | Chat bubbles, connecting shapes | Blue, purple, gradient |
| Gaming | Character-focused, vibrant | Game characters, action elements | Bright, varied |
| Productivity | Clean, minimal, professional | Abstract symbols, letter marks | Blue, gray, white |
| Health/Fitness | Energetic, organic shapes | Heart, running figure, leaf | Green, red, teal |
| Finance | Trustworthy, geometric | Charts, currency symbols, shields | Blue, green, dark |
| Photo/Video | Creative, colorful | Camera, lens, color wheel | Multi-color, gradient |
| Education | Friendly, approachable | Books, graduation caps, lightbulbs | Green, blue, yellow |
| Music | Dynamic, rhythmic | Notes, waves, headphones | Purple, red, gradient |
Testing Your Icon
A/B Testing Methodology
Google Play: Use Store Listing Experiments to test icon variants directly in the Play Store with real traffic.
iOS: Icon testing requires including variant icons in your app binary and using Product Page Optimization. More complex but increasingly important.
Pre-store testing: Use services like SplitMetrics to test icons before committing to an app store experiment.
What to Test
| Variable | Test Approach | Typical Impact |
|---|---|---|
| Background color | Blue vs. red vs. green vs. orange | 5-20% conversion difference |
| With face/character vs. abstract | Two variants | 10-30% difference |
| Detailed vs. simple | Complex vs. minimal | 5-15% difference |
| 3D vs. flat | Dimensional vs. flat | 5-10% difference |
| With vs. without border | Border styling | 3-8% difference |
Testing Tips
- Test ONE variable at a time (color, shape, or style — not all three)
- Run tests for at least 7 days with sufficient traffic (1,000+ impressions per variant)
- Check post-install quality metrics (retention) alongside conversion rate
- Test your icon at actual display sizes, not just at 1024×1024
- Compare your icon to competitors in the search results, not in isolation
Common Icon Mistakes
Too much detail. An icon that looks beautiful at 1024×1024 becomes an unrecognizable mess at 60×60 points. Always design and evaluate at the smallest display size.
Text in the icon. Letters, words, or numbers in app icons are illegible at small sizes. The only exception is stylized initials (like Google's "G" or Facebook's "f") that function as logos rather than readable text.
Ignoring the mask. On iOS, the squircle clips corners. On Android, multiple mask shapes clip differently. Design within the safe zones.
Copying competitors. If your icon looks like everyone else's, you're invisible in search results. Differentiation is the goal — not conformity.
Not testing. "I like this design" is not data. Test with real users through store listing experiments. Personal preference and conversion rate often disagree.
Inconsistent with app. An icon that creates one expectation (playful, colorful) leading to an app that delivers another (minimal, corporate) creates cognitive dissonance that drives uninstalls and negative reviews.
Adding badges or stickers. "NEW!" badges, sale stickers, or award badges in the icon feel cheap and reduce trust. Communicate updates through in-app events and listing text, not icon clutter.
Tools for Icon Design
Design Tools
- Figma: Free, collaborative, great for iterating on variants
- Sketch: Mac-native, popular for iOS design
- Adobe Illustrator: Vector-based, ideal for scalable icon assets
- Procreate (iPad): Good for illustrated, hand-crafted icon styles
Icon-Specific Resources
- Apple Human Interface Guidelines: Official icon design documentation for iOS
- Material Design Guidelines: Official icon specifications for Android
- Android Asset Studio: Web tool for generating adaptive icon assets
- Xcode Asset Catalog: Manages all required iOS icon sizes from a single master
Export Checklist
- iOS: 1024×1024 PNG, no transparency, no rounded corners
- Android: 512×512 PNG for Play Store + adaptive icon layers (108dp foreground + background)
- Test at all display sizes (notification, spotlight, home screen, store listing)
- Test on both light and dark backgrounds
- Test all Android mask shapes (circle, squircle, rounded square)
- Verify safe zone compliance for Android adaptive icons
- Check color accuracy across sRGB and P3 displays
Conclusion
Your app icon is a 1024-pixel square that carries outsized influence on your app's success. It's your brand compressed into its smallest, most essential form — and it needs to communicate quality, purpose, and distinction at a glance.
Get the technical specs right for each platform, design for simplicity and recognizability at small sizes, differentiate from competitors through color and shape, and test with real data through store listing experiments. The icon might be small, but its impact on conversion, recognition, and brand perception is anything but.






