Skip to content

Generate iOS and Android app icons

Turn one image into every iOS, Android, PWA and favicon size, with an Xcode asset catalog and adaptive icon layers, packaged as a ZIP in your browser.

Drop your icon artworkPNG, JPG, WebP or SVG · 1024 × 1024 px or larger works best · up to 50 MB
Choose fileProcessed on your device — never uploaded

One image becomes 39 PNG icons for iOS, Android and the web, plus Contents.json, adaptive icon XML, favicon.ico and a web manifest, all drawn in your browser.

Runs in your browser · no uploadHow it works

How to use App icon generator

  1. 1

    Add your artwork

    Drop a square PNG, JPG, WebP or SVG, ideally 1024 × 1024 pixels or larger; a logo with a transparent background works well too.

  2. 2

    Pick platforms

    Keep iOS, Android and Web & PWA, or untick the ones you don't ship, and choose the full Xcode size set or a single 1024 px icon.

  3. 3

    Adjust the look

    Set padding, background color and the size of the art inside adaptive and maskable icons, checking the safe-zone guides and launcher shapes.

  4. 4

    Download the ZIP

    Click Download ZIP and copy each folder into your project; the README inside says where every file goes.

Limits and Pro

Free with no watermark: one source image up to 50 MB at a time, up to 44 PNG icons per ZIP (39 by default, 5 more with the themed icon layer), unlimited downloads.

About App icon generator

App icon generator turns one picture into the complete icon set a mobile app or progressive web app needs, with files named and foldered the way Xcode, Android Studio and browsers expect. With every platform selected the ZIP holds 39 PNG files: 15 for the iPhone and iPad asset catalog including the 1024 px App Store icon, 15 Android launcher images across the mdpi to xxxhdpi densities, the 512 px Google Play icon, and 8 web icons covering the 192 and 512 px manifest sizes, maskable versions, the 180 px apple-touch-icon and 16, 32 and 48 px favicons.

Alongside the images come a Contents.json for AppIcon.appiconset, the mipmap-anydpi-v26 XML for Android 8 adaptive icons with a background color resource, a favicon.ico with three sizes, a manifest.webmanifest icons block and the HTML link tags. iOS files are written without an alpha channel, because Xcode refuses App Store icons that have one, and every size is downscaled from a 1024 px master in halving steps so small icons stay crisp.

The tool does not design an icon or remove a background for you, and it uses a solid color for the adaptive background layer rather than a second image. Squircle, teardrop and circle previews imitate common launchers; each phone maker draws its own mask, so check the result on a real device.

Privacy

Your artwork is decoded, resized and packed into the ZIP by this browser tab, using a canvas and a local Web Worker, so the image never leaves your device and nothing is uploaded or stored.

Features

Xcode asset catalog

AppIcon.appiconset with Contents.json, every iPhone and iPad size, alpha-free PNGs.

Adaptive Android icons

Foreground layers, background color resource, round icons, themed layer and the Play Store 512.

PWA and favicons

Manifest icons, maskable versions, apple-touch-icon, favicon.ico and ready HTML tags.

App icon generator: frequently asked questions

What size should my source image be?
Use a square image of at least 1024 × 1024 pixels, the size of the App Store icon and the largest file in the set. Smaller images still work but the large icons are upscaled and look soft, and the tool warns you. SVG files are drawn at full resolution, so a vector logo always gives sharp results at every size.
Where do the files go in my Xcode project?
Open Assets.xcassets in Xcode, delete the existing AppIcon set and drag in the ios/AppIcon.appiconset folder from the ZIP, or replace that folder in Finder. Contents.json maps each PNG to its iPhone, iPad or App Store slot. If your project targets Xcode 14 or later you can choose Single 1024 instead and let Xcode create the smaller sizes.
How do Android adaptive icons work?
Since Android 8 a launcher icon has two 108 dp layers: a background, here your chosen color, and a foreground with your artwork. The launcher crops the centre 72 dp and applies its own shape, such as a circle or squircle, so anything outside the central 66 dp circle can disappear. The safe-zone guides show those two boundaries on the preview.
What is a maskable icon for a PWA?
A maskable icon fills the whole square with background so Android can cut it into any shape without white borders. Browsers guarantee only the circle covering the central 80% of the image, so keep logos inside it. The ZIP includes 192 and 512 px maskable PNGs, and the manifest snippet marks them with purpose maskable next to the regular icons.
Why do my iOS icons have a background color?
Apple requires app icons to be fully opaque: an App Store icon with an alpha channel fails validation, and transparent areas would show as black on the home screen. The tool therefore fills the iOS icons, the apple-touch-icon, the Play Store icon and the adaptive and maskable icons with your background color, even when transparent web icons are switched on.

Related tools

All developer tools

Favicon generator

ICO, PNG and manifest icons from an image, text or emoji

SVG ↔ PNG converter

Render SVG to crisp PNG, or trace PNG into SVG

Image resizer

Resize by pixels, percent or preset — in bulk

Color palette & contrast checker

Palettes, shades, WCAG contrast and color-blind checks