Favicon Generator topic guide
Create website install icons for a PWA
Direct answer
Add the 192 and 512 pixel PNG icons a website needs so the browser can offer a PWA install prompt. The icons are produced as part of the complete favicon package.
What this workflow handles
The favicon package includes 192 and 512 pixel PNGs at the site root plus the site.webmanifest that references them, so a website that already uses the Favicon Generator can ship PWA install icons in the same step. PWA installability still depends on a valid manifest, the right HTML link tags, a secure origin and the browser's service worker requirements.
Use the favicon generator to download every supported size and format in one ZIP, then pick the files your platform or framework actually requires.
If you also need iOS and Android app icons for the same product, see the PWA section of the App Icon Generator.
How to use it
- Upload a logo
- Generate the favicon package with 192 and 512 PNGs
- Link site.webmanifest from your HTML head
Frequently asked questions
Which PWA icon sizes should I provide?
The favicon package declares one 192 by 192 PNG and one 512 by 512 PNG in site.webmanifest, which is the most common baseline for a website install prompt. The 192 file covers compact install surfaces and the 512 file covers launch and splash contexts. Confirm the current manifest requirements for the browsers you support.
Does generating icons make my site installable?
No. A website also needs a valid site.webmanifest, the right link tags in the HTML head, a secure origin and the service worker behaviour the browser expects. The generated icons complete the asset part of an otherwise installable website.
Where do the PWA icon files end up?
The favicon package places android-icon-192.png and android-icon-512.png at the site root, alongside favicon.ico and site.webmanifest. Reference them from site.webmanifest's icons array and serve them from the same path your HTML link tag points to.
Explore the favicon generator topic cluster
Use the guide that matches your source file or target platform, then generate the complete package in one place.
Related guides
-
Create an Apple Touch Icon
Create a 180x180 Apple Touch Icon from your logo for iPhone and iPad home screen shortcuts.
-
Generate a multi-size favicon.ico
Generate a multi-size favicon.ico from a logo, with 16, 24, 32, 48, 64, 128 and 256 pixel browser frames.