Menu Search
Jump to the content X

50 Fantastic Favicons: Episode 9


Every now and again we showcase fantastic favicons, those tiny pieces of art that you’ll find in your browser’s address bar or when rifling through your bookmarks. These little gems are important because they serve as visual indicators to help visitors easily identify content in their browser. That aside, favicons are just nice to look at, and way too many websites don’t make use of them. We want to change that, which is why we are presenting what is now the ninth episode in our favicons series: a small article with tiny images and fast loading time… for a change.

Fantastic Favicons

We’ve written numerous articles about favicons in the past. If you’d like to find out more, feel free to look at these posts:

Any picture’s merit is debatable. But notice that these favicons were chosen not simply for their beauty and originality; it was important to us also that each fit the overall website design and logo. Pay attention to the details of the design.

All favicons are linked, of course, to the websites from where they were taken (if they still exist). Click on them to get more insight into how favicon design relates to overall layout design. The order here does not indicate any ranking.

tableau Tableau Public
gnash Gnash Project
toproundups Top Roundups
elastic Elastic Tabstops
landing i-on interactive
arc Arc Technology Group
kodingen Kodingen
slv-rent Sound Light Vision
highcharts Highcharts
faces Faces
photoscape Photoscape
london London Reviews
openfaces Open Faces
RocketTheme RocketTheme
techbridge Techbridge
softexpansion Soft eXpansion
screwturn Screwturn Wiki
nimbupani Nimbupani
spoonjuice Spoonjuice
unifreiburg Universität Freiburg
paragon Paragon Software
imasters iMasters
techeblog TechEBlog
fitbit FitBit
dropbox DropBox
axialis Axialis
swebapps Swebapps
acquia Acquia
snipt Snipt
mix MIX Online
second Second Market
openx Open X
filemail Filemail
55eleven 55Eleven
onehub Onehub
projectbubble Projectbubble
projektwerk Projektwerk
medienlab Medienlab
iconshock Iconshock
splitweed Splitweed
goby Goby
m1 M1 Design
pagestat PageStat
commadot Commadot
babbelblog Babbelblog
tammyhart Tammy Hart
toufee Toufee
lion Lion Framework
highbeam High Beam
mixxt Mixxt
cmsexpo CMSExpo

And finally, all the favicons in one picture:

All Favicons in one Picture


Smashing Book #5

Hold on tiger! Thank you for reading the article. Did you know that we also publish printed books and run friendly conferences – crafted for pros like you? For example, Smashing Book 5, packed with smart responsive design patterns and techniques.

↑ Back to top Tweet itShare on Facebook

Sven is the co-founder and former CEO of Smashing Magazine. He's now writing at his Conterest Blog, where he focuses on blogs, content strategy and publishing — all in German.

  1. 1

    JohnM @ Patchwork Pixels

    March 14, 2010 5:07 am

    Fantastic icons, it’s amazing how much some artists can fit into 16×16 pixels. They really put my effort to shame :-(

  2. 2

    Nice Collection !

  3. 4

    Sweet collection. Favicons are something that alway seem to get left until the last minute or entirely forgotten. Thanks for collating these.

  4. 5

    Great Favicons!

    I’m loving this one at the moment

    Also the icon is very nice and clean.

  5. 6

    Leandro (inkel)

    March 14, 2010 4:00 am

    Nice collection, although would have been nice if you added links to them :)

  6. 7

    Nice one :)
    Hehe I love this one in nice big black heart with some orange stroke.

  7. 8

    Thanks for putting Project Bubble in there! I’m honoured :)

  8. 9

    Wow, thanks for including my site and logo. Special thanks to Cre8tive pixels, the designer of my logo and thus inspiration for my favicon.

  9. 10

    Hey, thanks for including our favicon :)

  10. 11
  11. 12

    I have a small note about “Elastic Tabstops” favicon…

  12. 14

    I like all of them! What a great article. It seems like this showcase is focused on lighter colors, simple lines and above all, no containers.

    Here is an example of a reverse treatment – you can say it’s inside of some sort of encapsulation.

    Did you come across examples using reverse treatment during your research?

    As always, great work, big fan of yours!

  13. 15

    Wow, with these kind of posts the SmashingMagazine loses more and more of the old qualities.

    • 16

      @ivomynttinen (#12)

      I completely disagree. Favicons are an often overlooked area in design and it’s important as well as fascinating.

      • 17

        Ross - @TheCoolestCool

        March 14, 2010 7:10 am

        I’m with Xanti – Favicons are very important. They can often be used to differentiate between an amateur and a professional.

        • 18

          I agree too, but it wouldn’t hurt to go a bit more indepth as to how these companies got to these icons, or if they are reflecting their branding, etc.

          I mean, everybody can make a post: look at this image, oh and that one. Thanks for reading! .. just saying.

          That said, thanks for the series, it’s a good reminder that favicons are still important.

          • 19

            Of course, favicons are an important part of a professional website. What I dislike is the style of these posts by Smashingmagazine. This post is just a list of some images, what’s about the designers, the techniques used, maybe some basic informations about favicons (possible size, transparency, animatable?)?

    • 20

      After I read your second post above; now I agree with you.

  14. 21

    Nice… I like Screwturn Wiki, Nimbupani & Mixxt… I even like Smashing Magazine’s favicon, bold and clear.
    And few more:

  15. 23

    Jamie Huskisson

    March 14, 2010 6:43 am

    I like mine, but it doesn’t match the new layout which should be launching shortly:

  16. 24

    I like the favicon on the francophilia gazette :

  17. 25

    Favicons Rock! Great collection SM.

  18. 26

    I enabled Javascript just to downvote this post. Thanks, though.

  19. 27

    My favicon for this app ( should be there =)

  20. 28

    What about animated favicons?
    Check out

  21. 29

    I’ve always felt like favicons are an under appreciated part of online branding and identity. Thanks for keeping this post series going.

  22. 30

    Nice collection.. and what about: favicon ?? :)

  23. 31
  24. 32

    I was quite pleased with my favicon until I saw these – now I’m going to attempt the bird character from my site. On a different note, thanks Smashing Magazine for the new newsletters – they’re really good!

  25. 33

    The one used by Bing translator is illuminating.

  26. 35

    Nick - Freelance Designer

    March 14, 2010 1:59 pm

    After seeing one of these articles ages ago I made sure I had an interesting looking one for myself.
    and now I am thinking I should look at it again and try and get it using some negative space as well… It is always nice to see inspiring articles like this. Shame it makes more work for myself! ;-)

    But since I am looking at a full rebrand of my site, it will have to wait until I am happy with the main design.

  27. 36

    Helge-Kristoffer Wang

    March 14, 2010 2:31 pm

    Good collection.

    It annoys me that so few webdesigners and even webdesign firms don’t use favicons. Even large commercial websites often forget to use favicons.

    The main reason that websites without favicons annoys me is because I’m a huge fan of the Bookmark Toolbar in Mozilla Firefox, and I tend to remove the name from my favourite bookmarks.

  28. 37

    Loved the faces favicon. :D

  29. 38

    Thank you guys for including ScrewTurn Wiki!

  30. 39

    Love these! Thanks for posting.


↑ Back to top