Speak to us directly on 781-640-8874

Favicons: Define, Design & Create Favorites Icons For Branding Success

Favicons are an important part of the consistent branding that builds trust and supports increased sales.

But, are you a victim of the tiniest branding failure – no Favicon?

The Favicon provides valuable and consistent branding and is never forgotten on a professionally built website.  Let’s look at why you should consider fixing the tiniest branding failure.

Favicon Facts

  • Appears on your browser next to the address bar (where you see http://webpageadvisor.com) and on a browser tab. It also appears in your Bookmarks and History lists of sites. Some search engines and other sites also use Favicons when referring to websites.
browser favicons

First row: Twitter, blank, Facebook, Pandora, Google Analytics, Google Docs, Modern Drummer, Evernote, WebPageAdvisor, JBS Partners, blank, blank


  • Favorites icon was shortened into Favicon.
  • In 1999, IE5 was the first MS browser to support Favicons.
  • The size of a Favicon is 16 X 16 pixels
  • W3C Recommended syntax – <link rel=”icon” type=”image/<format name>” href=”http://Example (dot) com/favicon.<format extension>“>


Who Cares?

The purpose of the Favicon is to identify the site and provide branding in your browser.

Most browsers have multiple tabs open. The Favicon provides a billboard on your tab.

Similar to the power of an effective logo, a good Favicon allows people to instantly recognize your site visually without having to read text.

If you don’t have one, you miss out on these benefits and a default image is inserted on your behalf by default. It usually looks like a blank piece of paper. Or your CMS or hosting provider may insert their own favicon instead. Drupal and DreamHost do this.

The mobile browsing community does not care about Favicons at all because they aren’t shown.

Favicon Design

There are a couple of choices when deciding how to fill up that 16 X 16 space.  In all cases use just the primary corporate colors

1 – Use your logo

2 – Use the leading one, two or three first letters of each word in your company name

WebPageAdvisor Logo

WebPageAdvisor Logo

3 – Use a graphic element that is embedded in your company name


Building Favicons




Branding Failure Correction

Use a Favicon and cross the tiniest branding failure off of your list of things to fix.

If you can’t or don’t know how to create your Favicon I will create a Favicon for you.

Just be one of the first ten to write a blog post or article explaining why you want a Favicon along with a link to this post and we will get you sorted out for free.