How to use PWA icon generator
- 1. Design your icon. Use Web preview shape (rounded square) — typical for installable PWAs.
- 2. Preview browser install UI. See favicon in tab and install card mockup before export.
- 3. Copy web/ folder. Host icons on your CDN and paste manifest.icons.json into manifest.json.
About this tool
PWA icon queries usually mean manifest 192 and 512, apple-touch-icon, and favicons — not mobile store assets. This alias opens the studio on Web preview with those export paths highlighted.
Maskable vs any
The export includes 512×512 suitable for maskable purpose when artwork respects safe padding. Tune padding so logos are not clipped on circular Android installs.
Link tags vs manifest
Safari still uses apple-touch-icon link tags. Chromium uses manifest icons. The ZIP includes head.html with common link tags plus manifest.icons.json fragment.
Code examples
Workflow
Upload logo → tune padding → Download ZIP → drag AppIcon.appiconset into Xcode