Favicon Checker

Detect all favicon links (`icon`, `apple-touch-icon`, `shortcut icon`, `manifest.json`), check image formats, dimensions, and default `/favicon.ico` fallback.

Popular examples: https://google.comhttps://github.comhttps://wikipedia.org
Apple Touch Icon Detection

Check for iOS home screen icons (apple-touch-icon.png) for iPhone and iPad support.

Format & Mime Verification

Verify PNG, ICO, SVG, and WebManifest icon formats and declared dimension sizes.

Default Fallback Check

Ensure root /favicon.ico is accessible to prevent 404 console errors in browsers.

Detecting website favicons & touch icons...

Total Favicon Links Found

0

Favicons & Touch Icons Breakdown
PreviewRel AttributeDeclared SizesMime TypeResolved Icon URL

Why Favicons are Essential for UX & Branding

Favicons are small brand icons that appear next to your website title in browser tabs, bookmark bars, mobile home screens, and Google search result snippets. Providing high-resolution favicons builds instant brand recognition, increases trust, and prevents 404 request errors.

How to Use the Favicon Checker

1 Enter Website URL

Paste any domain or page URL into the input bar.

2 Click Check Favicons

Our auditor scrapes page HTML to detect declared icon tags and default /favicon.ico.

3 Inspect Formats

Review thumbnail previews, mime types, sizes, and icon resolution.

Favicon Implementation Best Practices

Recommended
  • Provide a 32x32 PNG or ICO icon for desktop browser tabs.
  • Include a 180x180 apple-touch-icon.png for iOS devices.
  • Provide an icon.svg vector file for scalable dark mode tabs.
  • Keep a legacy /favicon.ico file at domain root directory.
Avoid
  • Avoid using low-resolution 16x16 icons as your sole favicon.
  • Do not return HTTP 404 errors for default /favicon.ico requests.
  • Avoid complex graphics that become unreadable when scaled to 16px.
  • Don't forget to declare manifest.json for Progressive Web Apps (PWA).

Frequently Asked Questions (FAQ)

Google requires favicons to be square (multiple of 48px, e.g., 48x48, 96x96, 144x144) and publicly accessible to Googlebot. If your icon is non-square or blocked, Google uses a generic default globe icon.

An Apple Touch Icon (<link rel="apple-touch-icon" href="...">) is used when a mobile user adds your website to their iPhone or iPad home screen as a shortcut.

Using SVG favicons is modern best practice because SVG scales infinitely and supports CSS media queries (like @media (prefers-color-scheme: dark)). Always include PNG/ICO fallbacks for legacy browsers.

Favicon <link rel="icon" ...> tags must be included in the <head> section of your HTML layout.

Related Meta & HTML SEO Tools

Image Alt Tag Checker

Audit image alt attributes & accessibility.

Title Tag Checker

Check title tag length.

Meta Tag Analyzer

Analyze all page meta tags.