Favicon & Touch-Icon Coverage Checker
Paste your <head> HTML and audit which favicon, apple-touch-icon, web-manifest, and Safari pinned-tab tags are present. Catches the missing ones that make your brand look broken on iOS or Android.
Your <head> HTML
Paste your icon-related HTML
The <link rel="icon"> and related tags from your <head>. Copy from View Page Source or just the icon block.
Coverage audit
Legacy browsers and RSS readers hit /favicon.ico directly. Always include.
<link rel="icon" href="/favicon.ico" sizes="any">
Primary favicon for modern browser tabs. Sharper than the legacy ICO at this size.
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
/favicon-32x32.pngSmallest fallback for browser chrome at low DPI.
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
Used when users add your site to iOS home screen. Without it, iOS generates a blurry screenshot instead.
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
/apple-touch-icon.pngAndroid install prompt, PWA home screen, theme color. References icons in JSON.
<link rel="manifest" href="/site.webmanifest">
/site.webmanifestmacOS Safari pinned tabs. Monochrome SVG with a brand color. Nice-to-have.
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#1C1C63">
Android Chrome address bar color, Windows tiles. Small but visible brand touch.
<meta name="theme-color" content="#1C1C63">
Chrome, Edge, Firefox support SVG favicons. Scales crisply at any size.
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
- error1 critical icon missing — users will see broken/default icons in browser tabs or iOS.
- info4 nice-to-have icons missing — mainly polish for Safari pinned tabs and Android theme colour.
The 2026 Favicon / Touch-Icon Set
The minimum your site needs to look professional across every browser and device.
favicon.ico — the legacy request
Always present at the root. Old browsers, RSS readers, and some CDN default pages request /favicon.ico directly — even if you only declare PNG icons in link tags.
PNG 16×16 + 32×32 — browser tabs
Every modern browser picks the 32×32 PNG for tabs on high-DPI screens. Ship 16×16 too as a fallback for low-DPI chrome.
apple-touch-icon 180×180 — iOS home screen
Without it, iOS generates a blurry screenshot of your homepage. With it, users get a branded icon when they "Add to Home Screen".
Web manifest — Android + PWA
Required for Android's install prompt and PWA home-screen icons. References 192×192 and 512×512 icons inside the JSON. Also declares theme-color and short-name.
Favicon / Touch-Icon FAQ
What's the minimum favicon set for 2026?
At a bare minimum: favicon.ico at the root, a 32×32 PNG for browser tabs, a 180×180 apple-touch-icon for iOS, and a web manifest with 192×192 and 512×512 icons for Android. Anything less and you get broken icons somewhere — iOS home screen, Android install prompt, or browser tabs.
Do I still need favicon.ico?
Yes. Some edge-case browsers and RSS readers request /favicon.ico at the domain root directly, bypassing link tags entirely. Keep it even with modern PNG icons declared in link tags.
What about Safari pinned tabs?
<link rel="mask-icon"> is iOS/macOS Safari-specific. Required if you want a branded icon in Safari pinned tabs. Optional but nice-to-have for brand polish.
Is my HTML sent anywhere?
No. Parsing runs in your browser. Nothing is uploaded or stored.
Want a Complete Brand-Asset Audit Across Your Site?
Our Australian team audits favicon, touch-icon, OG image, Twitter card and Schema brand assets — then generates everything you\'re missing, ready to deploy.
- Cross-device icon audit
- Asset generation pipeline
- No lock-in commitment
No long-term commitment. Cancel anytime. 100% satisfaction guaranteed.