appiconkitchen/specs

Complete App Icon Size Guide 2026

Compare current source-image guidance with common iOS asset catalog, Android launcher, Web, and PWA export sizes.

iOS App Icon Sizes

$Official Docs

Current Apple workflows start from a 1024×1024 source or Icon Composer. The table below documents common PNG entries used by compatible AppIcon.appiconset asset catalogs.

UsageSizeScaleFilename
iPhone App60pt@2xIcon-60@2x.png
iPhone App60pt@3xIcon-60@3x.png
iPad App76pt@1xIcon-76.png
iPad App76pt@2xIcon-76@2x.png
iPad Pro83.5pt@2xIcon-83.5@2x.png
iPhone Settings29pt@2xIcon-29@2x.png
iPhone Settings29pt@3xIcon-29@3x.png
iPad Settings29pt@1xIcon-29.png
iPad Settings29pt@2xIcon-29@2x.png
Spotlight40pt@2xIcon-40@2x.png
Spotlight40pt@3xIcon-40@3x.png
App Store1024px-Icon-1024.png

#AppIconKitchen can generate Contents.json for an AppIcon.appiconset export. Flattened app icon PNGs should be opaque; verify current Xcode requirements for your deployment target.

Android App Icon Sizes

$Official Docs

Common legacy launcher density sizes plus adaptive icon guidance. Adaptive icons use separate 108×108dp foreground and background layers with a 66×66dp safe zone.

DensityIcon Size
mdpi (baseline)48×48
hdpi (1.5x)72×72
xhdpi (2x)96×96
xxhdpi (3x)144×144
xxxhdpi (4x)192×192

#Play Store icon: 512×512px. All icons are PNG format.

$Google Play Store Requirements

size: 512×512px

format: PNG or JPG (no transparency)

Must comply with Google Play design guidelines

Web & PWA Icon Sizes

$PWA Official Docs

Web favicon and PWA (Progressive Web App) icon size specifications.

UsageSizeFilename
Favicon (standard)16×16favicon-16x16.png
Favicon (hi-res)32×32favicon-32x32.png
Shortcut icon48×48favicon-48x48.png
Apple Touch Icon180×180apple-touch-icon.png
PWA Icon (small)192×192icon-192.png
PWA Icon (large)512×512icon-512.png

#PNG format recommended for transparency support. ICO format typically contains both 16×16 and 32×32.

Quick Size Comparison

Most commonly used icon sizes at a glance

PlatformPrimary SizeMarketing/Store
iOS180×180 (iPhone)1024×1024 (App Store)
Android192×192 (xxxhdpi)512×512 (Play Store)
Web32×32 (Favicon)512×512 (PWA)

Icon Design Best Practices

Start with Large Size

Design at 1024×1024px first, then scale down. Ensures quality across all sizes.

Keep It Simple

Details get lost at small sizes. Avoid overly complex designs. Ensure clarity at 48×48px.

Use Safe Area

Keep important content away from the edges and follow each platform's current mask and safe-zone guidance; Android adaptive icons define a 66×66dp safe zone within a 108×108dp layer.

Test on Real Devices

Always test icons on actual devices. Different screens may render differently.

Consider Dark Mode

Ensure your icon looks good on both light and dark backgrounds.

Frequently Asked Questions

01Can I use the same icon for iOS and Android?
Not recommended. iOS and Android have different design guidelines and safe areas. While you can use similar design elements, optimize for each platform.
02Do I need to manually resize all sizes?
No. AppIconKitchen can export common platform sizes from one source image. You should still verify the generated package against the current Xcode, Android Studio, store, and browser requirements for your target.
03What's the difference between App Icon and App Logo?
An app icon is the platform-specific square asset shown in launchers and stores. A logo is a broader brand mark that may use other proportions. AppIconKitchen is focused on app icon generation and platform export workflows.
04What favicon size should I use?
Browser tabs typically use 16×16 or 32×32px. But you should provide 48×48 and higher for high-DPI screens. AppIconKitchen's Web export includes all common sizes.
05Why does PWA need both 192×192 and 512×512?
192×192 and 512×512 are widely used manifest icon sizes across installed web app surfaces. Browser requirements vary, so include both when practical and test the manifest in target browsers.
06How do I ensure my icon looks good at all sizes?
1) Use simple shapes and high contrast; 2) Avoid tiny text or details; 3) Preview at different sizes; 4) Use AppIconKitchen's AI generation, optimized for cross-size display.

Generate All Platform Icons Now

Generate a source icon and export common asset sizes for iOS, Android, Web, and PWA workflows.

resources/related

Related Resources

Featured on Findly.tools