Usability of Favicon

faviconFavicon seems to be quite ignored from the focus of both brand owners and designers.

What can you do in a small area of 16 pixels by 16 pixels?

A lot actually!

#1 Brand Identity

If you’re serious about your brand, you have to go the whole nine yards. Attention to detail. While you don’t leave out your PowerPoint footer, Website footer, Email signature, Business card color – you should very well consider the smallest part of your real estate – the Favicon. Why allow Browsers show your website opened with their own “default” icon/identity? You’re not part of Internet Explorer or Firefox or Chrome, are you? Then, let your favicon be distinct and identify with your brand.

Complete your brand identity; with a favicon that complements.

#2 Brand Strategy

Trust is very important to your brand. Several user studies and surveys have revealed that brands with favicon subconsciously generate more trust. It spreads belongingness if you ask me. Recall and recognition are two important aspects of your online branding. Imagine a browser with so many Tabs open that you can’t see the titles, only favicons. It’s easier for you to switch between tabs when favicons guide you.


Similarly, when you bookmark sites, the favicon helps you “find” the particular bookmark you’re seeking from a long list – thanks to the visual cue.


Complete your brand strategy; make favicon play a role in building trust, and generating recall and recognition

#3 Brand User Experience

Many brands have made their favicons into something functional and cool. Whatever service/product you have, it’s all about user experience, isn’t it?

Twitter for instance shows a number signifying the new tweets that have arrived. .twitter-favicon-number

Google calendar goes even smart. It displays today’s date right as the favicon!

faviconColllor provides the color hint through its favicon. So, when you have multiple colors open in various tabs, you know where to go – all the favicons are different colors.


Complete your brand user experience – by allowing something functional inside the favicon if applicable.

Let’s go fix the favicon or build one if missing. 

Indeed, Great things come in small packages!

Vishal Mehta

Vishal Mehta

Vishal Mehta is a UX professional, hands-on designer and coder. He is a consultant to product companies in San Francisco Bay Area. He loves to play chess and design solutions in spare time. He ran a UX company, IDYeah Creations for six years in India. His expressions can be found on popular platforms like UX Booth, Technorati and SAP Community Network.

More Posts - Website

Follow Me: