Android Icon Generator

Make every Android icon from one image - PWA icons for your website or launcher and adaptive icons for your app - with a live preview of Android icon shapes. For iPhone use the Apple Touch Icon Generator.

How to make Android icons

  1. Add your logo. Drop a square PNG, SVG or other image of at least 512 px. It stays on your device.
  2. Pick what you are building. Website / PWA for a site people can install, Android app for a launcher icon, or Notification icons.
  3. Check the shapes. The preview cuts your icon into the masks different phones use. Add padding if the logo gets clipped.
  4. Download the ZIP. Press Make my Android icons. PWA files go in the root of your site; the res/ folders drop straight into an Android Studio project.

Making the browser favicon too? The Favicon Generator builds the full set.

Three kinds of Android icons

  • Website / PWA - when someone installs your site from Chrome, Android uses the icons listed in site.webmanifest: 192 and 512 px, plus a maskable icon that fills any shape.
  • Android app - launcher icons live in mipmap folders, one per screen density. Android 8+ uses adaptive icons: a foreground layer over a background colour.
  • Notification icons - small white silhouettes for the status bar. Colour is ignored, only the shape counts.

Densities and sizes

FolderLauncherAdaptive layerNotification
mdpi48 px108 px24 px
hdpi72 px162 px36 px
xhdpi96 px216 px48 px
xxhdpi144 px324 px72 px
xxxhdpi192 px432 px96 px

The Play Store icon is a separate 512 x 512 px PNG with a solid background - Google rounds it itself.

Maskable icons and the safe zone

Android phones cut icons into circles, squircles, rounded squares or teardrops. A maskable icon fills the whole square with colour and keeps the logo inside the middle 80% (the safe zone), so nothing important is cut off.

The preview shows your icon in all four shapes. Adaptive app icons work the same way: the foreground keeps your logo in the centre 66 dp of 108 dp.

How to use the files

  1. Website: upload the PNGs and site.webmanifest to your site root and paste android-html.txt into the <head>. Then test with the Favicon Checker.
  2. Android app: copy the res/ folder into app/src/main/ of your project. The launcher is set by android:icon="@mipmap/ic_launcher" and android:roundIcon="@mipmap/ic_launcher_round" in AndroidManifest.xml.
  3. Notifications: use R.drawable.ic_stat_notify as the small icon.

Frequently Asked Questions

The launcher icon is 48 dp: 48 px on mdpi up to 192 px on xxxhdpi. Adaptive icon layers are 108 dp (108 to 432 px), and the Play Store icon is 512 x 512 px. This tool makes all of them.

A PWA icon that fills the whole square, with the logo inside the middle 80%. Android can then cut it into any shape without clipping. It is listed in site.webmanifest with purpose "maskable".

Since Android 8, launcher icons have two layers: a foreground image and a background. The phone picks the shape and can animate the layers. The ZIP includes both, plus a monochrome layer for themed icons on Android 13+.

Android keeps only the alpha channel of notification icons. If your image has no transparency, the whole square turns white. Use a logo with a transparent background.

For installing your site from Chrome on Android, yes. It lists the icons, the name and the theme colour. The Website / PWA set creates it for you.

iPhone needs a different file - a solid, square apple-touch-icon.png. Make it with the Apple Touch Icon Generator.

No. Every icon is made in your browser, on your device. Nothing is uploaded.

Upload the files, then run your site through the Favicon Checker. It lists every icon your pages point to and shows what is missing.

Guides & Tutorials

All 14 guides
Comparison ICO vs SVG: Which Icon Format Should You Use? Read the guide Guide Old vs New ICO Files: Bitmap Icons, PNG Icons and Every Icon Type Explained Read the guide Guide Complete ICO File Guide: Understanding, Opening & Converting Icon Files Read the guide