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.

tableau9 Tableau Public
gnash10 Gnash Project
toproundups11 Top Roundups
elastic12 Elastic Tabstops
landing13 i-on interactive
arc14 Arc Technology Group
kodingen15 Kodingen
slv-rent Sound Light Vision
highcharts16 Highcharts
faces17 Faces
photoscape Photoscape
london18 London Reviews
openfaces19 Open Faces
RocketTheme20 RocketTheme
techbridge21 Techbridge
softexpansion22 Soft eXpansion
screwturn23 Screwturn Wiki
nimbupani24 Nimbupani
spoonjuice25 Spoonjuice
unifreiburg26 Universität Freiburg
paragon27 Paragon Software
imasters iMasters
techeblog28 TechEBlog
fitbit29 FitBit
dropbox30 DropBox
axialis31 Axialis
swebapps32 Swebapps
acquia33 Acquia
snipt34 Snipt
mix35 MIX Online
second36 Second Market
openx37 Open X
filemail38 Filemail
55eleven39 55Eleven
onehub40 Onehub
projectbubble41 Projectbubble
projektwerk42 Projektwerk
medienlab43 Medienlab
iconshock44 Iconshock
splitweed45 Splitweed
goby46 Goby
m147 M1 Design
pagestat48 PageStat
commadot49 Commadot
babbelblog50 Babbelblog
tammyhart51 Tammy Hart
toufee52 Toufee
lion53 Lion Framework
highbeam54 High Beam
mixxt55 Mixxt
cmsexpo56 CMSExpo

And finally, all the favicons in one picture:

All Favicons in one Picture


Footnotes Link

  1. 1
  2. 2 ../2008/06/24/favicon-episode-7/
  3. 3 ../2008/03/21/favicon-episode-6-black-abstract-and-hand-drawing/
  4. 4 ../2008/01/01/favicons-episode-5-the-delicate-beauties/
  5. 5 ../2007/09/11/creative-favicons-tiny-artwork/
  6. 6 ../2007/06/14/creative-favicons-when-small-is-beautiful/
  7. 7 ../2007/03/29/inspire-yourself-more-creative-favicons/
  8. 8 ../2007/01/31/inspire-yourself-50-remarkable-favicons/
  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
  44. 44
  45. 45
  46. 46
  47. 47
  48. 48
  49. 49
  50. 50
  51. 51
  52. 52
  53. 53
  54. 54
  55. 55
  56. 56

↑ 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

    Nice Collection !

  2. 3

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

  3. 4

    Great Favicons!

    I’m loving this one at the moment

    Also the icon is very nice and clean.

  4. 5

    Leandro (inkel)

    March 14, 2010 4:00 am

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

  5. 6

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

  6. 7

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

  7. 8

    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 :-(

  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