K-magpieKmagpie Tools › App Icon Generator

한국어로 보기

App Icon Generator

One square image becomes every Android mipmap density, adaptive icon layers, the Play Store 512px icon, the iOS AppIcon set and web favicons — packed into a ZIP with the folder structure already in place. Files never leave your browser — no upload, no sign-up.

Drop an image here, or click to choose one
PNG recommended · a 1024×1024 square gives the best results

One 1024px square PNG turns into a full Android, iOS and favicon icon set, delivered as a ZIP with the folder structure already laid out. The adaptive icon layers get the safe-zone inset applied for you, so nothing gets clipped on a round launcher mask. Nothing is uploaded — unreleased artwork never leaves your machine.

Magpie Tests logo — a magpie giving a thumbs up Try the Magpie TestsYour birth date is the only input and it takes 30 seconds — zombie survival rate, past life, idol position, guardian spirit. Made to compare with friends.

How to use

Start with a 1024×1024 square PNG. The bigger the source, the cleaner every downscale, so exporting 1024px straight out of your vector tool gives the sharpest result. Pick the sets you want, press download, and you get a ZIP with the folders already in place. Drop the Android files into app/src/main/res/, and on iOS replace the whole AppIcon.appiconset folder inside your asset catalog.

Nothing is sent anywhere. All the resizing happens through your browser's Canvas API, so the tool keeps working with the network off and an unreleased icon never leaves your machine. No sign-up, no limits, no watermark.

Android icon sizes, explained

Android ships a separate bitmap per screen density. The baseline launcher icon is 48dp, and each density bucket multiplies that to get the real pixel size.

FolderScaleLauncher iconAdaptive layer
mipmap-mdpi1.0×48px108px
mipmap-hdpi1.5×72px162px
mipmap-xhdpi2.0×96px216px
mipmap-xxhdpi3.0×144px324px
mipmap-xxxhdpi4.0×192px432px
Play Store listing512px

The adaptive icon safe zone

Since Android 8.0 the launcher, not your app, decides the icon's outline — a circle, a squircle, a rounded square or a teardrop, depending on the device and the launcher. Each layer is 108×108 dp, but only the middle 72×72 dp ever falls inside the mask, and only a centered 66 dp area is guaranteed to survive every mask shape. Google's current guidance is to keep the logo itself between 48 and 66 dp. The outer 18 dp on each side is background the mask may eat — it is also what slides during the launcher's parallax effect.

The classic mistake is filling all 108px with the logo: it looks right on the phone on your desk and comes back with clipped edges from a tester on a different device. This tool scales the adaptive foreground to the 66/108 safe-zone ratio (about 61%) automatically, so you do not have to do the math.

The adaptive icon XML

The ZIP includes this file as mipmap-anydpi-v26/ic_launcher.xml. If you would rather use a flat color for the background, define it in colors.xml and point the background at @color/ic_launcher_background instead.

<?xml version="1.0" encoding="utf-8"?>
<adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
    <background android:drawable="@mipmap/ic_launcher_background" />
    <foreground android:drawable="@mipmap/ic_launcher_foreground" />
</adaptive-icon>

Themed icons on Android 13 and up

Android 13 added themed icons: when the user turns them on, the launcher tints your icon to match the wallpaper. That needs a third monochrome layer — a single-color silhouette of your logo, not a recolored version of the full artwork. A photographic or multi-color source cannot be flattened into one automatically, so this tool does not generate it; draw the silhouette yourself, drop it in as a drawable, and add one line:

<adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
    <background android:drawable="@mipmap/ic_launcher_background" />
    <foreground android:drawable="@mipmap/ic_launcher_foreground" />
    <monochrome android:drawable="@drawable/ic_launcher_monochrome" />
</adaptive-icon>

Without it your icon simply keeps its normal colors when themed icons are on — it does not break, it just stands out next to the tinted ones.

iOS: do you still need all 13 sizes?

Often not. Since Xcode 14, the AppIcon asset has a Single Size slot: drop in one 1024×1024 image and Xcode produces everything else at build time. If that is your setup, take just the 1024px file out of the ZIP and ignore the rest.

The full set still matters when your asset catalog is set to All Sizes, when you are on an older Xcode or an older deployment target, or when a cross-platform toolchain — React Native, Flutter, Capacitor, Unity — expects the individual PNGs and a Contents.json on disk. That is what this tool writes, so the folder drops straight into Assets.xcassets.

Liquid Glass and Icon Composer

iOS 26 introduced layered Liquid Glass icons and Apple's Icon Composer app, which builds a .icon file with light, dark and tinted variants. It is optional: a flat 1024px PNG still ships and the system applies its own highlight and mask on top. If you want to art-direct the layered look, do that in Icon Composer — and use this tool for the flat set plus everything on the Android and web side.

No transparency in the 1024px icon

The App Store marketing icon must be fully opaque. An alpha channel gets it rejected at upload, so if your source art has transparent areas, turn on the background fill above and pick your brand color.

Troubleshooting

Play Store rejected my icon

The listing icon has to be 512×512, a 32-bit PNG, and under 1024 KB. Just as important: do not round the corners or add a drop shadow yourself. Play applies its own mask and shadow, so a pre-baked one gets cut twice and looks wrong. Leave the corner option off.

My icon looks smaller than everyone else's

Some of that is the adaptive icon safe zone doing its job, and it is normal. If it still reads small next to other apps, scale the logo up inside your source file and export again — padding here only goes one way, it cannot be negative.

My iOS icon came out black

An alpha channel in the 1024px App Store icon is either rejected in review or composited onto black. Turn on the background fill and set a solid color.

The small sizes look muddy

Detailed artwork does not survive being shrunk to 32 or 48 px. Icons that read well at that size are built from a few bold shapes, and fine lines, gradients and small text are the first things to go. If your source is smaller than 1024px to begin with, re-export it larger before generating.

Related tools

Store Screenshot GeneratorDevice frames and captions, store sizes Convert ImagesPNG, JPG, WebP, BMP, ICO Resize ImagesExact pixels, ratio crops, batch

See all 20 English tools →