Favicon

A favicon is the small icon that represents a website in browser tabs, bookmarks, browsing history, and search results. Usually a tiny square image, often just sixteen or thirty-two pixels on a side, it acts as a miniature emblem for a brand. When a visitor has many tabs open, the favicon is frequently the only thing distinguishing one site from another at a glance. Despite its small size, it plays an outsized role in recognition, helping people find and return to a site quickly.

Technically, a favicon is an image file that a website declares in the head of its HTML so browsers know which icon to display. Historically it used the ICO format, which can bundle several sizes in one file, but modern sites also use PNG and SVG images, and they often provide multiple versions for different contexts. Larger variants serve as touch icons when a site is saved to a phone's home screen, and specific sizes appear in bookmarks or when a page is pinned. Because the icon is rendered so small, effective favicons are simple and high in contrast, frequently a single letter, monogram, or a stripped-down version of a logo that remains legible at tiny dimensions.

The word is a blend of favorite and icon. It was introduced with Internet Explorer 5 in 1999, when the small image appeared beside a site that had been bookmarked, then called a favorite. Originally the browser looked for a file named favicon.ico in the site's root directory. Over time the practice was standardized so that pages could point to any icon file they chose, and support spread across every major browser, turning the favicon into a near-universal detail of the web.

For a business, a favicon matters because it reinforces brand identity in dozens of small moments throughout a visitor's day. A recognizable icon makes a site easier to spot among crowded tabs and bookmark lists, which encourages return visits. Its absence, by contrast, tends to read as unfinished or careless, since browsers show a generic placeholder that signals a site was never fully polished. In a small way, a crisp favicon contributes to the sense that a brand pays attention to detail, part of a consistent visual system that includes the color palette, typography, and overall style guide.

The common mistakes usually involve neglect or overreach. Forgetting to add a favicon leaves a bland default icon in its place, a missed branding opportunity. Cramming a detailed full logo into the tiny space produces a blurry, unreadable smudge, so the better approach is to design a simplified mark meant for small sizes. Providing only one small image can leave the icon looking rough on high-resolution displays or when the site is saved to a device, which is why supplying several sizes is wise. Treated with the same care as the rest of a site's design and navigation, the favicon becomes a quiet but persistent signature that keeps a brand present wherever the site appears.