On-page & contentBeginner

Favicon

A favicon is a site's small icon, shown in browser tabs and next to results in Google Search, helping people recognize the site at a glance.

Also called: Favicon in search, Site icon

A favicon is the small square icon associated with a website. Browsers show it in tabs and bookmarks, and Google shows it next to the site name in search results. A clear, recognizable favicon helps a result stand out and builds brand recognition. Google has published requirements for favicons it shows in search, and it may show a generic icon if a site's favicon does not meet them.

Google's requirements

  • Declare it with a link rel="icon" element in the head of the homepage
  • Square (1:1 aspect ratio) and at least 8x8 pixels; Google strongly recommends larger than 48x48
  • A stable URL that does not change often
  • Crawlable by Googlebot-Image and Googlebot (not blocked in robots.txt)
  • Represents the brand and is not inappropriate
<link rel="icon" href="/favicon.svg" type="image/svg+xml" />
<link rel="icon" href="/favicon-48.png" sizes="48x48" type="image/png" />

Design tips

At small sizes, detail disappears. Use a simplified mark, often a single letter or symbol from the logo, with strong contrast. Check how it looks on both light and dark backgrounds, since search and browsers use both.

Updates take time

Google crawls favicons on its own schedule, so a new icon may take days or weeks to appear in results. You can request a recrawl of the homepage with URL Inspection in Search Console, but there is no guaranteed timeline.

Subdomains and multiple properties

SaaS companies often run docs, community and status pages on subdomains. Google's documentation describes how it handles favicons at the domain and subdomain level; check the current page for details. The safe approach is to declare the same brand favicon on every property's homepage so results from the docs or community site carry the same recognizable icon.

Example

A missing favicon after a migration

After moving to a new framework, hypothetical support tool Fernwharf's search results showed a generic globe icon. The new build served the favicon from a path blocked in robots.txt. Unblocking it and declaring it with a link element on the homepage restored the brand icon after Google recrawled.

Common mistakes

Using a full wordmark

A wide logo squeezed into a square becomes unreadable. Design a square mark for small sizes.

Questions

No. It affects how a result looks and how recognizable it is, not where it ranks.

Know the terms. Now win the searches.

We find the searches your buyers make, then build, publish and improve the pages that win them.