A few years ago "add a favicon" meant dropping one favicon.ico in your site root. In 2026 that same site will look broken in at least four places: blurry in a retina browser tab, a generic globe in Google search results, a white square when an Android user saves it to their home screen, and a black blob on an iPhone.

The fix isn't hard — but the requirements have quietly multiplied. Here's the complete size set that actually matters in 2026, why each one exists, and a copy-paste HTML block at the end.

The 2026 favicon checklist

Size File Where it's used

16×16 favicon-16x16.png Classic browser tabs

32×32 favicon-32x32.png Retina tabs, Windows taskbar

48×48 inside favicon.ico Windows site icons, older browsers

180×180 apple-touch-icon.png iOS home screen, Safari pinned tabs

192×192 android-chrome-192x192.png Android home screen, Chrome PWA

512×512 android-chrome-512x512.png PWA splash screen

vector favicon.svg Modern browsers, dark-mode adaptive icons

Six files.…