Free tools Windows power users keep installed
One-click scans. No signup required.
A favicon is the small icon associated with a website or page. Browsers use it in interface surfaces such as tabs and bookmarks, while Google may show it beside a result’s site name and visible URL. A clear favicon helps people recognize your site as they scan, but it is a visual attribution cue—not evidence of a ranking boost—and Google does not guarantee that it will appear.
What a favicon is and why it appears in search
A favicon (short for “favorite icon”) is an image declared as an icon resource for a web document. The declaration normally appears in the document’s <head> with a <link rel="icon"> element. Browsers can use that resource in their user interface, including tabs, bookmark lists and other browser-specific surfaces. The HTML Standard also describes a browser request for /favicon.ico relative to a document URL when an explicit icon is not otherwise supplied. WHATWG HTML Standard: Links
As an Amazon Associate I earn from qualifying purchases.
Google treats a favicon as part of the visual attribution attached to an organic Search result. In the result presentation, it can appear alongside the site name and visible URL, giving a recognisable visual cue while someone scans a page of results. Google’s visual-elements documentation describes this as an attribution element, not as a ranking signal. Google Search visual elements gallery
That distinction matters. The available guidance establishes eligibility and appearance rules, but it does not establish that a favicon improves rankings or produces a measured increase in click-through rate. A well-designed icon can make your listing easier to recognise, especially when a person has seen your brand before, but it cannot compensate for an unclear title, misleading description or poor page experience.
#1 Best Overall
- Comes with secure packaging
- It can be a gift item
- Easy to read text
How Google uses a favicon in Search
The homepage declaration Google reads
Google’s implementation guidance is to place an icon link in the homepage’s HTML head. The basic form is:
<link rel="icon" href="/path/to/favicon.ico">The href may be a relative or absolute URL. Google says the image does not have to be hosted on the same server as the homepage, so a stable CDN URL can be used. The standard icon relation is the clearest default; Google also supports the historical shortcut icon value. Google Search Central: Define a Website Favicon for Search Results
Hostname scope, not directory scope
Google defines the Search favicon’s site scope by hostname. A hostname can have one favicon for Search, while a subdomain can have its own. For example, example.com and news.example.com may qualify for different icons. A directory does not create a separate Search site: example.com/news shares the hostname-level favicon with example.com. This is important for publishers who want a different icon for a section of a site; changing only the directory path cannot establish a separate Google Search favicon under this guidance. Google’s favicon implementation guidance
Eligibility is not a display guarantee
Google explicitly warns: “A favicon isn’t guaranteed to appear in Google Search results, even if all guidelines are met.” Google Search Central Meeting the technical requirements makes a site eligible; Google can still omit the icon or use a different presentation.
Google’s technical requirements
| Requirement | What to implement | Qualification |
|---|---|---|
| Relationship | Declare an icon with <link rel="icon" href="..."> in the homepage head. |
The URL can be relative or absolute and may be on a CDN. |
| Scope | Plan one Search favicon per hostname. | Subdomains may have separate icons; subdirectories cannot define a separate one for Search. |
| Shape | Use a square image with a 1:1 aspect ratio. | Non-square artwork does not meet the stated shape requirement. |
| Dimensions | Use at least 8×8 pixels; Google recommends an image larger than 48×48 pixels. | The 8×8 figure is a minimum, while greater than 48×48 is a recommendation for better appearance across surfaces. |
| Formats | Google lists BMP, GIF, ICO, PNG, JPEG, PPM and TIFF. | This list describes Google Search guidance, not a promise that every browser handles every format identically. |
| Crawl access | Allow Googlebot to crawl the homepage and Googlebot-Image to crawl the icon file. | Robots rules, authentication or server errors can prevent processing. |
| URL stability | Keep the favicon URL stable. | Changing the path repeatedly creates additional discovery and processing work. |
| Content | Use an appropriate, brand-representative image. | Google may replace an icon it considers inappropriate, including pornography or hate symbols, with a default icon. |
These requirements and recommendations come from Google’s favicon documentation. A practical choice is a square PNG or ICO at a comfortably larger resolution than the minimum, while retaining a simple design that remains recognisable when rendered very small.
How to add a favicon to a website
1. Prepare a square source image
Start with a square artwork file. Keep the mark legible at tiny sizes: a single letter, symbol or simplified logo generally survives reduction better than fine text or a detailed illustration. Export a file at more than 48×48 pixels so the browser and search surfaces have enough source resolution. The Google minimum is 8×8 pixels, but designing only to that minimum leaves little room for sharp rendering.
2. Put the file at a stable URL
Upload the icon to a permanent URL, such as https://example.com/assets/favicon.png or a stable CDN address. Avoid generating a new filename for every redesign. If you do change the file, retaining the same URL can simplify cache invalidation and recrawling; ensure the server returns the current image with a successful response.
Crashes, No Sound, or Screen Glitches?
Random freezes, missing sound and display glitches usually trace back to one bad driver. Find and replace yours safely.Free scan · under a minuteWindows Errors? Fix Them Before They Spread
Repair common Windows errors and clear accumulated junk for a smoother, more stable PC - no reinstall needed.Free scan · no reinstall3. Add the link in the homepage head
Insert the declaration between <head> and </head> on the homepage:
<link rel="icon" type="image/png" href="/assets/favicon.png">The type attribute identifies the resource’s MIME type and can help a browser evaluate candidates. If the file is an ICO, use a matching URL and server configuration. The HTML icon relation is the normal form documented by MDN’s rel reference.
4. Check crawlability
- Open the homepage without being logged in and confirm the link appears in the delivered HTML, not only in a browser console after a client-side action.
- Open the icon URL directly and confirm it returns the image with a successful HTTP response.
- Check that robots rules, firewall controls and authentication do not block Googlebot from the homepage or Googlebot-Image from the image.
- Keep the URL and content stable while Google processes the change.
5. Allow processing time and request recrawling when appropriate
Google says recrawling and processing can take several days to several weeks, depending on its systems. After confirming the implementation, a site owner can request homepage indexing through Search Console’s URL Inspection tool. A request is a prompt to recrawl, not a command that guarantees immediate display. Google Search Central
Rank #3
- Used Book in Good Condition
How browsers decide which favicon to use
The link element supplies candidates
A linked icon gives the browser a candidate resource for the current document. It does not force every browser and platform to display that image in exactly the same place. MDN describes rel="icon" as a resource representing the page in the user interface. MDN: rel HTML attribute
Recommended Free Tools
Multiple declarations can be selected by metadata
When a page declares more than one icon, browsers can use the candidates’ media, type and sizes attributes to choose an appropriate resource for the current context. For example:
<link rel="icon" type="image/png" sizes="32x32" href="/icons/favicon-32.png">
<link rel="icon" type="image/png" sizes="192x192" href="/icons/favicon-192.png">Selection is browser- and platform-dependent. A browser may prefer a supported type or a size that fits the surface; another may use a different candidate or cache an earlier result. The selection behavior and attributes are documented in MDN’s rel reference and the <link> element reference.
Where the icon may appear
Common browser surfaces include open tabs and bookmark interfaces. The exact set varies by browser and operating system. MDN’s metadata guide discusses icons in tabs and bookmarks, while its favicon glossary notes that many modern browsers show a separate HTTPS-status image in the address bar instead of the favicon. Therefore, “the browser uses the favicon” does not mean that every address bar, tab, bookmark view or mobile launcher will show the same file. MDN: Web page metadata MDN: Favicon glossary
The /favicon.ico fallback
Even without an explicit declaration, browsers can automatically request /favicon.ico relative to the document URL. The HTML Standard describes this fallback behavior. Some platforms also request platform-specific files such as apple-touch-icon for their own contexts, so do not assume that one filename or request pattern applies to every browser and device. WHATWG HTML Standard MDN: The <link> element
Rank #4
- Used Book in Good Condition
Why your favicon is not showing in Google Search
The icon is not crawlable
Google needs to crawl both the homepage and the icon file. A blocked image URL, an authentication wall, a disallowed robots rule or a server error can prevent eligibility. Test the exact URL in a browser and inspect the delivered response; do not rely only on what appears in your local tab.
The file or declaration does not meet the guidance
Check that the image is square, at least 8×8 pixels, uses one of Google’s listed formats and is referenced from the homepage head. Verify that the href points to the intended file rather than a stale path or a redirect chain that no longer works.
The hostname assumption is wrong
If you changed an icon under example.com/news while expecting that directory to have its own Search icon, Google will still treat the hostname’s favicon as the site-level choice. A subdomain such as news.example.com is a separate hostname and can qualify independently.
Google is still processing the change
Search updates can take days or weeks. Requesting a recrawl through URL Inspection can help Google discover the updated homepage, but it cannot force a display. Cached results may continue showing an earlier icon during processing.
Quick wins for a faster PC:
Repair Windows errors before they cause bigger problemsFix Now →Fix the driver behind crashes, sound loss and screen glitchesFind Drivers →Google chose not to display it
Even a technically correct, crawlable favicon may not appear. Google’s no-guarantee statement is an explicit part of its documentation, so absence alone does not prove that your implementation is broken. Google Search Central
Design and implementation decisions that prevent common problems
- Design for reduction: remove tiny text and unnecessary detail so the mark remains recognisable in a small tab or result attribution.
- Keep one canonical URL: use a stable path and update the file at that path when practical.
- Declare a clear default: place one standard
rel="icon"declaration in the homepage head before adding additional candidates. - Use metadata deliberately: add
typeandsizeswhen you publish multiple resources, allowing browsers to evaluate the candidates. - Separate browser expectations from Google expectations: a file that works in a tab is not automatically eligible for Search, and Google’s accepted format list does not guarantee identical support on every platform.
- Do not treat the favicon as an SEO shortcut: the documented benefit is recognisability and visual attribution; no supplied evidence establishes a ranking or traffic increase.
Favicon facts at a glance
| Question | Answer |
|---|---|
| What does it do in a browser? | It supplies an icon resource that browsers commonly use in tabs and bookmark interfaces, subject to browser and platform behavior. |
| What does it do in Google Search? | It may appear as a visual attribution cue beside the site name and visible URL. |
| Does it improve rankings? | The documented material establishes no ranking benefit. |
| Can every folder have its own Search favicon? | No. Google’s Search scope is the hostname; subdirectories share the hostname-level icon. |
| What is Google’s minimum size? | At least 8×8 pixels, square; Google recommends more than 48×48 pixels. |
| Will Google always show it? | No. Google says display is not guaranteed even when all guidelines are met. |
Sources and standards
Implementation and Search eligibility: Google Search Central: Define a Website Favicon for Search Results. Search-result attribution context: Google Search visual elements gallery. Browser and HTML behavior: WHATWG HTML Standard: Links, MDN: rel HTML attribute, MDN: The link element, MDN: Web page metadata and MDN: Favicon glossary.
Quick Recap
Product prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on Amazon at the time of purchase will apply.
