Favicon Sizes

What is the Standard Favicon Size? Ultimate Cheat Sheet for Devs

The only favicon sizes that matter in 2026 — 16, 32, 180, 192, 512 — with what to skip and why.

2026-07-19
6 min read

Short answer: there is no single “standard favicon size.” Modern sites ship a small set of sizes for tabs, iOS home screens, and Android / PWA installs. If you only remember five numbers, make them 16, 32, 180, 192, and 512 — plus a multi-layer favicon.ico.

Generate every size in one click: Free favicon generator →

The 2026 favicon size cheat sheet

Size File Where it shows Required?
16×16 favicon-16x16.png Browser tabs, bookmarks Yes
32×32 favicon-32x32.png Retina tabs, taskbar shortcuts Yes
180×180 apple-touch-icon.png iOS Safari home screen Yes
192×192 android-chrome-192x192.png Android Chrome / PWA install Yes (manifest)
512×512 android-chrome-512x512.png PWA splash / high-res install Yes (manifest)
16–64 (multi) favicon.ico Legacy browsers, Windows Recommended
Any (vector) favicon.svg Modern browser tabs Recommended

Sizes you can skip

Unless you maintain a very old Android WebView app, you do not need separate 36, 48, 72, 96, 128, or 144 PNG exports for a normal website. Those numbers still appear in outdated tutorials. For Android Chrome specifically, see Android Chrome icon sizes. For iOS, one 180×180 apple-touch-icon covers modern devices.

Google’s public guidance asks for a favicon that is a multiple of 48×48 (for example 48, 96, 144) and at least 48×48. In practice, sites that already ship 192×192 and 32×32 PNGs with correct <link rel="icon"> tags satisfy crawlers. If your icon is missing from Google results, the cause is usually crawlability or guidelines — not a missing 48×48 file. Full fix path: favicon not showing in Google Search.

Minimal HTML using these sizes

<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<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">

Design once at 512, export down

Always design (or upload) at least 512×512. Never upscale a 32×32 source for the PWA icons — blur at install size is obvious. Test legibility at 16×16 before you commit to fine detail. More depth: complete favicon sizes guide.

Want the files without exporting by hand? Create all standard sizes free — including ICO and site.webmanifest.

FAQ

Is 16×16 still the standard favicon size?
16×16 is still the classic tab size, but it is not enough alone. Pair it with 32×32, apple-touch 180×180, and PWA 192/512 icons.
What is the best single size if I can only upload one file?
Upload a 512×512 PNG if the platform only accepts one image (many CMS site-icon uploaders), then let the platform or a generator create the rest. Prefer a full multi-file set when you control the HTML.
Do I need 48×48 for Google?
Google asks that favicons be a multiple of 48px square. A 192×192 PNG linked correctly usually satisfies that. Missing Google icons are more often crawl or policy issues than a missing 48×48 file.

Related posts