Favicon Checker
Comprehensive Check
Check all favicon files of the website, including various formats and sizes
Compatibility Check
Verify favicon compatibility across different platforms and devices
Optimization Suggestions
Provide detailed optimization suggestions and best practice guidance
This free tool tests whether a website has a complete favicon setup. It checks the classic favicon files, Apple Touch Icons, the web app manifest and common meta tags, then flags anything that is missing or misconfigured.
It works for any public website: enter a domain or URL and get an instant report of which favicon files exist and which ones you still need.
- Missing favicon – no favicon.ico or favicon PNG found
- Wrong size – files do not match the size the browser expects
- Broken URLs – favicon files that return 404 or fail to load
- Missing apple-touch-icon – no icon for the iOS home screen
- Missing PWA icons or web app manifest
- Enter the website URL you want to test.
- Click Check and wait a few seconds.
- Review each section: Classic Favicon, Touch Icons, Web App Manifest and Meta Tags.
- Fix anything marked as an error, then run the check again.
The checker confirms your files and HTML are correct — but each browser caches favicons its own way. Use this per-browser checklist to confirm the new icon is actually live.
- Chrome & Edge: both share the Chromium icon cache. Open chrome://favicon/https://your-site.com in the address bar to inspect the cached icon; if it is stale, a hard refresh (Ctrl+Shift+R) or an Incognito window forces a re-fetch.
- Firefox: the most aggressive cacher — it can hold a favicon for days. Bypass it by opening the favicon URL with a cache-busting query (?v=2) in a private window, or clear via Settings → Privacy → Cached Web Content.
- Safari (macOS): shows favicons in tabs since version 14 and ignores ?v= query strings. Test in a new Private window, or clear via Safari menu → Clear History after re-checking the page.
- iOS home screen: apple-touch-icon.png is fetched only at "Add to Home Screen" time. Delete the old shortcut and re-add it — editing the file alone never updates an existing icon.
- Google Search results: search favicons come from the indexed copy, not the browser cache. After changes, request re-indexing of your homepage in Google Search Console; updates typically propagate within days.
Classic Formats
favicon.ico
Traditional ICO format, compatible with all browsers
favicon.png
Modern PNG format, supports transparent background
favicon.svg
Vector format, supports dark mode
Mobile Devices
Apple Touch Icon
Home screen icon for iOS devices
Android Chrome
Android PWA icon
Web App Manifest
PWA configuration file
Complete Configuration Example
<!-- Basic Favicon -->
<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16">
<link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="/favicon-48x48.png" sizes="48x48">
<!-- Apple Touch Icon -->
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<!-- Web App Manifest -->
<link rel="manifest" href="/site.webmanifest">
<!-- Android Chrome Icon -->
<link rel="icon" type="image/png" href="/android-chrome-192x192.png" sizes="192x192">
<link rel="icon" type="image/png" href="/android-chrome-512x512.png" sizes="512x512">
<!-- Meta Tags -->
<meta name="theme-color" content="#ffffff">
<meta name="application-name" content="Your App Name">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="/mstile-144x144.png">Why are multiple favicon formats needed?
Different browsers and devices support different formats and sizes. Providing multiple formats ensures icons display correctly on all platforms.
Is the ICO format still necessary?
Although modern browsers support PNG, ICO is still the most compatible choice, especially for older browsers.
What is a Web App Manifest?
The Web App Manifest is a JSON file that defines the configuration of a PWA, including icons, name, theme color, etc.
How to optimize favicon loading speed?
Use appropriate file sizes, include multiple sizes in ICO files, and compress PNG files.
What does a missing favicon mean?
If no favicon file is found, browsers request /favicon.ico by default and show a generic or empty icon in tabs. Adding a favicon improves brand recognition and makes the site look professional.
Why does my favicon show the wrong size?
Browsers pick the closest matching icon size. Provide 16×16, 32×32 and 48×48 files with correct sizes attributes so each browser can choose the right one.