About Favicon Checker

Validate favicon HTML tags and preview all icon sizes. Part of the DevTools Surf developer suite. Browse more tools in the Web / Frontend collection.

Use Cases

• Verifying favicon setup before launching a new website
• Debugging why a site shows a blank tab icon in Chrome
• Checking apple-touch-icon renders correctly on iOS home screens
• Auditing icon sizes for Progressive Web App manifest compliance

Tips

• Verify all required sizes: 16x16, 32x32, and apple-touch-icon
• Check that your favicon renders clearly at the smallest 16px size
• Validate the HTML link tags match your actual file paths

Fun Facts

• The favicon was introduced by Internet Explorer 5 in 1999 as 'favorites icon' — a 16x16 ICO file placed in the site root as favicon.ico.
• Modern browsers support SVG favicons, which scale perfectly to any size and can even respond to dark mode via CSS media queries.
• Apple introduced the apple-touch-icon in 2007 with the original iPhone, requiring a 57x57 PNG for home screen bookmarks.

FAQ

What does it check?

Your site's favicon HTML tags, the actual icon files at each referenced size, and whether modern formats (SVG, AVIF) are provided.

Why do favicons often break?

Inconsistent sizes, missing apple-touch-icon, relative paths that break in subdirectories, or web manifest.json misconfiguration for Android home-screen icons.

How many sizes do I really need?

Minimum: 16×16 ICO + 180×180 Apple touch icon + SVG. Comprehensive: 16/32/48 ICO, 180 Apple, 192/512 Android, SVG for modern browsers.

Does it fetch my URL?

Paste the relevant HTML and upload the icon files. For live URL checking, use realfavicongenerator.net's checker which can crawl.