App Icon Generator

Features

• The full iOS set of 12, including the 1024 × 1024 the App Store requires
• Five Android mipmap densities: 48, 72, 96, 144 and 192
• Both adaptive layers: a foreground on the safe zone plus a background colour block
• A macOS .icns container with 8 entries covering 32 to 1024 pixels
• Shape: rounded square (22.37%), square, or circle
• Four padding steps to pull busy artwork in from the edges
• Flattens onto an opaque colour to satisfy iOS, in the colour you choose
• Each pixel size is encoded once — one 120 px file covers 40@3x and 60@2x
• Nothing is uploaded and no server is involved

How to use

1. Start with a square image with clean edges (1024 px or larger is best)
2. Drop it in and pick the platforms, shape and padding
3. Everything is produced at once — download individually or use Download all
4. Drag the PNGs into Xcode's AppIcon; replace a Mac app icon with AppIcon.icns

FAQ

Why do the iOS icons need a background colour, and why can I not round the corners myself?

The background is because the App Store does not accept app icons with an alpha channel — such an upload is rejected outright, not merely displayed badly. The corners are the opposite case: iOS rounds the icon at display time using its own curve, and if you have rounded it once already the two curves do not match and blank corners show through. So the iOS icons produced here are plain squares that look unfinished, and become normal rounded icons once installed.

How do I use the .icns file?

It is the container format macOS uses for app icons — one file holding images from 32 up to 1024 pixels, so the system can pick a sharp one for lists and for large displays. To replace a Mac app's icon: select the .app in Finder, press ⌘ + I to open the info panel, and drag AppIcon.icns onto the small icon in the top-left corner. In development it lives in the app's Resources folder, and an Xcode project accepts the .icns directly in the AppIcon slot.

Why does the Android output include two images for adaptive icons?

An adaptive icon is a two-layer structure: the foreground (artwork) and the background (colour) are handed to the system separately, which then masks them into a circle, rounded square or teardrop as the launcher requires, and can add parallax and animation. The foreground therefore has to be transparent and has to keep its artwork inside the central safe zone — of the 108dp canvas only the middle 72dp is guaranteed visible, and artwork filling the whole square loses its corners to a circular mask. That is why the foreground here is inset to 66%.

Is the image uploaded?

No. Scaling and encoding use the browser's own canvas, and the .icns container is assembled from bytes on this machine. The image stays in device memory throughout, and it keeps working offline.