How your app icon actually looks on different devices

You designed your icon at 1024x1024 and it looks great. But that's not how most people will see it. Here's what happens to your icon on real devices.

iPhone home screen

On an iPhone, your icon appears at about 60x60 points, which is 180x180 pixels on a Retina display. iOS adds its own rounded rectangle mask with a specific corner radius (about 23.4% of the icon width). You don't control the shape.

If your icon has rounded corners baked into the design, they'll clash with the system mask. Keep your icon square with content that goes to the edges. iOS handles the rest.

Android home screen

Android is messier. Samsung uses circles, Pixel uses squircles, and other manufacturers pick their own shapes. This is why Android introduced adaptive icons: you provide a foreground and background layer, and the system crops them into whatever shape the device uses.

The safe zone for your actual content is roughly the center 66% of the foreground layer. Anything outside that might get clipped on some devices. If you're making a letter-based icon, keep the letter well within this zone.

Browser tabs

This is where icons are smallest. A browser favicon typically renders at 16x16 or 32x32 pixels. At that size, most detail is gone. A single letter on a solid background is about the only thing that still reads clearly.

Some designers use a simplified version of their icon for the favicon, keeping just the initial or a basic shape, which is what a text-based favicon generator produces by default. Multi-letter logos often become unreadable this small.

App Store and Play Store listings

This is the one place your icon appears large, usually displayed at around 120-175px on screen. It sits in a grid with competitors, so it needs to stand out at a glance. Bright colors, high contrast, and simple shapes tend to perform better here than detailed illustrations.

Apple's App Store rounds the corners of your icon. Google Play shows it in whatever shape the user's device prefers, but in the store listing itself it's a rounded square.

Notification badges

On both iOS and Android, notification icons are tiny. Android specifically requires monochrome notification icons (white on transparent) at 24x24dp. iOS uses the full-color app icon but at a very small size in the notification shade. If your icon relies on color to be recognizable, the Android notification version will need separate thought.

Spotlight and search

Both platforms show your icon in search results at a medium size (40-80px range). It appears next to the app name in a text-heavy context. High contrast between your icon and its background matters here because the surrounding UI is mostly white or light gray.

What to check before shipping

Open your icon file and resize it to these sizes in order — our list of every app icon size you need in 2025 has the full set. If it stops being recognizable at any step, you have a problem:

• 512px (store listing)
• 180px (iPhone home screen)
• 96px (Android launcher)
• 48px (search results)
• 32px (favicon)
• 16px (tiny favicon)

Letter-based icons usually hold up well across all these sizes because typography scales predictably. That's one of the reasons letter logo design is popular for app icons, especially when you don't have a dedicated designer.

You can test this quickly in the AppIcons.dev editor by zooming in and out on your design. The canvas shows the icon at real size when you zoom to 100%.