App icons

App icon generator

One square image in, every size out, with Contents.json and the adaptive-icon XML already written for iOS, macOS, Android, watchOS and the web.

  • Every platform, one zip
  • Config files included
  • Nothing uploaded
Store screenshots too
1

Your artwork

One square image, 1024×1024 or larger. PNG keeps edges cleanest.

Drop your icon hereor click to choose a file
2

Platforms

Pick what you need, every set comes with the config files.

3

Options

Sensible defaults: adjust only if you need to.

How to generate app icons from one image

  1. Drop in your artworkOne square image, 1024x1024 or larger, so every size is scaled down rather than stretched up.
  2. Pick the platforms you neediOS, macOS, Android, watchOS and web. Every set comes with its config files written for you.
  3. Set a background if it needs flatteningThe App Store rejects icons with transparency, so choose the colour that fills it.
  4. Download the zipEvery size, plus Contents.json and the Android XML, assembled in your browser.

The thinking behind it

We wrote the guides first and built the tool because we kept needing it.

Questions

What size should I upload?

1024 × 1024 pixels or larger, square. That's the size the App Store requires, and everything else is scaled down from it. PNG keeps edges cleanest; SVG isn't accepted by the stores, so export it to PNG first.

Why are my iOS icons losing transparency?

Apple rejects app icons that contain an alpha channel, it's a hard App Store review rule. So icons for iOS, macOS and watchOS are flattened onto the background colour you pick. Android and web icons keep their transparency.

Should I round the corners myself?

No. iOS, macOS and Android all apply their own mask, and a pre-rounded icon ends up with visible double corners. Leave rounding at 0 and ship a full-bleed square. The slider is there for the rare case you're making something that isn't an app icon.

What's the adaptive icon foreground?

Android launchers mask icons into circles, squircles and other shapes, and they animate. The foreground layer is drawn inside a 66% safe zone so nothing important gets clipped, this tool insets your artwork automatically.

Where do the files go?

Drag the .appiconset folder into your Xcode asset catalog; Contents.json is already filled in. For Android, copy android/res into app/src/main/res. For web, drop the files at your site root and paste the included HTML snippet. There's a README in the zip.

Is my artwork uploaded?

No. Every resize happens on a canvas in your browser and the zip is assembled locally. Unreleased app icons never leave your machine.

Is it free?

Yes. Every platform, every size, no account, no watermark and no limit on how many times you use it.

Do I still need every size, or just the 1024?

For a new Xcode project a single 1024x1024 is enough, and that's the path to take. You still need the full set when you're maintaining an older asset catalogue by hand, or working in a framework that expects individual files, which is why the whole set is here.

Does it make a favicon too?

Yes. The web set writes 16, 32 and 48 pixel favicons, a 180 pixel Apple touch icon, 192 and 512 PWA icons, a maskable variant, site.webmanifest and the HTML snippet to paste into your head. Those first three sizes also cover what a Chrome extension needs, though you'd add its 128 yourself.

Is my artwork sent to a server?

No. The resizing happens with a canvas in your own browser and the zip is assembled there too. Your unreleased app icon never leaves the machine.

Your artwork never leaves this tab. Every size is drawn on a canvas in your own browser, which is also why the zip is ready the moment you click: there is no upload and no queue.