PWA Icon Generator

Turn a logo or a few letters into every icon a PWA needs: Apple touch icon, 192, 512 and maskable. It runs in your browser, nothing is uploaded.

Your icons

apple-touch-icon.png

180x180 · iOS home screen

icon-192.png

192x192 · Android and manifest

icon-512.png

512x512 · Install and splash screen

maskable-512.png

512x512 · Android adaptive icon

The dashed circle on the maskable icon is the safe zone. Android may crop everything outside it.

Source

Letters (1 to 3)Color

Style

Background

Logo size62%Corner radius (192 and 512 icons)22%

Manifest

icons: [
  { src: "/icons/icon-192.png", sizes: "192x192", type: "image/png", purpose: "any" },
  { src: "/icons/icon-512.png", sizes: "512x512", type: "image/png", purpose: "any" },
  { src: "/icons/maskable-512.png", sizes: "512x512", type: "image/png", purpose: "maskable" },
],

Unzip into your project as public/icons/.
Apple and maskable icons are full squares. The system rounds them.
Maskable icons shrink the logo a little so nothing gets cropped.