Craft · August 12, 2026 · 2 min read

The Favicon Is Your Storefront

Your heaviest users see the browser tab more often than any billboard. Designing the 16 pixel version first, and why that compounds.

Your customers see your favicon more times per day than any other version of your brand. It sits in the browser tab while they work, in the bookmarks bar, in their history, on their phone's home screen. The billboard gets a glance on the highway. The 16-pixel square gets hundreds of impressions a day, every day, from your most engaged users. Almost nobody designs for it. It gets exported last, from artwork designed for a slide, and it shows.

The tab is a lineup, not a stage

A favicon is never seen alone. It sits in a row of twenty other tabs, which makes it less like a billboard and more like a police lineup: the only job is to be picked out instantly. That job rewards exactly three things. A strong silhouette. One dominant color, ideally one your neighbors in the tab bar do not use. And a single feature readable at 16 pixels. Wordmarks fail all three. A shrunken wordmark in a tab is a gray smudge with ambitions.

Designing tab-first

  • Start on a 16-pixel grid, not a shrink from the master file. Details that cannot live on that grid do not go in.
  • Fill the frame. Timid favicons with generous padding read as dust. The glyph should push toward the edges.
  • Claim a color. If your competitors' tabs are blue, and they are, an orange or black tile is free differentiation, hundreds of times a day.
  • Test in an actual crowded tab bar, pinned and unpinned, light and dark browser themes. Not in the design tool at 400 percent zoom.
If someone can find your tab without reading, the favicon works. If they hunt, you are taxing your heaviest users daily and calling it branding.

Small mark, compounding interest

Here is why this deserves real design hours: frequency. Recognition is built by repeated exposure, and no brand surface has more exposures than the tab. A distinctive favicon quietly trains your best users to spot your mark instantly, and that training transfers to every other surface the brand appears on. It is the cheapest brand-building media you will ever own, and you already own it.

The favicon-first discipline also improves everything upstream. A mark that survives 16 pixels is, by construction, simple, high-contrast, and built on one strong feature. Design the smallest version first and the larger versions inherit the strength.

The Lab's take: When we grade scalability, the favicon is the exam. Most logos we audit lose more identity in the tab bar than anywhere else, and their owners never notice, because they never look at their own product all day. Their customers do.

Wondering how your own logo scores?

The Lab grades your brand against your competing market across five dimensions, free, with the evidence to back it up. Most brands score lower than their owners expect.

Grade my brand, free
← Back to the Notebook