Favicon
Example: A neighborhood cafe ships a simplified version of its mark as a favicon at 16, 32, 192, and 512 pixels, so the tab, the bookmark, and the home-screen icon each look crisp rather than showing a default gray square.
the small icon in the browser tab
The small icon displayed in the browser tab and in bookmark lists. Modern sites ship it at multiple sizes — 16, 32, 192, 512 pixels — because each context (tab, bookmark, home-screen icon) samples a different size. Usually a simplified version of the mark, not the full lockup.
Why it matters
The tiniest touchpoint your brand has, and the most-viewed one once a customer bookmarks your site or adds it to their home screen. A missing or default-gray favicon is one of the first signals visitors use to judge whether a site is a real business.
Frequently asked
What is favicon?
Favicon is the small icon displayed in the browser tab and in bookmark lists. Modern sites ship it at multiple sizes — 16, 32, 192, 512 pixels — because each context (tab, bookmark, home-screen icon) samples a different size. Usually a simplified version of the mark, not the full lockup.
Why does favicon matter for a restaurant?
The tiniest touchpoint your brand has, and the most-viewed one once a customer bookmarks your site or adds it to their home screen. A missing or default-gray favicon is one of the first signals visitors use to judge whether a site is a real business.
- Brand identity — the full visible system around your logo
- Logo lockup — mark + wordmark + optional tagline, as one unit
- Clearspace — the empty zone around a logo
- Color palette — the curated set of colors that belong to your brand
- WCAG AA contrast — accessible color contrast
- Typography pairing — display + body typefaces that work together
Browse all
149 terms.
Plain-English definitions for every term in your audit, organized by category.