Website Favicon: The Tiny Square Doing Your Homepage’s Job

Search for almost any business on your phone and look at the left edge of each result. There’s a tiny square next to every site name. Most businesses have their logo there. Some have a blank gray globe, which is the internet’s way of saying “nobody’s home.”

That little square is called a favicon. It’s about the size of a grain of rice, and it’s doing more work than half the stuff on your homepage.

The short version

• A favicon is the small icon in browser tabs, bookmarks and Google’s search results. Missing one makes your site look unfinished next to competitors.
• Google wants it square, at least 8×8 pixels, and recommends going bigger than 48×48 so it stays sharp.
• Most favicon problems come from a blocked file, a wonky shape or an icon that’s just your full logo crammed into a postage stamp.

What is a website favicon, and where does it show up?

A favicon is the small square icon that represents your website in browser tabs, bookmarks, phone home screens and search results. It’s the visual version of your name tag.

On a phone, Google shows it right next to your site name in organic results. So before anybody reads your title, they’ve already seen your icon (or the sad gray globe where your icon should be). On a laptop, it’s the only thing identifying your tab when someone has 23 tabs open, which is everyone.

I check favicons on every site audit, and the pattern is always the same: the logo got made, the website got built, and the favicon fell through the cracks between the two. Nobody’s fault exactly. Just a little detail that slipped, and now it’s slipping in front of every searcher.

Does a favicon actually matter for SEO?

Not as a ranking factor, no. Nobody climbs to the top of Google because of a great 48 pixel icon. But it absolutely matters for clicks.

Think about how people scan a page of results. They’re skimming, not reading. A crisp, recognizable icon says “real business, actually maintained.” A blank globe says “this site was built in a weekend and abandoned by Sunday.” Same ranking, different click. And a click you lose to the plumber with the nice little wrench icon is a click that pays his bills instead of yours.

It also ties into the bigger trust picture. If your Google Business Profile, your social accounts and your website all use the same mark, people (and search engines) connect the dots faster. I wrote about that same idea for names and phone numbers in my post on NAP consistency. Your icon is the visual cousin of that.

What size should a favicon be for Google?

Square, at least 8×8 pixels, and ideally larger than 48×48. That’s straight from Google’s own favicon guidelines, which also say the icon should be visually representative of your brand.

Here’s where people get into trouble. They take their wide horizontal logo, the one with the business name in a fancy script plus a tagline, and shrink it into a square. The result looks like an ant wrote your name on a Tic Tac. Unreadable. Kind of embarrassing.

A good favicon is usually just one piece of your brand: the initial, the symbol, the little icon part of the logo. One shape, strong contrast, no tiny words. If you squint and can still tell what it is, you’re in good shape.

Google’s page lists the file formats it supports, and PNG and ICO are on it. I stick with those for the search result version, then add an Apple touch icon so it looks right when someone saves your site to their iPhone home screen.

Why isn’t my favicon showing in Google?

Usually because Google can’t get to it, can’t use it, or hasn’t gotten around to it yet. It’s rarely a mystery once you check the right places.

The usual suspects I find:

• It’s blocked. Google says its crawler has to reach your home page and its image crawler has to reach the favicon file itself. A robots.txt rule or a security plugin that’s a little too enthusiastic can quietly block it.
• It’s not square. A stretched rectangle doesn’t qualify.
• It lives in the wrong spot. Google supports one favicon per hostname, set from the home page. A favicon tag that only exists on your blog or a subfolder doesn’t count.
• The URL keeps changing. Google asks for a stable favicon URL. Some site builders rename the file every time you save, which is a pain in the ass for everyone involved.
• Google just hasn’t recrawled yet. Its docs say this can take anywhere from several days to several weeks.

That last one is the hardest for business owners, because there’s nothing to do except wait. You fix it on Monday, refresh Google on Tuesday, and it’s still the gray globe. That’s normal. You can ask Google to recrawl your home page with the URL Inspection tool in Search Console, which helps a little, but patience is still part of the deal.

How do I add or fix a favicon on my website?

Most platforms have a setting for it, and that’s the easiest route. WordPress calls it the Site Icon, tucked in the customizer or site editor. Shopify, Squarespace and Wix all have a favicon upload spot in their settings too.

Under the hood, it’s one line in the head of your home page: a link tag with rel set to icon, pointing at your image file. If you’re on a custom build, that’s all the browser and Google need.

Then check the stuff people skip:

Open your site in a new tab and look at it. Look at it in dark mode too, because a black icon on a dark browser tab basically disappears. Save the site to your phone’s home screen and see if it shows your icon or a blurry screenshot of your header. And search your business name on your phone a few weeks later to see what Google picked up.

If your web person built the site and never set one, that’s not the end of the world. But it’s a decent hint about what else might have been skipped. (Ask me how I know. Actually, don’t. It’s a long list.)

Questions people ask

Can I use my full logo as a favicon?

You can, but you probably shouldn’t. Full logos with words get crushed at that size. Pull out the symbol or initial instead and keep it simple.

Should my favicon match my Google Business Profile logo?

Ideally, yes. Using the same mark across your site, profile and social accounts makes you easier to recognize everywhere people search for you, including in AI answers that pull from all of those places.

Do I need a different favicon for every page?

No. Google supports one favicon per site hostname, set on the home page. Every page on that site shares it, which is one less thing to worry about.

The tiny detail that says you’re open for business

A favicon won’t make or break your business. But it’s one of those little details that tells people somebody actually cares about this website, and that’s worth five minutes and a decent square image. If your site has a gray globe, a squished logo, or other things you suspect got skipped along the way, that’s the kind of cleanup I handle all the time through my web design and care services. Tell me what’s going on at start a project and I’ll take a look. No gray globes on my watch, damn it.