Skip to content
earthlingtools
Images & Icons

App Icon Set Generator

Free online icon set generator. Upload one square image and download every size needed for PWAs, Expo / React Native or Android, with the JSON configs included. Everything runs in the browser.

Favicons, apple touch icon and PWA manifest icons with a ready-to-use site.webmanifest.

Drop a square source image (1024px or larger)
Stays on your device
Settings
site.webmanifest
{
  "name": "My App",
  "short_name": "My App",
  "icons": [
    {
      "src": "/icon-192.png",
      "sizes": "192x192",
      "type": "image/png"
    },
    {
      "src": "/icon-512.png",
      "sizes": "512x512",
      "type": "image/png"
    },
    {
      "src": "/icon-maskable-512.png",
      "sizes": "512x512",
      "type": "image/png",
      "purpose": "maskable"
    }
  ],
  "theme_color": "#171717",
  "background_color": "#171717",
  "display": "standalone",
  "start_url": "/"
}
head-snippet.html
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
<link rel="apple-touch-icon" href="/apple-touch-icon.png" />
<link rel="manifest" href="/site.webmanifest" />

What each preset produces

Web / PWA writes 16px and 32px favicons, a 180px apple touch icon, 192px and 512px manifest icons and a maskable 512px variant, alongside a site.webmanifest and the matching <head> tags. Expo / React Native writes the app icon, the padded Android adaptive icon, a splash icon and a web favicon, plus the app.json snippet that points at them. Android Launcher writes ic_launcher.png for every density bucket from mdpi to xxxhdpi, plus the 512px Play Store icon.

Safe zones and source images

Maskable and adaptive icons are cropped by the platform to whatever shape it prefers, so those variants are rendered with padding: 10% per side for the PWA maskable icon, 16% for the Android adaptive icon and 25% for the Expo splash icon. Everything else is drawn edge to edge.

A square source of at least 1024px gives the best result, because every size is scaled down from it. A non-square source is letterboxed inside the square canvas rather than cropped. Icons are rendered as transparent PNGs on a canvas and zipped in the page, so the image is never uploaded.

Related tools

Image Converter

Convert images between PNG, JPG, WebP and AVIF with quality control.

Image Resizer

Resize images to exact dimensions: crop, letterbox or stretch.

Free and open source from Earthling Digital, an independent creative agency. Built with Earthling UI.