Menu Search
Jump to the content X X
Smashing Conf Barcelona 2016

We use ad-blockers as well, you know. We gotta keep those servers running though. Did you know that we publish useful books and run friendly conferences — crafted for pros like yourself? E.g. upcoming SmashingConf Barcelona, dedicated to smart front-end techniques and design patterns.

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:

  • Favicon Episode 81
  • Favicon Episode 7
  • Favicon Episode 6: Black, Abstract and Hand-Drawing
  • Episode 5: The Delicate Beauties
  • Part 4: Creative Favicons: Tiny Artwork
  • Part 3: Creative Favicons: When Small Is Beautiful
  • Part 2: Inspire Yourself: More Creative Favicons
  • Part 1: Inspire Yourself: 50 Remarkable Favicons

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.

tableau2 Tableau Public
gnash Gnash Project
toproundups3 Top Roundups
elastic4 Elastic Tabstops
landing5 i-on interactive
arc6 Arc Technology Group
kodingen7 Kodingen
slv-rent Sound Light Vision
highcharts8 Highcharts
faces9 Faces
photoscape Photoscape
london10 London Reviews
openfaces11 Open Faces
RocketTheme12 RocketTheme
techbridge13 Techbridge
softexpansion14 Soft eXpansion
screwturn15 Screwturn Wiki
nimbupani16 Nimbupani
spoonjuice Spoonjuice
unifreiburg17 Universität Freiburg
paragon18 Paragon Software
imasters iMasters
techeblog19 TechEBlog
fitbit20 FitBit
dropbox21 DropBox
axialis22 Axialis
swebapps Swebapps
acquia23 Acquia
snipt24 Snipt
mix25 MIX Online
second26 Second Market
openx Open X
filemail27 Filemail
55eleven28 55Eleven
onehub29 Onehub
projectbubble30 Projectbubble
projektwerk31 Projektwerk
medienlab32 Medienlab
iconshock33 Iconshock
splitweed34 Splitweed
goby35 Goby
m136 M1 Design
pagestat37 PageStat
commadot38 Commadot
babbelblog39 Babbelblog
tammyhart40 Tammy Hart
toufee41 Toufee
lion42 Lion Framework
highbeam43 High Beam
mixxt Mixxt
cmsexpo CMSExpo

And finally, all the favicons in one picture:

All Favicons in one Picture


Footnotes Link

  1. 1
  2. 2
  3. 3
  4. 4
  5. 5
  6. 6
  7. 7
  8. 8
  9. 9
  10. 10
  11. 11
  12. 12
  13. 13
  14. 14
  15. 15
  16. 16
  17. 17
  18. 18
  19. 19
  20. 20
  21. 21
  22. 22
  23. 23
  24. 24
  25. 25
  26. 26
  27. 27
  28. 28
  29. 29
  30. 30
  31. 31
  32. 32
  33. 33
  34. 34
  35. 35
  36. 36
  37. 37
  38. 38
  39. 39
  40. 40
  41. 41
  42. 42
  43. 43
SmashingConf Barcelona 2016

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? Like SmashingConf Barcelona, on October 25–26, with smart design patterns and front-end 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, writing 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

    Jamie Huskisson

    March 14, 2010 6:43 am

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

  3. 3

    Nice Collection !

  4. 5

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

  5. 6

    Great Favicons!

    I’m loving this one at the moment

    Also the icon is very nice and clean.

  6. 7

    Leandro (inkel)

    March 14, 2010 4:00 am

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

  7. 8

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

  8. 9

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

  9. 10

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

  10. 11

    Hey, thanks for including our favicon :)

  11. 12
  12. 13

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

  13. 15

    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!

  14. 16


    March 14, 2010 6:00 am

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

    • 17

      @ivomynttinen (#12)

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

      • 18

        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.

        • 19

          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.

          • 20


            March 15, 2010 2:33 am

            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?)?

    • 21

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

  15. 22

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

  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


↑ Back to top