📱App icon sizes for iOS Android Web

App icon sizes for iOS Android Web

📱 How Many App Icon Sizes Do You Actually Need?

Shipping an app sounds like it should need just one icon, but iOS alone requires at least 12 different sizes — from the App Store listing to the home screen, Spotlight search, notifications, and Settings. Missing even one can cause a build error or, in some cases, get your submission rejected by app review.

This tool lets you pick from iOS, Android, Web/PWA, Windows, or macOS and returns the full list of required icon sizes along with where each one is used. For Android, it covers launcher icons across every density from ldpi to xxxhdpi plus the safe zone for adaptive icons.

In practice, it's most efficient to design just the largest size as a high-resolution vector or PNG, then let a resizing tool or Xcode/Android Studio's built-in generator handle the rest. If your icon includes text or an important graphic element, always double-check that it's still recognizable at the smallest size.

Frequently Asked Questions

Do I need to create every size by hand?

Design just the largest size at high resolution (e.g. 1024×1024 for iOS, 512×512 for Android), and you can generate the rest with a resizing tool or your build pipeline.

What is the safe zone on Android's adaptive icon?

Within the 108×108dp foreground image, only the center 66×66dp is guaranteed to always be visible. Anything outside that can get clipped into a circle, rounded square, or other mask depending on the device, so keep important elements inside the safe zone.

Do PWA icons and favicons need to be made separately?

Yes. Favicons are small and meant for the browser tab, while PWA icons need to be larger so the app looks right when added to the home screen — they serve different purposes.