PWA favicon sizes

Client

Progressive web app manifests typically list 192×192 and 512×512 px icons for launchers and splash screens. Export both squares and copy manifest JSON here.

Manifest icons

Add exported 192×192 and 512×512 PNGs under icons in your web app manifest. Copy the JSON snippet below after setting your asset folder path.

We read width and height locally, then resize with center crop. Max 8 MB.

HTML + manifest snippets

Set the folder where PNGs will live (site root is /). Copy tags into your document <head>.

Current export (512×512)

<link rel="icon" type="image/png" sizes="512x512" href="/icon-512x512.png">

Full favicon block

<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="apple-touch-icon" type="image/png" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="192x192" href="/icon-192x192.png">
<link rel="icon" type="image/png" sizes="512x512" href="/icon-512x512.png">

Manifest icons JSON

"icons": [
    { "src": "/icon-192x192.png", "sizes": "192x192", "type": "image/png" },
    { "src": "/icon-512x512.png", "sizes": "512x512", "type": "image/png" }
  ]

Export size

?

Choose the pixel size your HTML link, manifest, or platform expects. Preview shows how center crop will look at that size.

Common use cases

  • Fill manifest.json icons after exporting from a single logo upload.
  • Regenerate maskable baseline assets at 512×512 for install prompts.
  • Pair with the HTML link tags page for head + manifest coverage.

Common mistakes to avoid

  • Only shipping 512×512

    Many launchers still read 192×192. Include both entries in manifest icons.

  • Ignoring safe zone on maskable icons

    Keep critical logo pixels inside the center ~80% if the platform applies circular masks.

FAQ

What favicon sizes does a PWA need?

Common manifest entries are 192×192 and 512×512 px PNG icons. Some teams also ship 256×256 or maskable variants.

Where do these icons go?

In web app manifest JSON under the icons array, plus optional link tags in HTML for older clients.

Common search terms

Phrases people search for that match this tool. See the full long-tail keyword index.

  • favicon size
  • favicon sizes
  • favicon dimensions
  • favicon image size
  • size of a favicon
  • size of favicon
  • favicon ico size
  • wordpress favicon size
  • favicon size 32x32
  • favicon 16x16
  • apple touch icon 180x180 size
  • pwa favicon size 512
  • favicon html link tag
  • standard favicon dimensions
  • what size should favicon be

More tools

Related utilities you can open in another tab—mostly client-side.