Why Your Favicon Isn't Showing in Google Search

A favicon that displays perfectly in a browser tab can still be absent from your Google result, because Google applies rules the browser does not. The size requirement is the one almost everybody misses.

By ZyffPublished 9 min read

The short version

  • Google needs a square icon whose size is a multiple of 48px. A 16/32-only favicon.ico is not eligible.
  • Declare sizes on each link element, so Google can see which icon meets the rule without fetching every one.
  • The icon URL and your home page must both be crawlable. A robots.txt rule blocking either one removes the favicon.
  • Favicons update on Google's own schedule, not on deploy. Expect days to weeks, and do not keep changing it meanwhile.
  • Ship both an ICO with several sizes for browsers and larger PNGs for Google and mobile home screens.

Google shows a small icon beside your site's name on mobile search results and in some desktop layouts. It is one of the few pieces of visual branding you get in a SERP, and it is chosen by a separate process from the one your browser uses for the tab icon. A site can therefore have a perfectly working tab favicon and no search favicon at all, which is why this problem is so common and so confusing to debug.

The requirement that catches the most sites is size. Google's documented guidance is that the icon it uses must be a square whose dimensions are a multiple of 48 pixels — 48x48, 96x96, 144x144, and so on. A traditional favicon.ico containing only 16x16 and 32x32 entries contains nothing eligible. It renders fine in the tab and is invisible in search, and no amount of waiting fixes it.

The rest of the causes are more mundane: the icon URL is not crawlable, the link element is missing or malformed, or the change is simply newer than Google's next visit. Work through them in the order below, because the size problem is both the most likely and the only one you cannot detect by looking at your own site in a browser.

The 48-pixel rule, and why an ICO usually fails it

Google states that the favicon it selects should be a square with dimensions that are a multiple of 48 pixels. The reason is practical rather than arbitrary: it renders the icon at a size that needs more detail than 16 pixels can carry, and it would rather skip a site's icon than display a blurry upscale of one.

This is where the classic favicon.ico falls down. An ICO file is a container holding several images at different sizes, and the conventional recipe — the one most generators still produce and most tutorials still recommend — packs 16x16 and 32x32, occasionally 48x48. Neither 16 nor 32 is a multiple of 48. If those are the only entries, there is nothing in the file Google will use, and because browsers pick the 16 or 32 happily, nothing looks broken from where you are standing.

The fix is to make sure at least one eligible icon exists and is declared. A 48x48 entry inside the ICO satisfies the letter of the rule; a separate 96x96 or 192x192 PNG is a better answer, because it also serves mobile home-screen shortcuts and looks correct where Google renders larger.

Declare sizes explicitly in the head

Google reads the link elements in your document head to find candidate icons. Each candidate should carry a sizes attribute, because that is how a crawler knows which file meets the multiple-of-48 rule without fetching and measuring all of them. A bare link with no sizes attribute is a candidate with unknown dimensions.

This is also why the convenience conventions some frameworks offer can work against you. Dropping an icon file into a magic path gets you a link element, but frequently one without a sizes attribute, and there is no way to add one because the file name is the entire configuration. Declaring the icons explicitly — a link per size, each with its own sizes value — is more verbose and is the version that works.

A minimal set that covers browsers, Google and mobile home screens is a multi-size ICO at the root, plus PNGs at 48, 96, 192 and 512 pixels. The 48 is for Google, the 192 and 512 are what Android uses for an installed shortcut, and the ICO is what older browsers and Windows expect.

  • One link element per icon, each with a sizes attribute.
  • At least one square icon at a multiple of 48: 48x48, 96x96, 144x144 or 192x192.
  • Keep favicon.ico at the site root — some clients still request that path directly, without reading your head.
  • Reference the same icons from your web app manifest, and make sure every size it claims really exists in the file.

Make sure the icon is actually crawlable

Google has to fetch two things: the page carrying the link elements, and the icon itself. A robots.txt rule that blocks either one removes your favicon from search, and this happens more often than you would expect — a Disallow on an assets or static directory is a common way to accidentally block every icon on a site.

The home page matters specifically. Google associates one favicon with a whole site and normally takes it from the home page, so a home page that is blocked, redirecting oddly, or returning anything other than a 200 can cost you the icon sitewide even when individual pages are fine.

Check the fetched icon serves a sensible content type and a 200 status directly, with no redirect chain. Then use Search Console's URL inspection on your home page to confirm Google sees the head you think it does — a client-rendered head is a head a crawler may see empty, which is the same failure in a different costume.

Design for 16 pixels, not for your logo

A favicon is displayed somewhere between 16 and 48 pixels. A full wordmark scaled into that space becomes a grey smudge, and a detailed logo becomes noise. The icons that read well at that size are a single letter, a simple mark, or one recognisable shape, with high contrast against both light and dark backgrounds.

