What this generator produces
Uploading a single 1024×1024 image gives you a ZIP containing three folders — one per platform — with every file named exactly the way Xcode, Android Studio and the browser expect. There is nothing to rename and nothing to rearrange.
Everything happens locally using your browser's canvas. Your artwork is never sent to a server, which also means the tool keeps working on a bad connection and there is no queue.
Sharper small icons
Most generators resize 1024px straight down to 40px in one step, which throws away most of the pixel data and leaves small icons looking soft and jagged. This tool halves the image repeatedly — 1024 → 512 → 256 and so on — before the final resize, which is how image editors do it. The difference is most visible on the 20pt iOS notification icon and the Android mdpi icon.
iOS app icon sizes
The ZIP contains a complete AppIcon.appiconset folder, including a valid Contents.json. Drag the folder into Assets.xcassets in Xcode and every slot fills itself.
| Device | Point size | Scale | Pixels | Used for |
|---|---|---|---|---|
| iPhone | 20pt | @2x, @3x | 40, 60 | Notifications |
| iPhone | 29pt | @2x, @3x | 58, 87 | Settings |
| iPhone | 40pt | @2x, @3x | 80, 120 | Spotlight |
| iPhone | 60pt | @2x, @3x | 120, 180 | Home screen |
| iPad | 20pt | @1x, @2x | 20, 40 | Notifications |
| iPad | 29pt | @1x, @2x | 29, 58 | Settings |
| iPad | 40pt | @1x, @2x | 40, 80 | Spotlight |
| iPad | 76pt | @1x, @2x | 76, 152 | Home screen |
| iPad Pro | 83.5pt | @2x | 167 | Home screen |
| App Store | 1024pt | @1x | 1024 | Store listing |
Newer Xcode versions accept a single 1024×1024 icon and generate the rest at build time, but the full set is still valid, still what most templates and cross-platform toolchains expect, and it removes any doubt about which asset a device is actually showing. Both are included, so either workflow works.
Android app icon sizes
Android sizes are expressed in density buckets rather than fixed pixels. A launcher icon is 48dp, which becomes a different pixel size on each screen density.
| Density folder | Scale | Launcher icon | Adaptive foreground |
|---|---|---|---|
mipmap-mdpi | 1× | 48×48 | 108×108 |
mipmap-hdpi | 1.5× | 72×72 | 162×162 |
mipmap-xhdpi | 2× | 96×96 | 216×216 |
mipmap-xxhdpi | 3× | 144×144 | 324×324 |
mipmap-xxxhdpi | 4× | 192×192 | 432×432 |
| Play Store listing | 512×512 (32-bit PNG) | ||
Copy the mipmap-* folders into app/src/main/res/ and the values/ file alongside your existing resources. The round variants (ic_launcher_round.png) are included for launchers on Android 7.1 that request them.
What adaptive icons actually are
Since Android 8.0, the launcher — not your app — decides the icon's shape. You supply two square layers, a background and a foreground, each 108dp. The system masks them together into whatever shape the device uses: a circle on Pixel, a squircle on Samsung, a rounded square elsewhere. It also animates those layers independently when the icon is tapped or the drawer scrolls.
Only the middle 72dp of that 108dp canvas is reliably visible, and only the middle 66dp is guaranteed safe on every shape. The outer ring exists purely so the system has pixels to work with during those animations. This generator places your artwork inside the safe zone automatically — the preview above shows the result under each mask.
Web and PWA icons
The web folder covers the icons a browser and an installed progressive web app need: 192×192 and 512×512 for the manifest, a 180×180 apple-touch-icon.png for iOS home-screen bookmarks, 16/32/48 favicons, and a multi-resolution favicon.ico. A ready-to-paste manifest.json snippet is included so the icons are wired up correctly on the first try.
Three mistakes that get icons rejected
1. Transparency in the App Store icon
Apple rejects the 1024×1024 marketing icon if it contains an alpha channel — one of the most common reasons a first upload fails validation. This tool flattens every iOS icon onto a solid background colour, so the exported files cannot carry transparency even if your source file does.
2. Pre-rounded corners
iOS applies its own corner mask. If your source already has rounded corners, the mask is applied on top of them and the result has a visible pale halo along the edge. Always supply a full-bleed square image and let the system round it.
3. Text that disappears at 48px
An icon that reads perfectly at 1024px often becomes an unreadable smudge in the Android drawer. Check the small tiles above before you ship — if the wordmark is illegible, use a symbol or a single letter instead.
Frequently asked questions
Is the app icon generator really free?
Yes. There is no signup, no watermark, no export limit and no paid tier. It runs entirely in your browser, so it costs us nothing to serve.
Is my image uploaded anywhere?
No. The file is read by your browser and resized on your own device using the canvas API. Nothing leaves your computer — you can disconnect from the internet after the page loads and the tool still works.
What size image should I start with?
A square 1024×1024 PNG. That is the largest size any store asks for, so everything else is scaled down from it. Smaller sources still work, but anything below 1024px means the App Store icon has to be upscaled and will look soft.
Can I use an SVG?
Yes. SVGs are rasterised at high resolution before resizing, which gives the sharpest possible result at every size.
How do I add the icons to Xcode?
Open your project, select Assets.xcassets, delete the existing AppIcon set, then drag the AppIcon.appiconset folder from the ZIP into the asset catalog. The included Contents.json maps every file to the right slot automatically.
How do I add the icons to Android Studio?
Copy the mipmap-* folders and the values/ic_launcher_background.xml file into app/src/main/res/, replacing what is there. The mipmap-anydpi-v26 XML files tell Android 8.0 and newer to use the adaptive icon.
Do I need a different icon for the Play Store listing?
The store listing uses a separate 512×512 PNG, which is included as ic_launcher-playstore.png. It is uploaded in the Play Console rather than bundled in the app.
Need the app the icon goes on?
AppOfWeb turns your existing website into native Android and iOS apps — push notifications, offline handling and biometric login included. One-time payment, no monthly subscription, and a free working demo before you pay anything.
Get a free demo