App Icon Generator

Upload one image. Export a complete icon set for iOS, Android, and the web.

100% client-side Instant Private

Drag & drop your image here

or click to browse

Best results: 1024×1024 PNG with transparent background · Supported: PNG, JPG, WebP, SVG

Live preview

9:41LTE  ▮▮▮
Photos
Maps
Notes
TEOToolkit

TEO Toolkit

Developer tools

Get

App name

4.8 ★

Integration guide

How to install your icons

Copy-paste steps for iOS, Android, and the web.

iOS Integration

1

Unzip the download. You will get an AppIcon.appiconset folder with every required iOS PNG size.

2

Open your Xcode project and select Assets.xcassets → AppIcon.

3

Drag the entire folder into the AppIcon slot. Xcode automatically maps the sizes for app, launch, and store icons.

4

Build and run. Your icon will appear on the home screen, in Settings, and in the App Store listing.

Android Integration

1

Unzip the package and place mipmap-* folders into app/src/main/res/ in Android Studio.

2

Replace the default launcher assets with the generated densities for mdpi, hdpi, xhdpi, xxhdpi, and xxxhdpi.

3

Add the adaptive icon configuration in mipmap-anydpi-v26/ic_launcher.xml and update the manifest launcher icon reference.

4

Sync the project and rebuild. Your icon will display correctly on phones, tablets, and the Play Store.

Web / Favicon Integration

1

Place favicon.ico, apple-touch-icon.png, and the PNG assets in your public/ or dist/ folder.

2

Copy the generated link tags into the head of your site.

3

Add the manifest and confirm the browser picks up the right icon sizes for tabs, bookmarks, and app installs.

4

Reload the site and verify the favicon appears in browser tabs and search result cards.

What’s inside each ZIP

🍎 AppIcon.appiconset/
  ├── Icon-20@2x.png        (40x40)
  ├── Icon-20@3x.png        (60x60)
  ├── Icon-29@2x.png        (58x58)
  ├── Icon-40@2x.png        (80x80)
  ├── Icon-60@3x.png        (180x180)
  ├── Icon-76@2x.png        (152x152)
  ├── Icon-83.5@2x.png      (167x167)
  ├── Icon-1024.png         (1024x1024)
  └── Contents.json

🤖 android/
  ├── mipmap-mdpi/ic_launcher.png         (48x48)
  ├── mipmap-hdpi/ic_launcher.png         (72x72)
  ├── mipmap-xhdpi/ic_launcher.png        (96x96)
  ├── mipmap-xxhdpi/ic_launcher.png       (144x144)
  ├── mipmap-xxxhdpi/ic_launcher.png      (192x192)
  ├── mipmap-anydpi-v26/ic_launcher.xml
  └── play_store_512.png                  (512x512)

🌐 favicon/
  ├── favicon.ico
  ├── favicon-16x16.png
  ├── favicon-32x32.png
  ├── apple-touch-icon.png    (180x180)
  ├── android-chrome-192x192.png
  ├── android-chrome-512x512.png
  ├── site.webmanifest
  └── README.txt

Sample image

Load a sample logo to test the generator

When to use

Launch a mobile app, rebrand a product, or ship a PWA icon pack

Related tools

Splash Screen Generator · Image Resizer · Image Converter

About app icon generation

Adaptive icons, iOS masks, and browser-ready favicons

Proper icon generation matters because each platform expects different crop ratios and density sizes. iOS uses a squircle mask and a curated appiconset, Android needs densities and adaptive layers, and modern browsers rely on favicon, touch icon, and manifest files for crisp tab, bookmark, and install experiences. Everything runs client-side — no uploads, no server processing, and no risk of your original artwork leaving the device.