Two practical points follow. First, generate the icon from a large, clean square master — ideally vector — rather than from a small raster, because every size is downscaled from that master and detail you never had cannot be invented. Second, check it on a dark background as well as a light one: an icon with a dark outline and a transparent interior disappears entirely in a dark-mode tab strip.

Padding matters too. Browsers do not add any, so a mark that fills its square edge to edge looks cramped beside icons that leave a small margin. Around 10% clear space on each side is a reasonable default.

Then wait, and resist changing it again

Favicons are cached aggressively and re-crawled on Google's schedule rather than yours. Days is normal, and a few weeks is not unusual for a low-traffic site. There is no way to request a favicon refresh specifically; requesting indexing on the home page is the closest available nudge.

The trap here is impatience. Changing the icon again resets the clock and makes it impossible to tell which version Google was evaluating, so a site can spend months in a loop of edits with nothing to show. Once you have verified the size rule, the link elements and the crawlability, stop touching it — those three are the entire checklist, and everything after them is waiting.

Try it on Favicon Size Generator

Free, no signup, no watermark. Runs on Zyff’s servers, so you get the same result on a phone as on a desktop.

Open the tool

How to fix a favicon that is missing from Google search

  1. Check the sizes you actually ship

    Open your existing favicon and list what is inside it. If the only entries are 16x16 and 32x32, that is the problem — nothing in the file is a multiple of 48, so Google has no eligible icon to use.

  2. Generate a full set from one square master

    In Zyff's favicon maker, upload a square image at 512px or larger, ideally with a transparent background. It writes a multi-size ICO alongside PNGs at the sizes browsers, Google and mobile home screens each expect, all downscaled from the same master.

  3. Include at least one multiple of 48

    Keep the 48px entry in the ICO and export PNGs at 96 and 192 as well. That covers Google's requirement twice over and gives Android a usable icon for an installed shortcut.

  4. Declare each icon with a sizes attribute

    Add one link element per icon in your document head, each with rel, type and sizes. Do not rely on a framework convention that emits a link without sizes — a crawler then has to guess which file qualifies.

  5. Verify both URLs are crawlable

    Request the icon URL directly and confirm a 200 with an image content type and no redirect chain. Then check robots.txt does not block the icon's directory or your home page, since Google takes the sitewide favicon from the home page.

  6. Inspect the home page, then wait

    Use Search Console's URL inspection on your home page to confirm the rendered head contains your icon links. Then leave it alone — re-crawling takes days to weeks, and changing the icon again restarts the process.

At a glance

Google's requirementSquare, with dimensions a multiple of 48px
ICO sizes available16, 24, 32, 48, 64, 128, 256
PNG sizes available16, 32, 48, 64, 96, 128, 144, 192, 256, 512
Recommended sourceSquare, 512px or larger, transparent background
Upload ceiling25 MB
PriceFree, no account needed

Frequently asked questions

Why is my favicon not showing in Google search results?

The most common reason is size: Google needs a square icon whose dimensions are a multiple of 48 pixels, and a traditional favicon.ico containing only 16x16 and 32x32 entries has nothing eligible. Other causes are a missing or size-less link element in the head, a robots.txt rule blocking the icon or the home page, and simply not having been re-crawled yet.

What size should a favicon be for Google?

A square at any multiple of 48 pixels — 48x48, 96x96, 144x144 or 192x192. Shipping several is better than one: keep a 48px entry inside the ICO for compatibility, and export 96px and 192px PNGs, which also cover mobile home-screen shortcuts.

How long does Google take to update a favicon?

Days to a few weeks, depending on how often your site is crawled. There is no way to request a favicon refresh directly; requesting indexing on your home page is the nearest thing. Avoid changing the icon while you wait — it resets the process and you lose track of which version was being evaluated.

Do I still need a favicon.ico file?

It is still worth having at your site root. Some clients request /favicon.ico directly without reading your document head, so the file catches those, and an ICO can hold several sizes in one request. It should not be your only icon though, because the sizes conventionally packed into one do not satisfy Google's rule.

Can I use a PNG or SVG as my favicon?

Yes. PNG is well supported and is the right format for the larger sizes Google and mobile home screens use. SVG works in current browsers and scales perfectly, but support is not universal and Google's guidance is framed around raster sizes, so ship PNG and ICO alongside it rather than SVG alone.

Why does my favicon look blurry or invisible?

Blurry usually means it was upscaled from a small source — generate every size from a square master of 512px or more. Invisible usually means contrast: an icon with dark strokes and a transparent background vanishes in a dark-mode tab strip. Check it against both a light and a dark background before shipping.

Does the web app manifest affect my search favicon?

Indirectly. The manifest's icons are used for installed shortcuts and are another place Google may look, so they should point at files that really exist at the sizes claimed. A manifest advertising a 48x48 entry that is not actually present is a common and silent mismatch.

Sources and further reading

More guides