Skip to content

Free app icon generator

An app icon generator that starts before the resizing.

One drawing, fifty-five files, correct names. Generate the mark from a description or bring your own vector, then export every size iOS, Android, macOS, watchOS, PWA and the browser ask for — each rendered from the same geometry and nested in the folder structure its tooling expects.

Free and unmetered · no sign-up to export · rendered in your browser, nothing uploaded

Free · no credits · renders from your .svg

app-icons.zip

ios_icons/
  Icon-App-60x60@3x.png      180×180
  Icon-App-83.5x83.5@2x.png  167×167
  Icon-App-Marketing…png    1024×1024
macos.iconset/
  icon_512x512@2x.png       1024×1024
android_res/
  mipmap-xxxhdpi/
    ic_launcher.png           192×192
  ic_launcher_play_store…png  512×512
watchos_icons/
  Icon-27.5x27.5@2x.png        55×55
web_favicons/
  apple-touch-icon.png        180×180
pwa_icons/
  icon-512x512.png            512×512

What is in the bundle

Seven platforms, spelled out file by file.

Pick the platforms you need; the rest are left out of the zip. Nothing here is a placeholder — these are the exact names written into the archive.

iOS

ios_icons/

11 files

Names match the AppIcon.appiconset convention, including the 1024px marketing asset the App Store requires.

Rendered sizes (px)

40, 58, 60, 80, 87, 120, 120, 152, 167, 180, 1024

  • Icon-App-20x20@2x.png
  • Icon-App-20x20@3x.png
  • Icon-App-29x29@2x.png
  • Icon-App-29x29@3x.png
  • Icon-App-40x40@2x.png
  • Icon-App-40x40@3x.png
  • Icon-App-60x60@2x.png
  • Icon-App-60x60@3x.png
  • Icon-App-76x76@2x.png
  • Icon-App-83.5x83.5@2x.png
  • Icon-App-Marketing-1024x1024.png

macOS

macos.iconset/

10 files

A folder iconutil accepts directly, so you can produce an .icns without renaming anything.

Rendered sizes (px)

16, 32, 32, 64, 128, 256, 256, 512, 512, 1024

  • icon_16x16.png
  • icon_16x16@2x.png
  • icon_32x32.png
  • icon_32x32@2x.png
  • icon_128x128.png
  • icon_128x128@2x.png
  • icon_256x256.png
  • icon_256x256@2x.png
  • icon_512x512.png
  • icon_512x512@2x.png

Android

android_res/

6 files

Density buckets already nested, plus the 512px Play Store listing asset.

Rendered sizes (px)

48, 72, 96, 144, 192, 512

  • mipmap-mdpi/ic_launcher.png
  • mipmap-hdpi/ic_launcher.png
  • mipmap-xhdpi/ic_launcher.png
  • mipmap-xxhdpi/ic_launcher.png
  • mipmap-xxxhdpi/ic_launcher.png
  • ic_launcher_play_store_512.png

watchOS

watchos_icons/

9 files

Notification, companion settings, home screen and short-look sizes across the watch families.

Rendered sizes (px)

48, 55, 58, 87, 80, 88, 86, 98, 108

  • Icon-24x24@2x.png
  • Icon-27.5x27.5@2x.png
  • Icon-29x29@2x.png
  • Icon-29x29@3x.png
  • Icon-40x40@2x.png
  • Icon-44x44@2x.png
  • Icon-86x86.png
  • Icon-98x98.png
  • Icon-108x108.png

Web

web_favicons/

6 files

The set browsers actually request, with the Apple touch icon at the size iOS Safari expects.

Rendered sizes (px)

16, 32, 48, 180, 192, 512

  • favicon-16x16.png
  • favicon-32x32.png
  • favicon-48x48.png
  • apple-touch-icon.png
  • android-chrome-192x192.png
  • android-chrome-512x512.png

PWA

pwa_icons/

8 files

The full ladder for a web app manifest, including the 192 and 512 installability requires.

Rendered sizes (px)

72, 96, 128, 144, 152, 192, 384, 512

  • icon-72x72.png
  • icon-96x96.png
  • icon-128x128.png
  • icon-144x144.png
  • icon-152x152.png
  • icon-192x192.png
  • icon-384x384.png
  • icon-512x512.png

Social

social_icons/

5 files

Square renders at social sizes: avatars at 400, 180 and 110, plus larger 630 and 418 squares to crop card artwork from.

Rendered sizes (px)

630, 418, 400, 180, 110

  • og-image-1200x630.png
  • twitter-card-800x418.png
  • profile-400x400.png
  • profile-180x180.png
  • profile-110x110.png

Designing the icon

Six rules the platforms will enforce anyway.

