Web App Manifest Generator
Generate a web app manifest for your PWA
Upload an SVG, PNG, or JPG logo and create a ready-to-use manifest.webmanifest with PWA icons, maskable icons, theme color, background color, and display mode for installable web apps.
Icon color applies only to SVG uploads. PNG and JPG sources keep their original pixels.
manifest.webmanifest
{
"name": "Free App Logo",
"short_name": "FreeAppLogo",
"start_url": "/",
"display": "standalone",
"background_color": "#ffffff",
"theme_color": "#2563eb",
"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/icon-192-maskable.png",
"sizes": "192x192",
"type": "image/png",
"purpose": "maskable"
},
{
"src": "/icons/icon-512-maskable.png",
"sizes": "512x512",
"type": "image/png",
"purpose": "maskable"
}
]
}Add <link rel="manifest" href="/manifest.webmanifest"> to your HTML head and upload the icons to /icons/.
What is a web app manifest?
A web app manifest is a JSON file that tells browsers how your Progressive Web App should look and behave when installed on a phone or desktop. It defines the app name, icons, theme color, background color, start URL, and display mode. This free generator builds the manifest and all required icon sizes, including maskable icons with a safe area for Android adaptive masks.
Pair this with the App Icon Generator and Favicon Generator to ship a complete, polished install experience across browsers, home screens, and app launchers.
How it works
- 1 Upload your logo as an SVG, PNG, or JPG file.
- 2 Set the app name, short name, start URL, and display mode.
- 3 Choose the theme color, background color, and icon colors.
- 4 Copy the generated manifest JSON or download the manifest and icons as a ZIP.
Features
- PWA + maskable icons Generates 192px and 512px icons plus maskable versions with a safe area for Android masks.
- Ready-to-paste JSON Copy a valid manifest.webmanifest with the correct icons array, purpose, and types.
- Full display control Set standalone, fullscreen, minimal-ui, or browser display modes and brand colors.
- One-file ZIP export Download the manifest and all icon PNGs together so you can drop them straight into your project.
What you can use it for
- Make a website installable as a Progressive Web App.
- Pass the Chrome and Lighthouse "installable" PWA checks.
- Add a polished home screen icon and splash colors on Android.
- Ship a consistent app identity across browsers and devices.
Web App Manifest Generator FAQ
What file does this generate?
It generates a manifest.webmanifest (JSON) file plus the PNG icons it references, including standard and maskable icons at 192x192 and 512x512.
Where do I put the manifest file?
Upload the icons to your site (for example in an /icons/ folder), place the manifest at your site root, and add a <link rel="manifest" href="/manifest.webmanifest"> tag to your HTML head.
What are maskable icons?
Maskable icons keep your logo inside a central safe zone so Android can crop them into circles, squircles, and rounded shapes without cutting off important parts of the icon.
Which display mode should I choose?
Use "standalone" for an app-like experience with no browser UI. Use "fullscreen" for games, "minimal-ui" to keep minimal navigation, or "browser" to open in a normal tab.
Is my logo uploaded anywhere?
No. Everything runs locally in your browser. Your logo and the generated files never leave your device.
Is it free?
Yes, the web app manifest generator is completely free with no account, watermark, or limits.
Related free tools
Keep building your brand asset set with these related free tools.