App Icon Generator
Turns one square image into 74 iOS, macOS, watchOS and Android icons plus an Xcode AppIcon.appiconset, downloaded as a ZIP.
iPhone · iPad · App Store
Mac app icons
Apple Watch icons
Launcher · Google Play · Adaptive foreground
The ZIP contains static PNGs and Xcode/AppIcon.appiconset. Verify catalog integration and missing slots in your project. Android background/XML/monochrome assets and Apple layered icons need additional work.
Sizes and safe zones by platform
These are the presets this tool produces. The slots you actually need depend on your project's minimum OS version, so check for missing-icon warnings in Xcode and Android Studio.
| Platform | Sizes (px) | Transparency | Notes |
|---|---|---|---|
| iOS | 1024 / 180 · 167 · 152 · 120 / 87 · 80 · 76 · 60 · 58 · 40 · 29 · 20 | Not allowed (filled) | The system rounds the corners |
| macOS | 16 – 1024 (1x, 2x) | Not allowed | Dock and Finder lists |
| watchOS | 48 – 234 | Not allowed | Notifications, launcher, Quick Look |
| Android launcher | 36 · 48 · 72 · 96 · 144 · 192 | Allowed | ldpi–xxxhdpi mipmaps |
| Android adaptive foreground | 108 · 162 · 216 · 324 · 432 | Allowed | 108 dp canvas, 66 dp safe circle |
| Google Play | 512 | Allowed | Store listing |
In an Android adaptive icon the logo must stay within the central 66 dp of 108 dp to avoid clipping. 66/108 is about 61.1%, so calculating with “the central 66%” makes it larger than the safe zone. This tool places artwork in 264 px of the 432 px file.
How to use
- Drop a square source of at least 1024×1024 into the window, or click to browse. Rectangular images are cropped from the centre, and a warning appears if the source is too small and would be enlarged.
- Pick the background colour used to fill transparency in iOS icons. White is the default; your brand colour often suits a transparent logo better. Icons are generated as soon as the file opens, with previews at every size.
- Check the small previews (20, 29 and 40 px) to make sure the shape still reads, then press ZIP download. The archive contains per-platform folders, Xcode/AppIcon.appiconset and a README.
Icon design tips
- Check the small sizes first: in our tests a detailed icon blurred from 58 px and was unreadable at 29 px. One symbol, bold strokes and strong contrast with the background matter most.
- No text in the icon: thin lettering was unreadable even at 120 px, and the app name already appears below the icon.
- Adaptive icons need the symbol only: artwork that includes its own background shows a square edge inside circular and squircle masks. Supply a transparent PNG of the symbol and set the background in your adaptive-icon XML.
- Don't pre-round the corners: iOS rounds them again, so a pre-rounded source lets the background colour show through at the corners. Provide a plain square.
- Check dark mode too: an icon on a white background can lose its edges against a dark wallpaper. Put the generated icon on a real home screen and look.
Frequently asked questions
How are 74 files produced at once?
The source is turned into a square master, then drawn down in halving steps for each size to avoid jagged edges, and encoded as PNG. When several slots share a pixel size, the same file is reused. The ZIP is packed in the browser with JSZip; in our tests a simple icon totalled 5.71 MiB and a detailed one 6.96 MiB. PNG is already compressed, so zipping barely changes the size.
What source size and format work best?
A square PNG of at least 1024×1024. Building a 1024 px icon from a 512 px source enlarges it and looks blurry, and the tool warns you. A transparent PNG keeps its transparency on Android while iOS fills it with your chosen colour. An SVG is rasterised into pixels.
How do I add these to Xcode and Android Studio?
For Xcode, drag the Xcode/AppIcon.appiconset folder from the ZIP into your project's Assets.xcassets; Contents.json fills the slots. For Android, copy the Android/mipmap-* folders under res and point ic_launcher.xml's foreground at the adaptive image. Multiple targets and Watch extensions are not wired up automatically, so check the warnings after building.
Are there assets it does not create?
Yes. This tool produces static PNGs and a classic AppIcon.appiconset. Android monochrome themed icons, white notification icons, Apple's dark and tinted variants and Icon Composer layered icons are not generated, so add those in your development tools. Producing a set of PNGs is also not the same as passing store submission checks.