A walkthrough, end to end.
- 1
Upload a square icon — PNG works best. Minimum 1024×1024 is recommended so every downscaled size stays sharp.
- 2
Pick which platforms you need: iOS (every required size from 20pt @ 1× through 1024×1024 marketing), macOS, Android (mdpi → xxxhdpi), Chrome extension (16/32/48/128) and web favicons (16, 32, 180 apple-touch).
- 3
The tool resizes your icon for every size in the browser using HTMLCanvas, packages everything into a single ZIP with the correct platform folder structure, and serves the download.
- 4
Drop the unzipped folder into your Xcode asset catalog, Android res/, manifest, or HTML <head> — file names match the platform conventions exactly.
What you can do with this.
iOS app icons (every required size)
From iPhone Notification (20pt @ 2×) up to the App Store marketing icon (1024×1024), the iOS preset covers every size the App Store demands — named per Apple's HIG so they drop straight into Xcode's asset catalog.
Android app icons (mdpi → xxxhdpi)
Generates 48×48 through 192×192 sized to Android's density buckets. Folders are pre-named (mipmap-mdpi, mipmap-hdpi, etc) so you can copy them straight into Android Studio's res/ tree.
macOS app icons
Outputs the icon set required for macOS apps — 16×16 through 1024×1024 at 1× and 2×. Pair with the standard rounded-square mask Xcode applies at build time.
Chrome / Edge extension icons
Generates 16, 32, 48 and 128 px PNGs — the four sizes manifest.json icons[] requires for Chrome Web Store + Edge Add-ons listings.
Web favicons + Apple touch icons
16×16, 32×32, 180×180 (apple-touch-icon) and a 512×512 web manifest icon. Drop them in your /public folder and reference from <head>.
Replacing every icon at once after a rebrand
Update the source 1024×1024 PNG, regenerate, and you have every cross-platform asset re-exported with consistent rendering. No per-platform manual resizing.
Frequently asked.
1024×1024 PNG with no transparency. Bigger is fine; the tool will downscale. Smaller is risky — the iOS marketing size requires a 1024×1024 source for App Store submission.
No. iOS applies its own corner mask at runtime and the App Store rejects pre-rounded icons. Submit a square asset and let iOS handle the corners.
No. The resizing and ZIP packaging happen entirely in your browser. The file never leaves your device.
Yes. Toggle the platforms you don't need off — only the selected platforms end up in the ZIP, with their own subfolder.
Xcode only handles iOS/macOS. This tool covers Android, Chrome extensions and the web favicon set in the same pass — useful when you ship the same icon across many surfaces.
Once the page has loaded, yes — every step is client-side. You can disconnect and the generator still works.