March 26, 20265 min read

App Icon Size Generator

Calculate all required icon sizes for iOS, Android, macOS, Windows, and web apps. Generate a size checklist and understand platform requirements.

design icons app store ios android calchub

App icon requirements are one of those things that seem simple — "just make an icon" — until you're submitting to the App Store and discover you need 29 different sizes, each at specific pixel dimensions, named a specific way, with specific rounding requirements. The CalcHub Icon Size Calculator generates the complete size checklist for every platform, so you know exactly what to export before you start.

Why So Many Sizes?

Different contexts call for different icon sizes, and platforms don't scale icons the same way they scale text (pixel-for-pixel scaling can produce blurry results or overly complex small icons). Each size serves a specific use:

Notification icons: 20–29px, simple enough to recognize at a glance
Settings/spotlight: 40–60px, moderate detail
Home screen: 60–87px (1×/2×/3×), your primary icon
App Store: 1024px, full detail showcase

iOS and iPadOS Required Sizes (2026)

Use	Size (1×)	Size (2×)	Size (3×)
Notification	20px	40px	60px
Settings	29px	58px	87px
Spotlight	40px	80px	120px
iPhone Home	60px	120px	180px
iPad Home	76px	152px	—
iPad Pro Home	83.5px	167px	—
App Store	1024px	—	—

iOS icons have automatic corner rounding applied by the OS — you should submit square icons. macOS icons, however, you round yourself using Apple's squircle mask.

Android Required Sizes

Density	Size	Density Scale
mdpi	48×48px	1× baseline
hdpi	72×72px	1.5×
xhdpi	96×96px	2×
xxhdpi	144×144px	3×
xxxhdpi	192×192px	4×
Google Play Store	512×512px	—
Adaptive icon foreground	108×108px (safe zone: 72×72px)	—

Android adaptive icons have a foreground layer and background layer that can be independently animated and cropped into different shapes by launchers. Design your key content within the central 72×72px safe zone of the 108×108px foreground.

Web and PWA Icons

Context	Sizes
Favicon	16×16, 32×32, 48×48
PWA manifest	192×192, 512×512
Apple touch icon	180×180
Open Graph / social preview	1200×630 (rectangular)
Browser tab	16×16, 32×32
Windows tile	70×70, 150×150, 310×150, 310×310

For a comprehensive PWA, the CalcHub calculator generates a full manifest.json snippet with all the icon entries filled in, pointing to the appropriately named files.

macOS Icon Sizes

Size	Use
16×16 (and @2× 32×32)	Finder sidebar
32×32 (and @2× 64×64)	Finder small view
128×128 (and @2× 256×256)	Finder medium view
256×256 (and @2× 512×512)	Finder large view
512×512 (and @2× 1024×1024)	Retina display / App Store

macOS uses .icns format that bundles all sizes. The calculator generates the export list for Sketch, Figma, or any tool that exports to this format.

Tips

Design at 1024px, export down. Your master icon should be 1024×1024px or larger. Small icons should be separately tuned — simplified, with thicker strokes — not just scaled down. But your starting canvas should be large.
Test at small sizes. Open your 20×20px export and look at it at 1:1 zoom. If key details are muddy, you need a simplified version for small sizes, not just a tiny version of the full-detail icon.
Icon grid systems. Apple and Material Design both have icon grid systems (keyline shapes: circle, rounded rect, square) that ensure visual weight consistency with other icons in the OS. Design your icon within these grids.

Do I need to manually create every icon size?

No. You design one high-quality master icon, and tools like Sketch, Figma, or specialized apps generate all sizes from it. The CalcHub calculator tells you what sizes you need and in what format — your design tool does the actual export scaling.

What corner radius should I use for iOS icons?

Zero — iOS applies its own system-consistent corner rounding (a squircle shape, not a simple circle). Submit square icons. Adding your own corner rounding will create a double-rounded artifact.

Why does my icon look blurry at small sizes?

Vector scaling to very small sizes can produce sub-pixel rendering artifacts, and fine details disappear entirely. For icons below 32×32px, manually review and simplify — remove thin lines, merge similar shapes, increase stroke width. This is why OS-level icons are often simpler at small sizes than they appear at full size.

Spacing Calculator — ensure icon sizes align with your spacing system
Contrast Checker — check icon visibility against backgrounds
Color Palette Generator — develop icon color palette