01

Design at 1024 and work down

Every platform's largest asset is 1024px. Start there, then check the mark at 16px — if it survives both ends, everything between is fine.

02

No transparency on iOS

iOS composites app icons onto an opaque tile and applies its own corner mask. Ship a filled background; do not draw your own rounded corners.

03

Leave room for Android's mask

Adaptive icons crop to a circle, squircle or rounded square depending on the launcher. Keep the important shape inside the middle two-thirds.

04

One shape, no wordmark

At 48px a wordmark is a grey smear. Use the mark-only variant; the app name is already printed underneath the icon.

05

Avoid thin strokes

A 2px stroke on a 1024px canvas is a quarter of a pixel at 60px. Weight everything for the smallest size in the set.

06

Test on both grounds

Home screens are wallpapered. Check the icon on a light photo and a dark one before you decide the background is optional.

End to end

How to make an app icon.

From nothing to a signed build. The first step is the one most icon tools skip, because they assume you already have the artwork.

  1. 01

    Get the mark as vector

    Describe it and generate one, or bring an SVG you already have. Vector is the whole point — every size below is rendered from this geometry rather than resampled from a bitmap.

  2. 02

    Set padding and background

    iOS composites onto an opaque tile and applies its own corner radius, so ship it filled and square. Pad the artwork here rather than editing your source file.

  3. 03

    Choose your platforms

    iOS, macOS, Android, watchOS, web favicons, PWA manifest icons, social images. Take only the ones you need — the zip is built from what you tick.

  4. 04

    Export and place the assets

    The zip lands with each folder named the way its tooling expects. Drag the images onto the wells in Xcode's asset catalog, or drop android_res straight into your module.

Questions

App icon generation, answered.

Including the two limits worth knowing before you start: the Xcode catalog manifest, and Android adaptive layers.

Is the app icon generator free?
Packaging is free and unmetered — no account needed, no watermark, no cap on how many sets you build. Credits are only spent if you ask the AI to generate new artwork for you.
Can I generate the icon itself, not just resize one?
Yes, and that is the part most icon tools leave to you. Describe the mark and generate it as vector, or bring a logo you already have. Either way the whole ladder is then rendered from geometry rather than resampled from a single bitmap.
What do I upload?
An SVG. Because the source is vector, every size in the bundle is rendered from the same geometry rather than resampled from one bitmap — which is why the 16px asset stays legible.
What comes out?
A zip containing the platform folders you selected — 55 PNGs across iOS, macOS, Android, watchOS, web favicons, PWA manifest icons and social images — each named and nested the way that platform's tooling expects to find it.
Does it include an Xcode Contents.json?
No, and that is worth knowing before you start. You get the correctly named PNGs in an ios_icons folder, not a drop-in .appiconset — Xcode needs a Contents.json manifest to adopt a catalog wholesale. In practice you drag the images onto the wells in Xcode's asset catalog, which takes a minute and is what most people do anyway. If you want a zero-touch catalog, a dedicated Xcode-catalog tool is the better fit.
Does it produce Android adaptive icons?
Not as separate foreground and background layers — the Android set is the flat ic_launcher.png ladder across every mipmap density, plus the 512px Play Store asset. Adaptive icons need the drawing split into two layers with the safe zone respected, which is a design decision rather than an export setting. Split the artwork in the editor first if your launcher needs it.
Does it work for Flutter or React Native?
Yes, indirectly, and it is worth knowing the shortcut. Both ecosystems have packages that take one master image and write the platform folders for you. What this gives you is a better master and the individual assets if you would rather place them yourself — the 1024px file is the one those packages want.
Does anything get uploaded?
No. Every size is rendered to a canvas in your browser and zipped there, so the artwork never leaves the tab and the export works with the network off.
What size should an app icon be?
Design at 1024 x 1024 and derive everything from it — that is the master both App Store Connect and Google Play want, and the size every other asset is a reduction of. Then check it at 40px, because that is nearer the size people actually see it.
Does it cost credits?
No. Packaging is free and unmetered — credits are only spent generating new artwork.
Can I add padding or change the background?
Yes. Icon Studio lets you resize, pad and recolour the drawing before it renders the set, which is how you satisfy the iOS opaque-background rule without editing your source file.
Which sizes does Apple actually require?
For a modern iOS app, Xcode wants a single 1024px asset and generates the rest — but plenty of projects, CI pipelines and older targets still expect the full set, so the bundle ships all eleven.
Does it produce an .icns or .ico?
It produces the folders those formats are built from — macos.iconset for iconutil, and the favicon PNG ladder for the web. That keeps the output inspectable rather than opaque.

Stop exporting eleven PNGs by hand.

Open Icon Studio