A favicon checker is a URL scanner that fetches your public HTML, reads every link rel="icon" tag, requests /favicon.ico, parses your web app manifest, and reports which icon files exist, which paths 404, and which sizes you declared. It answers the question "what does the outside world actually see?" without relying on your local build folder or DevTools alone.
Favicon Check on opengraph-check.com is built for that job. Paste a production URL, get a structured audit in seconds, preview each icon, and download files to inspect pixels before users complain about a missing tab mark.
Why you need a favicon checker
Developers trust localhost, CI artifacts, and the Elements panel. Users and crawlers trust live HTTP responses.
| What you think is deployed | What a checker proves |
|---|---|
Icons in /public folder | Files return 200 on production |
| Tags in React component | Tags appear in view-source HTML |
| Manifest in repo | <link rel="manifest"> present and JSON parses |
| New rebrand live | CDN serves new bytes, not cached ICO |
A favicon checker closes the gap between intent and reality. It is the fastest way to catch the mistakes in Common Favicon Mistakes That Break Your Brand before launch.
What Favicon Check scans
When you run Favicon Check, the tool:
- Fetches your HTML as an anonymous client (no login cookies).
- Extracts icon link tags -
rel="icon",apple-touch-icon,mask-icon, and manifest link. - Requests
/favicon.icoat the site root even if HTML omits it. - Parses
site.webmanifestwhen linked and lists manifest icon entries. - Follows each icon URL and records status, content type, and dimensions where detectable.
- Previews icons inline so you see tab-scale rendering without opening each URL manually.
- Lets you download each asset for pixel-level review in a design tool.
That coverage matches the full stack described in the Favicon Sizes Guide: tab PNGs, ICO, apple-touch-icon, SVG if declared, and Android manifest icons.
Favicon checker vs manual DevTools debugging
DevTools is great for local iteration. It is a weak sign-off tool for production favicons.
| Task | DevTools alone | Favicon Check |
|---|---|---|
| See server HTML tags | View-source helps | Parses and lists all tags |
| Test nested route paths | Must visit each URL | Scan each public URL |
Verify /favicon.ico | Manual request | Automatic root fetch |
| Parse manifest icons | Manual JSON copy | Built-in manifest parse |
| Share report with team | Screenshots | Same URL, same results |
| Download all icon files | One by one | Bulk download per asset |
Elements panel shows DOM after JavaScript. Favicon Check reads what crawlers get on first fetch. If your SPA injects icons late, the checker catches it. Same root cause as Favicon Not Showing in Browser? Fix It.
When to run a favicon check
Before launch
Scan staging and production URLs before marketing announces the site. Missing manifest links and relative paths are last-minute blockers that checkers catch instantly.
After a rebrand
You changed filenames, purged CDN, updated HTML. Run Favicon Check on every origin (www, app, docs subdomain). Cache issues in Favicon Cache Explained still show up if CDN serves old bytes - the checker downloads what the edge returns.
After framework or CMS migration
Next.js metadata, WordPress customizer, and Shopify theme settings all emit different HTML. Verify rendered output, not config UI.
Quarterly audits
Icons drift when templates fork. Schedule scans for high-traffic domains.
When users report wrong icons
"Tab looks generic" or "home screen logo clipped" - scan first, guess second.
Step-by-step - audit your site with Favicon Check
- Open Favicon Check.
- Enter your production HTTPS URL (homepage or any nested page with shared layout).
- Run the scan.
- Review the tag list - confirm
rel="icon", apple-touch-icon, and manifest link exist. - Open previews - check contrast on light and dark browser chrome mentally.
- Download 16×16, 32×32, and 180×180 files. Zoom to 100%. Blurry? See Favicon Looks Blurry? Fix Pixelation.
- Confirm manifest icons show 192×192 and 512×512 entries. Missing? Read Web App Manifest Icons Explained.
- Fix issues using Favicon HTML Link Tags Example.
- Rescan until every path is green.
Repeat for each subdomain that serves its own HTML.
Reading Favicon Check results
Missing link tags
No rel="icon" in HTML and no valid /favicon.ico means generic tab icon. Add the HTML block from How to Add a Favicon to Your Website.
404 on icon URLs
Path typo, wrong deploy folder, or relative path bug on nested routes. Fix href to root-relative paths.
Manifest linked but empty icons array
JSON valid but incomplete. Add 192 and 512 PNG entries.
SVG declared without PNG fallback
Checker may show SVG only. Add ICO and PNG for Safari, iOS, and crawlers. SVG Favicon Guide.
Wrong content type
PNG served as application/octet-stream flags server config. Fix MIME types on your host or CDN.
Old file bytes after rebrand
Checker downloads stale image from CDN. Purge cache and version filenames.
Favicon checker vs Open Graph scanner
Same site, different jobs.
| Tool | Inspects | Affects |
|---|---|---|
| Favicon Check | link rel="icon", ICO, manifest icons | Browser tabs, home screens, PWA install |
| Open Graph scanner | og:image, og:title, Twitter cards | Facebook, LinkedIn, Slack link previews |
Run both on the same URL before major launches. A perfect OG image does not fix a missing tab icon, and vice versa.
Who uses favicon checkers
- Frontend developers validating framework metadata output
- Designers confirming exported sizes match live pixels
- SEO and marketing checking SERP favicon consistency
- QA teams adding URL scans to release checklists
- Agencies signing off client launches with shareable proof
Building a favicon QA checklist around the tool
Copy into your release template:
Production URL: _______________
[ ] Favicon Check scan completed
[ ] rel="icon" tags detected in scan
[ ] /favicon.ico returns 200
[ ] apple-touch-icon 180×180 present
[ ] manifest icons 192 + 512 present
[ ] No 404 icon paths
[ ] Downloaded PNGs sharp at 100% zoom
[ ] Nested page URL scanned (e.g. /blog/)
[ ] Open Graph scanner run on same URL
Pair with the mistake list in Common Favicon Mistakes.
Limits of any favicon checker
No automated tool replaces every device test.
- iOS home screen may still need manual Add to Home Screen after manifest fixes.
- Dark mode tab contrast needs human judgment.
- Authenticated apps require public icon paths or staging mirrors.
- Google Search favicon updates on Google's schedule, not instantly after fix.
Use the checker for HTTP truth, then spot-check one mobile device.
Other ways to test favicons (and gaps)
| Method | Gap |
|---|---|
| Local file preview | No HTML tag verification |
| Lighthouse | High-level, not full icon inventory |
| RealFaviconGenerator post-build | Does not monitor production drift |
| Manual curl | Tedious for manifest plus all sizes |
Favicon Check combines curl-like fetching with manifest parsing and previews in one UI designed for opengraph-check.com workflows.
FAQ
What is a favicon checker?
A tool that scans a live URL for favicon HTML tags, root favicon.ico, and manifest icons, then reports status and previews.
Is Favicon Check free to use?
Yes. Open Favicon Check, enter a URL, and run the scan without installing browser extensions.
Can it scan localhost?
Production public URLs give the most accurate results. Localhost is useful only if tunneled or publicly reachable.
Does it check apple-touch-icon?
Yes. The scan includes apple-touch-icon link tags and declared sizes.
Will it find missing manifest icons?
Yes, when <link rel="manifest"> is present and JSON is valid. It lists each manifest icon URL and fetch status.
How is this different from fixing favicon cache?
Checkers prove which file the server returns today. Cache issues on your laptop may remain until you version filenames. See Favicon Cache Explained.
Should I use a favicon checker or read the HTML guides?
Use both. Guides teach correct setup. The checker verifies live deploys. Start with Favicon HTML Example, then scan.
Can I check multiple pages?
Scan any URL that shares your layout. If templates differ, scan one URL per template type.
Bottom line
A favicon checker turns guesswork into proof. Favicon Check scans your live HTML, root ICO, and manifest icons, previews every asset, and highlights broken paths before users see a generic tab. Run it after every deploy and rebrand, fix issues with the Favicon Sizes Guide and Favicon HTML Example, and pair the same URL with the Open Graph scanner for complete pre-launch coverage.
