What Is a Favicon? Explained Simply

What a favicon is

A favicon, short for 'favorite icon,' is the small image associated with a website that appears in places like browser tabs, bookmarks, and history. It is that tiny logo or symbol you see next to a page's title in your tab bar. Though small, the favicon is an important part of a website's identity, helping people recognize and find a site at a glance. Nearly every professional website has one, and its absence is quite noticeable.

Where favicons appear

Favicons show up in several places across your browsing experience. The most familiar is the browser tab, where the favicon sits beside the page title, helping you tell your open tabs apart, especially when you have many open. They also appear next to bookmarked sites, in your browsing history, and sometimes in search results and when a site is saved to a phone's home screen. Everywhere a site needs a compact visual identifier, the favicon does the job.

Why favicons matter

Despite their small size, favicons matter for both usability and branding. For usability, they make it much easier to identify a site among a row of tabs or a list of bookmarks, you recognize the icon faster than reading text. For branding, a distinctive favicon reinforces a site's identity and lends a professional, polished impression. A missing or generic favicon, by contrast, can make a site feel unfinished. Small as it is, it contributes to how a site is perceived.

How favicons work

A website provides a favicon by including a small image file and telling the browser about it, typically through a line in the page's HTML that points to the icon. When you visit, the browser fetches this image and displays it in the appropriate places. Modern sites often provide the icon in several sizes and formats, so it looks sharp whether shown as a tiny tab icon or a larger home-screen icon on a phone. The browser picks the appropriate one for each context.

Favicon best practices

A good favicon is simple and recognizable even at very small sizes, since it may be displayed just a few pixels wide. Bold, clear designs, often a simplified version of a logo, work best; intricate detail gets lost when shrunk. Providing the icon in multiple sizes ensures it looks good everywhere. These small touches reflect attention to detail, and getting the favicon right is a simple way to make a website feel complete and professional.

Why it matters

The humble favicon is a small but meaningful part of the web, aiding recognition and reinforcing a site's identity in tabs, bookmarks, and beyond. Understanding it explains that little icon you see countless times a day and why websites bother with it. For anyone building a website, the favicon is an easy but worthwhile detail; for everyone else, it is a nice bit of insight into how the web's visual polish comes together.

Related on Skillo

See also: What is HTML? Explained simply, What is a URL? Explained simply.

Sources

• Favicon - Wikipedia

Published date reflects the original event date (2024-02-27). This article is original Skillo editorial written from the sources above; facts were verified in September 2026.