Favicon

A favicon is the tiny icon that shows up in your browser tab next to the page title. You're looking at one right now. It's also the icon that appears in your bookmarks, your browsing history, and (increasingly) in Google search results on mobile.

The name "favicon" is short for "favorite icon," which dates back to when Internet Explorer used them for bookmarked pages. Today every browser uses them, and they've become a small but important piece of your website's identity.

Why It Matters for Your Business

A missing favicon is one of the quickest ways to make a website look unfinished. When someone has 15 tabs open and yours is the only one showing a generic blank page icon, it sticks out for the wrong reasons.

Google also displays favicons next to your site name in mobile search results. That means your favicon shows up before someone even visits your website. A clean, recognizable icon helps your result stand out among competitors.

It's a small detail, but small details add up. Professional-looking sites build trust, and trust drives conversions. A missing favicon sends a subtle signal that the website (and maybe the business behind it) isn't quite put together.

The Basics

Keep it simple. Favicons are tiny, typically 32x32 pixels. Detailed logos with text won't work at that size. Use a simple symbol, your brand's first letter, or a simplified version of your logo. Think about what's recognizable at the size of a pencil eraser.

Use the right format. The modern standard is a 32x32 PNG file, though many sites also include a 180x180 version for Apple devices and a 192x192 version for Android. ICO files (the old standard) still work everywhere. Most favicon generators create all the sizes you need at once.

Match your brand. Use your brand colors and a shape that relates to your business. If your logo is a blue house, your favicon should be a simplified blue house. Consistency between your favicon and the rest of your brand makes your site more recognizable.

Free tools make it easy. Sites like favicon.io and realfavicongenerator.net let you upload an image and generate favicons in every size and format you need. You can even type a letter and pick a font and color to create one from scratch. The whole process takes about 5 minutes.

Don't forget to add it. Once you have your favicon files, they go in the root of your website (the main folder) and get linked in the HTML of every page. Most website builders like WordPress, Squarespace, and Wix have a simple upload option in their settings. If your developer built your site, they can add it in a few minutes.

FAQ

Does a favicon affect SEO?

Not directly as a ranking factor, but it does affect visibility. Google shows favicons in mobile search results, and a recognizable icon can increase your click-through rate compared to the default globe icon. Anything that makes your search result more clickable indirectly helps your SEO performance.

What size should my favicon be?

The standard is 32x32 pixels for browser tabs. But you should also create a 180x180 version (for Apple touch icons) and a 192x192 version (for Android). Using a favicon generator tool handles all these sizes automatically. Start with a square image at least 512x512 pixels and let the tool scale it down.

Why does my website show a blank icon in the browser tab?

Your site is missing a favicon or the file path is wrong. Check if there's a favicon.ico file in the root folder of your website. If you're using a website builder, look in the site settings for a "favicon" or "site icon" upload option. If the file exists but still doesn't show, try clearing your browser cache. Browsers cache favicons aggressively, so changes can take a while to appear.