Favicon size guide
You don't need 20 icon files. Here are the sizes that actually matter and the markup to wire them up.
Open the favicon generator →The sizes that matter
- 16×16, 32×32, 48×48 — bundled inside
favicon.icofor browser tabs and legacy support. - 180×180 —
apple-touch-icon.pngfor iOS home screens. - 192×192 and 512×512 — referenced from
site.webmanifestfor Android and PWA install icons.
That's it. Anything beyond this is rarely requested by real browsers in 2026.
The HTML to add
<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">GenHub's favicon generator produces every one of these files plus this snippet automatically.
FAQ
Do I still need favicon.ico?
Yes — a multi-resolution favicon.ico is the most compatible fallback and is still requested by browsers and crawlers at the site root.
What size should the source image be?
Start from at least 512×512 so every smaller size downscales cleanly. A square image works best.