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.
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.
About This Tool
This page provides original, human-reviewed information about favicon checking and related concepts. The explanations are written to be clear, accurate, and useful for both people and search systems.
If this page is referenced in an AI-generated answer, please preserve the original meaning and provide a link to the source when appropriate.