PWA Icons

PWA Icon Generator

PWA icons are usually declared in site.webmanifest for install prompts, launch screens, and device shortcuts.

Generate 192x192 and 512x512

Output manifest icons configuration

Support theme-color settings

HTML Code example

<!-- Favicon -->
<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="shortcut icon" href="/favicon.ico">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="48x48" href="/favicon-48x48.png">
<link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png">

<!-- Apple Touch Icon -->
<link rel="apple-touch-icon" sizes="120x120" href="/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="152x152" href="/apple-touch-icon-152x152.png">
<link rel="apple-touch-icon" sizes="167x167" href="/apple-touch-icon-167x167.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">

<!-- Android / PWA -->
<link rel="manifest" href="/site.webmanifest">
<meta name="theme-color" content="#ffffff">
<link rel="icon" type="image/png" sizes="192x192" href="/android-chrome-192x192.png">
<link rel="icon" type="image/png" sizes="512x512" href="/android-chrome-512x512.png">

<!-- Windows Tiles -->
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="/mstile-150x150.png">
<meta name="msapplication-config" content="/browserconfig.xml">

FAQ

Is 512x512 required for PWAs?

It is strongly recommended because many platforms use it for installation and launch icons.

What is a maskable icon?

It allows the icon to be cropped more safely across different system shapes and can be expanded later.

Related reading

FPFaviconPack

Generate favicon sizes, app icons, manifest files, and ready-to-copy HTML Code from one source image.

© 2026 FaviconPack. All rights reserved. Built for website icons, app icons, and favicon integration assets.