icon · apple-touch-icon · manifest · theme-color
Favicon checker
Paste a page's HTML (the <head> is enough) to see every icon-related tag it declares, and what is missing, duplicated, mistyped or out of date.
1Your HTML
Check a live site
Browsers cannot read another site's HTML from this page, so a live check runs on WebTraceCheck: its website audit lists a page's favicon links and web manifest.
Opens WebTraceCheck's website audit in a new tab, with your address filled in.
2Findings
Paste some HTML and press Check, or load the sample.
Icon tags found
What it checks
The checker reads the tags the way a browser does: comments, scripts and styles are skipped, attribute names are case-insensitive and unquoted values work. It then looks for:
- Icon links: missing hrefs, the same file linked twice, two files claiming the same size, sizes that contradict the file name, a type that does not match the extension, and http:// icons on https pages.
- Apple touch icons: SVG or ICO where iOS needs PNG, and legacy sizes or the precomposed variant.
- Manifest and theme colour: missing or duplicated links and colours browsers cannot parse.
- Legacy tags such as Windows tile meta tags and mask-icon, which are safe to drop.
Give the page address to see full URLs for relative links, including any <base> element.
Questions
Why can't it fetch my site directly?
Browsers block a page from reading other sites' HTML unless those sites allow it. Pasting the source works for any page, including staging sites and pages behind a login. For a live check, the box above opens WebTraceCheck.
My site has no icon tags but shows a favicon. How?
When a page declares no icon, browsers request /favicon.ico from the site root. That works, but you cannot offer an SVG, a dark-mode version or an Apple touch icon that way.
Does it check that the files exist?
No; it reads only the HTML you paste and makes no network requests. Open each listed URL to confirm it loads, or use the live check.