Favicon Tools
QA Guide

How to Test & Check Your Favicon

Across Chrome, Safari, Firefox, iOS, and Android — automated and by hand.

Why bother testing?

Favicons fail silently. A missing apple-touch-icon or a broken manifest path won't throw an error — your branding just disappears on the surfaces you can't see from your own desk. Testing catches those gaps before your users do.

The fast way — automated scan

Paste your URL into a favicon checker and it fetches the live page, parses the <head>, lists every icon tag, and flags what's missing or broken across desktop, Apple, Android, and manifest surfaces. It's the one check that covers everything at once.

The manual checklist

Browser tab

Hard-refresh (Cmd+Shift+R / Ctrl+F5) in Chrome, Safari, and Firefox. The icon should be crisp, not blurry or pixelated, at 16–32px.

Bookmarks & address bar

Bookmark the page. This surfaces the 16×16 icon in its tightest context — if it's unreadable here, simplify the artwork.

iOS — Add to Home Screen

In Safari, share → Add to Home Screen. iOS uses the apple-touch-icon, not favicon.ico, so this catches a whole class of missing tags.

Android / PWA install

On Android Chrome, install the app. The home-screen and splash icons come from manifest.json, so this verifies your manifest icons resolve.

Google search result

Search your brand and confirm the favicon beside your result is current. Google needs at least a 48×48 icon and refreshes on recrawl.

More on the mobile surfaces: apple-touch-icon and why manifest.json matters.

What full coverage looks like

A complete favicon set covers browser tabs, bookmarks, search, iOS, Android, Windows tiles, and the PWA manifest. If your scan shows gaps, that's missing branding — read why favicon coverage matters and check the full favicon sizes reference.

Found a gap? If an icon is broken or stale, fix it with favicon not showing or updating. If it's simply missing, generate the missing sizes in one click.

Frequently asked questions

How do I check if my favicon is working?

Run an automated scan of your live URL to confirm every tag resolves, then verify the icon in a browser tab, a bookmark, on an iOS home screen, and in an installed PWA.

How do I preview a favicon before going live?

Most generators show a live tab preview as you design. To validate the real files, open each icon URL directly and confirm the size and format match your link tags.

Why is the favicon different in Google than in my browser?

Google caches the favicon from its last crawl and needs at least a 48×48 icon. Your browser shows the current file immediately; search updates only after a recrawl.

Run a free favicon check

Scan your site for every favicon, touch icon, and manifest asset — and see exactly what's missing.

Check Your Favicon
How to Test & Check Your Favicon (Free Checker) | Favicon Tools | Favicon Tools