← All articles · April 15, 2026 · og.hjlabs.in

Favicon Sizes Cheatsheet 2026 — All 11 Sizes + Copy-Paste HTML

There is no "single favicon size." A modern site needs 8-12 different sizes to look correct on every device, browser, and platform. This is the 2026 reference — what you actually need, what you can skip, and the HTML to paste.

The required set (the must-haves)

Size	Format	Used By
32x32	PNG/ICO	Browser tab, bookmarks, address bar
16x16	PNG/ICO	Older browsers, IE, fallback
180x180	PNG	Apple Touch Icon (iOS home screen)
192x192	PNG	Android home screen, PWA
512x512	PNG	PWA splash, high-DPI displays

If you ship only these 5, you cover 99% of users. Everything else is fine-tuning.

The recommended set (the nice-to-haves)

Size	Format	Used By
48x48	PNG	Windows site icon
64x64	PNG	High-DPI desktop browsers
128x128	PNG	Chrome Web Store, extensions
96x96	PNG	Google TV, some Androids
SVG	SVG	Modern browsers, scalable

The legacy set (nice if you have time)

Size	Format	Used By
57x57, 72x72, 76x76, 114x114, 144x144, 152x152	PNG	Older iOS versions
70x70, 150x150, 310x150, 310x310	PNG	Windows 8 tiles, browserconfig.xml
safari-pinned-tab.svg	SVG (mask)	Safari pinned tabs (single colour mask)

The HTML to paste in <head>

<!-- Modern essentials -->
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">

The web manifest

{
  "name": "Your Site",
  "short_name": "Site",
  "icons": [
    { "src": "/android-chrome-192x192.png", "sizes": "192x192", "type": "image/png" },
    { "src": "/android-chrome-512x512.png", "sizes": "512x512", "type": "image/png" }
  ],
  "theme_color": "#ffffff",
  "background_color": "#ffffff",
  "display": "standalone"
}

Common mistakes

Only shipping favicon.ico. Outdated. Browsers prefer SVG and PNG.
Wrong Apple Touch Icon size. 180x180 is current; older 152x152 alone breaks newer iPhones.
Missing manifest. Without it, Android home-screen icons are blurry.
Single 16x16 PNG. Looks blurry on retina displays. Always include at least 32x32.
Wrong MIME type. If you serve favicon.svg as application/octet-stream, browsers refuse to render it.

The 30-second solution

Generating 8 sizes by hand in Photoshop is the 2010 way. Use og.hjlabs.in's favicon generator — upload an image, letter, emoji, or gradient, and download a ZIP with every size, the manifest, and the HTML snippet. Free, no signup.

Bottom line

The set you must ship: 16, 32, 180 (Apple), 192 (Android), 512 (PWA), plus an SVG. Plus a manifest. Plus the <link> tags. Skip the legacy Windows 8 tile sizes unless you have specific traffic from Surface devices.

Generate your OG images and favicons

Free. URL-based API. Edge-cached. No signup.

Open the generator →