In short
Yes. A favicon appears in browser tabs and bookmarks, on phone home screens, and, since Google began showing site icons in mobile results, next to your listing in search, where a missing or generic icon makes a result look less credible than its neighbours. It has no direct ranking effect. A modern setup needs only a few files: an SVG favicon, a 32-pixel ICO for legacy browsers, a 180-pixel Apple touch icon, and a web manifest with 192 and 512-pixel PNGs, all linked in the page head and served from stable URLs.
Where it shows up
The favicon started as the icon beside a bookmark in Internet Explorer in 1999, hence the name. It now appears in browser tabs, where it is the only way to identify a page among twenty; in bookmarks and history; on the home screen when a site is added to a phone; in the browser's new-tab shortcuts; in password managers and link previews; and, since 2019 on mobile and later on desktop, beside each result in Google search.
That last one changed its importance. A search result with a recognisable icon reads as an established site; a result with the default globe or a blank square reads as one that has not been set up. The icon does not affect where the result ranks, and it does affect whether it is clicked.
What Google requires
Google's documentation is specific. The favicon must be a multiple of 48 pixels square, with 48 by 48 the minimum, and it accepts SVG; it must be a supported format (ICO, PNG, SVG, GIF, JPEG); it must be linked from the homepage with a rel="icon" link, or placed at /favicon.ico; it must be crawlable, so not blocked by robots.txt; it must be stable, since Google fetches it infrequently; and it must not be inappropriate. The icon is associated with the whole site and refreshed when Google recrawls the homepage, which can take a while. Sites that change their favicon often wait days or weeks to see the new one in results.
The files actually needed in 2026
The era of generating thirty icon files is over. A complete, modern set:
| File | Purpose | Size |
|---|---|---|
| favicon.svg | Modern browsers; scales to any size, can adapt to dark mode | Vector |
| favicon.ico | Legacy browsers and tools that request /favicon.ico | 32×32 (optionally 16 and 48 inside) |
| apple-touch-icon.png | iOS home screen and Safari bookmarks | 180×180, no transparency, solid background |
| icon-192.png, icon-512.png | Android home screen and PWA install, via the web manifest | 192×192 and 512×512 |
| site.webmanifest | Declares the PNG icons and app name | JSON |
Linked in the head:
<link rel="icon" href="/favicon.ico" sizes="32x32">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">Browsers that understand SVG use it; older ones fall back to the ICO. This covers every current platform with five files.
Designing it
A favicon is the standalone mark at its smallest. A wordmark does not survive at 16 pixels; a simplified mark, a lettermark, or the first letter of the name in the brand's shape does. Test at 16 and 32 pixels on light and dark tab bars; details that vanish were never there. The SVG version can include a prefers-color-scheme media query so the icon inverts on dark tabs, which is a small courtesy that reads as care.
The Apple touch icon should have a solid background, since iOS rounds the corners and does not support transparency well. The manifest icons should include a maskable version with safe padding so Android can crop them into its adaptive shapes.
The mistakes
No favicon at all, so the browser shows a globe and Google shows a default. The most common state on small business sites and the easiest fix on this page.
A JPEG or a screenshot of the logo, blurry and with a white box.
Blocked by robots.txt or served from a path that returns 404, so Google cannot fetch it.
Different icons on different pages. Google associates one icon with the site from the homepage; consistency matters.
Cached forever. Browsers and Google cache favicons aggressively. After changing one, add a version query string to the link or rename the file, and expect Google to take its time.
Thirty files from a generator. Harmless but unnecessary; the set above is sufficient.
Checking yours in two minutes
Open the site in a browser and look at the tab: a globe or a blank square means no icon is being served. Search the business name on a phone and look at the result: the icon Google shows is the one it last fetched, and if it is a default, either the file is missing or Google has not seen it. Then request the icon URLs directly, the SVG, the ICO and the Apple touch icon, and confirm each returns the image rather than a 404 or a redirect. Finally, add the site to a phone home screen and check the icon that appears. Any of those four that fails is a line in the head or a missing file, and the whole set can be produced from a vector logo in under an hour.
Does it affect SEO?
Not rankings. Google has said the icon is not a ranking signal. It affects click-through rate, because it is part of how the result looks, and it affects whether returning visitors can find your tab and bookmark. For an afternoon's work, that is a good return, and it is one of the items on any site audit that is almost always quick to fix. If you would like the full icon set produced from your logo, book a call.
Common questions
Does a favicon affect SEO rankings?
No. Google has said the site icon is not a ranking factor. It does appear beside your listing in search results, where a recognisable icon makes the result look established and a missing or default one does not, which influences clicks rather than position. It also helps visitors identify your tab and bookmark.
What size should a favicon be?
Provide an SVG for modern browsers, a 32-pixel ICO for legacy ones, a 180-pixel PNG Apple touch icon, and 192 and 512-pixel PNGs in a web manifest for Android and app installs. Google requires the search icon to be at least 48 pixels square in a multiple of 48, which the SVG and the manifest PNGs satisfy.
Why is my favicon not showing in Google search results?
Usually because it is not linked from the homepage, is blocked by robots.txt, returns a 404, is smaller than 48 pixels, or has not been recrawled since it was added. Google fetches icons infrequently and caches them, so a correct setup can take days or weeks to appear. Check the file loads directly and the link tag is in the homepage head.
Can a favicon be an SVG?
Yes, and it is the best primary format: it scales to every size, is a tiny file, and can include a prefers-color-scheme rule so it adapts to dark browser tabs. All current browsers support SVG favicons; include a 32-pixel ICO as a fallback for older ones, and PNGs for iOS and Android home-screen icons, which do not use the SVG.
How do I change my favicon without the old one showing?
Browsers and Google cache favicons aggressively. Rename the file or add a version query string to the link tag so the URL changes, clear the browser cache to check locally, and expect Google to show the new icon only after it recrawls the homepage, which can take some time.
