A worked example, rendered from real sample data. Sign in to run the tool on your own input.
<link rel="icon" href="/favicon.ico">
<link rel="icon" sizes="32x32" href="/favicon-32.png">
<link rel="icon" sizes="16x16" href="/favicon-16.png">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="icon" sizes="192x192" href="/android-192.png">
<link rel="icon" sizes="512x512" href="/android-512.png">═══ Summary ═══
Icon links: 6
Web manifest: (not linked)
theme-color tags: 0
Classic .ico: yes | SVG icon: no | apple-touch-icon: yes
Device filter: All devices
⚠ 3 of 7 recommended entries missing
✓ No broken tags
═══ Declared icons ═══
icon: /favicon.ico
icon 32x32: /favicon-32.png
icon 16x16: /favicon-16.png
apple-touch-icon: /apple-touch-icon.png
icon 192x192: /android-192.png
icon 512x512: /android-512.png
═══ Missing — paste these into <head> ═══
⚠ A single SVG scales to every size and can adapt to dark mode with a media query inside the file.
<link rel="icon" type="image/svg+xml" href="/icon.svg">
⚠ Android and installable PWAs take their 192×192, 512×512 and maskable icons from the web manifest.
<link rel="manifest" href="/site.webmanifest">
⚠ Chrome on Android and Safari 15+ tint the browser chrome with it.
<meta name="theme-color" content="#ffffff">
═══ A complete modern set ═══
<link rel="icon" href="/favicon.ico" sizes="32x32">
<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="icon" type="image/svg+xml" href="/icon.svg">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">
<meta name="theme-color" content="#ffffff">
═══ Notes ═══
ℹ Only the markup you pasted was read. No icon file and no manifest was downloaded by the server, so a 404 or a wrong pixel size is not reported here.
ℹ The preview panel loads each declared icon from your own browser, which is the only pla
…Validate favicon HTML tags and preview all icon sizes. Part of the DevTools Surf developer suite. Browse more tools in the Web / Frontend collection.