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