App Icon Maker · platform

PWA Icon Generator — Maskable & Apple Touch Icons

Maskable launcher icons + apple-touch + favicons in one bundle.

About this

Progressive Web Apps require a quirky set of icons: a maskable 512×512 with a deliberate safe zone for Android's adaptive launcher mask, an apple-touch-icon at 180×180 for iOS home-screen installs, and a 32×32 favicon for the browser tab. Each has its own composition rules. Vanikya's AI app icon maker generates all three from a single prompt and exports a bundle ready to drop into your /public folder.

A snippet of manifest.json is included so you can paste it directly into your existing config.

What you get

  • Maskable safe zone respected — The 512×512 maskable icon keeps important detail inside the 80% safe-zone circle so Android's launcher mask never crops the wrong thing.
  • Apple touch icon at 180×180 — iOS home-screen install uses apple-touch-icon-precomposed. Vanikya exports the exact filename Safari looks for.
  • Manifest.json snippet — Drop-in JSON for the icons array — purposes 'any maskable' for Android, sizes 512×512 and 192×192.

Prompt ideas

  • PWA icon for a habit tracker — single checkmark inside a rounded square on a vibrant green gradient, maskable safe zone composition
  • PWA icon for a news reader — abstract folded-paper shape on a deep blue background, modern minimal
  • PWA icon for an indie dev tool — terminal cursor symbol on a charcoal background, single accent line in cyan
  • PWA icon for a wellness app — single sage leaf on a soft cream background, calming, breath-friendly composition

Who uses this

  • PWA launches and progressive enhancement projects
  • Web apps installable to iOS / Android home screen
  • Replacing default browser-tab favicons with branded icons
  • Side projects shipping to web before native
  • Chrome OS PWA installs

Common questions

What's a maskable icon?

Android's adaptive launcher applies a circular or squircle mask to every PWA icon. A maskable icon is one designed so the important detail stays inside the visible 80% safe zone — Vanikya generates this automatically.

Do I need both maskable and any-purpose icons?

Yes. Modern PWAs declare both in the manifest.json icons array: purposes 'maskable' for Android and 'any' for browsers and iOS. Vanikya exports both variants in the same bundle.

What goes in manifest.json?

An icons array listing src (path), sizes, type, and purpose for each icon. Vanikya generates the exact JSON snippet you can paste into your existing manifest.