What Is a Favicon?
Updated 18 September 2026
Jump to section
A favicon, short for favorite icon, is the small square image a browser shows next to your website's name. It appears in the tab, the bookmarks bar, the history list, and increasingly in Google search results on mobile. It identifies your site at a glance. Google asks for a square of at least 8 by 8 pixels, and recommends larger than 48 by 48 pixels so it stays sharp.
Most people never think about the favicon, yet they rely on it every day to pick the right tab.
Where does a favicon appear?
A favicon appears anywhere a browser or search engine needs to represent your site in a small space. The common places are familiar once you look:
- The browser tab, next to the page title
- The bookmarks bar and the bookmarks menu
- The browsing history and autocomplete suggestions
- Google search results on mobile, beside your listing
- The home-screen icon when someone saves your site on a phone
Because it shows up in so many places, a favicon is often a visitor's first and most repeated sight of your brand, long before they read a word.
What size and format should a favicon be?
Google requires a favicon to be a square of at least 8 by 8 pixels. It recommends going larger than 48 by 48 pixels so the icon renders cleanly on different screens (Google Search Central, updated February 2026). Any valid favicon image format works.
The classic file is favicon.ico, placed at the root of your site, which browsers look for automatically. Modern sites also declare icons in the page code:
<link rel="icon" href="/favicon.png">
This lets you supply PNG or SVG versions, and larger sizes for high-resolution screens, part of building a properly responsive site.
| Format | Best for |
|---|---|
| ICO (favicon.ico) | Broad support, including older browsers |
| PNG | Sharp icons on modern browsers and screens |
| SVG | Scaling to any size without blur |
Why does a small icon matter?
A favicon matters because it does quiet work for recognition and trust, in the exact moments a visitor is scanning. In a row of a dozen open tabs, the favicon is how someone finds your site again.
The same applies in search and bookmarks. A clear, distinct icon helps your listing stand out on a crowded mobile results page, and makes a saved bookmark easy to spot later.
A missing or generic favicon has the opposite effect. A blank globe icon where a logo should be reads as unfinished, and small cues like that feed into whether a site looks trustworthy.
Common favicon mistakes
A few favicon mistakes are common enough to be worth naming, because each one is easy to fix:
- Using a detailed logo. Fine print vanishes at 16 pixels, so a favicon needs a simple, bold mark.
- Forgetting mobile search. If the icon is missing, Google shows a default instead of your brand.
- Not updating after a rebrand. The old logo lingers in the favicon long after the site changes.
- Serving it insecurely. A site on HTTPS should serve its favicon over HTTPS too, or browsers may skip it.
- Blocking the file. If your robots rules or hosting block the icon path, search engines cannot fetch it.
Getting these right takes minutes, and it is usually handled once when the site is built or moved to a new domain.
Frequently asked questions
Why is my favicon not showing in Google search?
Usually because Google has not recrawled your site yet, or the icon does not meet its requirements. Make sure the favicon is a square of at least 8 by 8 pixels, and that it is declared in your home page code. It must also be reachable by Googlebot, and not blocked by your hosting or robots rules. It can take a few days to appear after you add or change it.
What format should a favicon be?
Any valid favicon format works, so the practical choice is ICO, PNG, or SVG. The traditional favicon.ico still gives the widest browser support, while PNG and SVG look sharper on modern screens. Many sites use a small .ico plus a larger PNG. SVG is useful because it scales to any size without going blurry, so pick based on the browsers your visitors use.
Does a favicon affect SEO?
Not directly. A favicon is not a ranking factor, so it will not move your position in search results. What it affects is appearance and trust. On mobile, your favicon shows beside your search listing, so a clear icon can make your result easier to spot and click. That indirect lift on click-through is the closest a favicon gets to helping SEO.
What size should a favicon be?
Google asks for a square of at least 8 by 8 pixels and recommends larger than 48 by 48 pixels. In practice, supplying an icon of 48 by 48 pixels or bigger, in a format that scales, covers tabs, bookmarks, and search results. Avoid anything smaller than the minimum, since it will look rough on high-resolution screens.
How do I add a favicon to my website?
Place a favicon file at the root of your site, then declare it in your page code with a link tag such as the icon link shown above. Most website builders and content systems have a favicon setting that does this for you. After adding it, clear your browser cache to see the change, and give search engines a few days to pick it up.
Small details that make a site feel finished
Storming Solutions builds and maintains websites for Malaysian businesses, and we treat the small finishing touches, the favicon included, as part of a site that looks cared for. A missing icon is a tiny thing that quietly signals a bigger neglect.
Not sure your site has these details right? Ask us for a quick look on WhatsApp, or see what else shapes a trustworthy site, then talk to us about web development.