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.
Making the browser favicon too? The Favicon Generator builds the full set.
| Folder | Launcher | Adaptive layer | Notification |
|---|---|---|---|
| mdpi | 48 px | 108 px | 24 px |
| hdpi | 72 px | 162 px | 36 px |
| xhdpi | 96 px | 216 px | 48 px |
| xxhdpi | 144 px | 324 px | 72 px |
| xxxhdpi | 192 px | 432 px | 96 px |
The Play Store icon is a separate 512 x 512 px PNG with a solid background - Google rounds it itself.
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.
android:icon="@mipmap/ic_launcher" and android:roundIcon="@mipmap/ic_launcher_round" in AndroidManifest.xml.R.drawable.ic_stat_notify as the small icon.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.