Web App Manifest Guide
A web app manifest (site.webmanifest) tells installable browsers your app name, colors, and which icon sizes to use on the home screen. Pair it with 192×192 and 512×512 PNG icons for a complete PWA favicon setup.
Link the manifest with <link rel="manifest" href="/site.webmanifest">. Inside the JSON, the icons array must include at least 192×192 and 512×512 entries with type image/png and purpose any (add maskable variants for Android adaptive icons if needed).
Set theme_color and background_color to match your brand — they control the browser chrome and splash screen during install.
How it works
- 1
Generate icon PNGs
192 and 512 from our favicon generator package.
- 2
Create site.webmanifest
Include name, short_name, icons, theme_color, display.
- 3
Link in HTML
<link rel="manifest" href="/site.webmanifest"> plus theme-color meta.
Try it now
Generate PWA icon package
Favicon GeneratorFAQ
Is a manifest required for a basic website?+
No — only if you want install-to-home-screen or richer Android chrome. Favicon.ico alone works for tabs.
What icon sizes go in the manifest?+
192×192 and 512×512 are required for install prompts. Add 384 or maskable icons for polish.
Can I use SVG in the manifest?+
Chromium supports SVG in some cases, but PNG is the safe default for cross-browser install UIs.