Blog

What is a favicon?

A technical reference to favicon locations, ICO, PNG and SVG, HTML declarations, Google Search eligibility and recrawl troubleshooting.

Short answer

What does a favicon do?

A favicon is the small icon that identifies a website in browser tabs, bookmarks and other browser surfaces. Google can also show it beside a site’s search result. The browser discovers it through HTML link declarations or a conventional icon location; Google applies its own crawlability, image and site-level eligibility requirements.

Updated

Arisha — Content writer, DigeeSellReviewed by Nivesh BabbarPublished 2026-10-21 · Updated

Where does a favicon appear, and is it the same as a logo?

A favicon often appears beside the page title in a browser tab, in bookmarks and in browser history. Google uses site icons in search-result presentation, including mobile results, to help people recognise the source. The interface can vary, and a compliant favicon is not guaranteed to appear in every result.

A logo is a broader brand asset; a favicon is an icon designed for a tiny square. A full wordmark can become illegible at tab size. A simple mark with clear contrast is usually more recognisable. Inspect it at 16×16 and 32×32 rather than judging only a large export. A home-screen touch icon and an installed web-app icon are related assets, but their declarations and uses differ.

Should you use ICO, PNG or SVG in 2026?

ICO is a useful compatibility fallback because one file can contain multiple raster sizes. PNG provides explicit pixel dimensions and transparency. SVG stays sharp when scaled and works as a favicon in supporting browsers, but browser support and Google Search support are separate questions.

The current Google Search Central favicon page lists BMP, GIF, ICO, PNG, JPEG, PPM and TIFF as supported formats. SVG is not in that list. Use a crawlable PNG or ICO for Search eligibility rather than assuming that an SVG visible in a browser tab will also be used by Google. Providing both a raster fallback and an SVG is reasonable; different consumers select from the declarations.

An ICO containing 16×16, 32×32 and 48×48 representations covers familiar browser sizes. A separate 96×96 PNG is a practical Search-oriented asset. These are implementation choices, not a demand that every site ship every file type.

Which favicon sizes actually matter?

The often-repeated ‘Google requires a 48×48 minimum’ is outdated. Its current documented minimum is a square image of at least 8×8 pixels, with a recommendation to use an image larger than 48×48 for quality on different surfaces. A 96×96 PNG is a sensible choice. Do not confuse a recommendation with an eligibility threshold.

A large source image does not rescue an intricate design. Test the actual small rendering and keep the file compact. The dimensions below describe different consumers; the 180, 192 and 512 sizes are not requirements for a Google Search favicon.

Common icon sizes and their different uses
SizeTypical useRequirement or recommendation?
16×16 / 32×32Browser tabs and small desktop UI; useful representations inside ICO.Practical browser targets, not a complete Search specification.
48×48Traditional raster favicon size.Not Google’s current minimum; Google recommends larger than this.
96×96High-quality raster favicon candidate for Search and browsers.Practical choice meeting Google’s square/minimum guidance.
180×180PNG apple-touch-icon for Apple home-screen use.Common Apple-oriented target, not a Search requirement.
192×192 / 512×512Web-app manifest icons for installation contexts.Separate app-install assets, not a replacement for rel=icon.
SVG, sizes=anyScalable icon for supporting browsers.No fixed raster size; not listed in Google’s current supported Search formats.

How do you declare a favicon in HTML?

Place the declarations in the document head. Google discovers the site favicon from the homepage, so changing only an article page is not enough. The paths in this example are illustrative filenames, not files this article installs. Export and serve those files before copying the declarations.

The sizes attribute describes the file’s actual dimensions; it does not resize the image. Use sizes=any for a scalable SVG. The type attribute helps the consumer choose a format. Relative or absolute href values can work. A conventional /favicon.ico fallback remains useful for clients that request it automatically.

<!-- Inside the homepage <head>; serve each referenced file -->
<link rel="icon" href="/favicon.ico" sizes="16x16 32x32 48x48">
<link rel="icon" href="/favicon-96.png" type="image/png" sizes="96x96">
<link rel="icon" href="/favicon.svg" type="image/svg+xml" sizes="any">
<link rel="apple-touch-icon" href="/apple-touch-icon.png" sizes="180x180">

What are Google’s documented favicon requirements?

Google Search Central says the image must be square, at least 8×8 pixels, visually representative of the site and in a supported format. It recommends a size larger than 48×48. The favicon URL should remain stable. Google can replace inappropriate imagery with a default icon and does not promise display even when every guideline is met.

Googlebot must be able to crawl the homepage, and Googlebot-Image must be able to crawl the icon. A public HTML declaration pointing to an image blocked by robots rules does not satisfy that requirement. Authentication, inaccessible files and delivery errors also prevent the crawler from obtaining the intended asset.

Search supports one favicon per site, defining a site by hostname. A separate subdomain can have its own favicon; a subdirectory cannot request an independent Search favicon. For example, a language folder shares its hostname’s site icon. This is about search-result presentation, not a documented ranking advantage.

Why does a favicon appear in the browser but not in Google?

A browser may use a cached asset, a page-specific declaration or an SVG that Search does not list as supported. Google may still have an older icon or may not have processed the current homepage. Start with the declared file and crawler access rather than repeatedly changing filenames.

Troubleshooting a missing or stale Search favicon
Symptom or checkWhat to inspectNext action
No icon declaration on the homepageThe server-delivered homepage head, not just one inner page.Add or correct rel=icon on the homepage.
Icon URL fails to loadHTTP response, access controls, redirects and actual image content.Serve an accessible image rather than an error page.
Crawler is blockedHomepage Googlebot access and image Googlebot-Image access.Resolve the blocking rule and retest access.
Wrong shape, too small or unsupported formatActual file dimensions and format, not only HTML attributes.Use a square PNG or ICO; a 96×96 PNG is a practical candidate.
Old icon still appearsBrowser/CDN caching and whether Google has recrawled the homepage.Check cache delivery; request homepage indexing and allow processing time.
Trying different icons for foldersWhether the URLs share the same hostname.Use one Search favicon per hostname, not per directory.

How long does Google take to pick up a new favicon?

Google’s documented range for recrawling and processing the new homepage information is several days to several weeks. It is not a fixed refresh deadline. The frequency depends on when its systems determine that content needs refreshing. URL Inspection can request indexing of the homepage, but it does not force immediate recrawling or guarantee a favicon change.

Keep the favicon URL stable instead of renaming the file every day. Confirm that the updated bytes reach a fresh browser request and that the homepage points to the intended asset. Browser cache freshness and Google’s processing schedule are separate: fixing one does not prove the other has updated.

Which documentation is this reference based on?

Google Search Central, ‘Define a favicon to show in search results’, is the source for hostname scope, supported Search formats, the 8×8 minimum, the larger-than-48×48 recommendation, crawler access and the several-days-to-several-weeks guidance. MDN Web Docs, ‘The External Resource Link element’, explains rel=icon, type and sizes, including scalable SVG browser declarations.

web.dev, ‘Icons & browser colors’, provides browser and home-screen icon context. The 96×96 PNG choice and the troubleshooting order here are practical implementation recommendations, not additional Google requirements. Platform documentation can change; this reference separates current eligibility rules from conventional export sizes.