100+ examples of favicons

100+ examples of favicons

Favicons, otherwise known as `Favorite icon` are the tiny 16px * 16px image displayed next to the page title of a website. Although small they can have a big impact and today I will be looking into 115 of the most popular websites around to find out the best way to approach creating your own favicon.

The favicons

33Adidas (UK)Adidas (UK)Adobe Systems IncorporatedAdobe Systems IncorporatedAlibaba.comAlibaba.comAlipayAlipayAmazonAmazonAnswersAnswersAol (UK)Aol (UK)Apple Inc.Apple Inc.ArgosArgosASDAASDAAskAskBaiduBaiduBank of AmericaBank of AmericaBasecampBasecampBBC OnlineBBC OnlineBeboBeboBing.comBing.comBooking.comBooking.comBT (home)BT (home)Cartoon NetworkCartoon NetworkCineworld CinemaCineworld CinemacitysocializercitysocializerCNET.comCNET.comCNN Interactive (International)CNN Interactive (International)Coco ChanelCoco ChanelDailymotion (US)Dailymotion (US)DeliciousDeliciousDeviantARTDeviantARTDiggDiggDomino's Pizza (UK)Domino's Pizza (UK)Dorothy PerkinsDorothy PerkinsDropboxDropboxebay.comebay.comeHarmonyeHarmonyeHoweHowESPNESPNFacebookFacebookFARK.comFARK.comFlickrFlickrGitHubGitHubGmailGmailGo DaddyGo DaddyGoogleGoogleGoogle+Google+HarrodsHarrodsImageShackImageShackIMDbIMDbImgurImgurIntel (UK)Intel (UK)LinkedInLinkedInLuluLuluMailChimpMailChimpMatch (UK)Match (UK)MeeticMeeticMeetupMeetupMercedes Benz (UK)Mercedes Benz (UK)Microsoft CorporationMicrosoft CorporationMorrisonsMorrisonsMSNMSNMySpaceMySpaceNeopetsNeopetsNetflixNetflixNew York TimesNew York TimesNextNextNickNickNikeNikeNintendoNintendoO2O2OdeonOdeonOrangeOrangePaypal (UK)Paypal (UK)PhilipsPhilipsPhotobucketPhotobucketPinterestPinterestPizza Hut (UK)Pizza Hut (UK)QQ.COMQQ.COMRedditRedditSainsbury'sSainsbury'sShowcaseShowcaseSkySkySlashdotSlashdotSlideShareSlideShareStack OverflowStack OverflowStumbleUponStumbleUponTaobao.comTaobao.comTESCOTESCOThe Daily MailThe Daily MailThe Huffington PostThe Huffington PostThomsonThomsonTKMaxxTKMaxxTMALLTMALLTopshopTopshopTrelloTrelloTumblrTumblrtwitchtwitchTwitterTwitterVimeoVimeoVirgin HolidaysVirgin HolidaysVodafoneVodafoneVubeVubeVueVueWalmartWalmartWindows LiveWindows LiveWUFOOWUFOOYahoo! (UK)Yahoo! (UK)YelpYelpYouTubeYouTube

Primary Colour

Mixed was allocated when there was an equal quantity of multiple colours
  • Red (25)
  • Blue (22)
  • Black (21)
  • Mixed (11)
  • Orange (10)
  • Green (7)
  • Yellow (5)
  • Grey (3)
  • Purple (2)
  • Pink (1)
  • Brown (1)

Interesting Stats

Do all websites use favicons?

Much to my surprise 7 of the 115 websites did not have a working favicon.

What do they contain?

The more letters and numbers a favicon contains the less useful it is, most websites seem to have learned this already.

  • 52 favicons contain zero letters or numbers
  • 35 favicons contain one letter or number
  • 6 favicons contain two letters or numbers
  • 6 favicons contain three letters or numbers
  • 3 favicons contain four letters or numbers
  • 3 favicons contain five letters or numbers
  • 2 favicons contain six letters or numbers
  • 1 favicon contains seven letters or numbers

Which are the best?

Strong, clear symbols work well along with single letters, but they must use at least 50% of the space to stand out enough.

Apple O2 Twitter are examples of favicons which single handedly tell you which website you are on.

Which are the worst?

Lots of letters and small symbols make for terrible favicons, even if your logo is globally known, cramming it into a 16*16px image is not always wise.

Pizza Hut Virgin Holidays are examples of terrible favicons which are hard to recognise and may just be a smudge.

Conclusion

If you want your favicon to represent your website then the trends would suggest using a single letter or just an icon in red, blue or black. Try to avoid the lazy option of shrinking your logo down Domino's Intel (UK) Meetup unless is really works well at the favicon size.