appiconkitchen/specs

Complete App Icon Size Guide 2026

All platform App Icon size specifications in one place. iOS, Android, Web/PWA - generate all sizes with one click.

iOS App Icon Sizes

$Official Docs

Complete icon size specifications for Apple iOS platform, covering iPhone, iPad, and App Store.

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

#All sizes are PNG format with transparency. Contents.json auto-generated by AppIconKitchen.

Android App Icon Sizes

$Official Docs

Android platform icon size specifications for all density levels.

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

Both iOS and Android have safe areas. Keep important content away from edges with 10-15% margin.

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's AI icon generator automatically creates all required sizes for all platforms. Just provide your description once.
03What's the difference between App Icon and App Logo?
App Icon is what appears on home screens (usually 1024×1024 square), while App Logo is for marketing and branding (can be any aspect ratio). AppIconKitchen can generate both.
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 is used for Android home screen install prompts, while 512×512 is for app splash screens and Chrome app lists. Both are required by PWA standards.
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

Use AI to generate once, export all sizes for iOS, Android, Web. No manual resizing needed.

resources/related

Related Resources