A favicon problem usually belongs to one of four categories: the icon is blurry, the browser cannot find it, an old version remains cached, or Google Search has not accepted or refreshed it. Treating every symptom as a conversion problem wastes time.
Root Causes and Fast Diagnosis
Blurry Icon
The source is too small, too detailed, or badly scaled. A full wordmark rarely survives at tab size. Rebuild from a simple square source and inspect at 16 and 32 pixels.
Missing Browser Favicon
The link element may point to the wrong path, the resource may return an error, or the format may not be served correctly. Open the favicon URL directly and inspect the page source.
Old Favicon Still Appears
Browsers and CDNs cache icons aggressively. Keep a stable production URL, but use a controlled cache-busting query during testing and clear local caches.
Missing From Google Search
Google requires a crawlable, square favicon at least 8x8 and recommends a source larger than 48x48. The URL should remain stable. Even after fixing it, refresh timing depends on crawling.
Google Search Favicon Checklist
| Check | Pass Condition |
|---|---|
| Shape | Square 1:1 source |
| Dimensions | At least 8x8; preferably larger than 48x48 |
| URL | Stable and crawlable |
| HTML | Valid icon link in the page head |
| Design | Recognisable at tiny size |
| Content | Appropriate representation of the site |
HTML and Resource Checks
A typical favicon declaration looks like:
<link rel="icon" href="/favicon.ico" sizes="any">PNG declarations can include a MIME type and size hint. The exact setup depends on your chosen format and platform. Confirm that the URL returns the expected image rather than an HTML error page.
Browser, CDN, and Search Cache Layers
A favicon can be correct on the server and still look outdated to you. The browser may retain an old icon, a CDN may continue serving the prior resource, and Google Search may not have revisited the page yet. Diagnose each layer separately instead of repeatedly replacing the file.
| Layer | Test | Response |
|---|---|---|
| Origin server | Open the favicon URL directly | Fix upload path or file if incorrect |
| CDN/cache | Compare response from another network or cache status | Purge or wait according to policy |
| Browser | Test private window or separate browser | Clear site data if needed |
| Google Search | Verify requirements and crawlability | Keep URL stable and allow recrawl time |
Fix a Blurry Favicon
- Return to a high-resolution logo or symbol source.
- Remove small text and fine detail.
- Center it on a square canvas.
- Use strong contrast and a safe margin.
- Create a proper ICO or suitable favicon image.
- Inspect it at actual tab size.
Test Tiny-Size Legibility
Large previews hide favicon weaknesses. Export or preview the symbol at 16 and 32 pixels, then view it at 100% scale. If the mark becomes an indistinct shape, simplify it. Remove thin strokes, tiny counters, gradients that collapse, and text that cannot remain legible.
- Use one recognisable symbol rather than a complete lockup.
- Maintain strong contrast against light and dark themes.
- Leave a small margin so the shape does not feel cramped.
- Compare the favicon beside other browser-tab icons.
- Test normal and high-density displays.
When the Problem Is Not the Favicon File
If the direct favicon URL works and the source is crisp, inspect page templates, redirects, robots rules, content-security restrictions, and theme settings. Some content-management systems inject their own icon declaration after your custom link. The last or more specific declaration may be the one browsers use.
Frequently Asked Questions
Browser, CDN, and search-engine caches can retain an older icon. Verify the resource first, then allow time for caches and crawling.
Tiny icon displays remove detail. Simplify the design and test an icon specifically at 16 and 32 pixels.
No. Google supports valid favicon formats, but the icon must meet its shape, size, URL, and crawlability requirements.
No. Google recommends a stable favicon URL. Use controlled testing methods, then retain a stable production location.
