Favicon Check
The favicon check validates whether your website has a proper favicon that displays in browser tabs, bookmarks, and browser interfaces.
What this check validates
- ✅ Favicon exists - Icon file is present and accessible
- ✅ Proper format - Uses standard favicon formats (ICO, PNG, SVG)
- ✅ Multiple sizes - Includes different sizes for various uses
- ✅ Correct linking - Properly referenced in HTML head section
Why favicons matter
- Looks professional: Improves your site's appearance
- Easy to recognize: Helps users spot your site in tabs and bookmarks
- Consistent branding: Matches your site's visual identity
What a favicon code looks like
Basic favicon implementation in HTML:
<!-- Standard favicon -->
<link rel="icon" type="image/x-icon" href="/favicon.ico">
<!-- Modern PNG favicons for different sizes -->
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<!-- Apple touch icon for iOS devices -->
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
Common issues
- Missing Favicon: No favicon file found at the expected location
- Broken Links: Favicon URL returns 404 error
- Wrong Format: Using unsupported file formats
- Single Size Only: Missing different sizes for various use cases
- Incorrect HTML: Missing or malformed link tags in HTML head