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



  1. 1 http://www.smashingmagazine.com/2008/11/20/favicons-episode-8/
  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 http://www.tableausoftware.com/public/
  10. 10 http://www.gnashdev.org/
  11. 11 http://toproundups.com/
  12. 12 http://nickgravgaard.com/elastictabstops/
  13. 13 http://www.ioninteractive.com/
  14. 14 http://arctg.com/
  15. 15 http://kodingen.com/
  16. 16 http://www.highcharts.com/
  17. 17 http://www.faces.com/
  18. 18 http://www.tipped.co.uk/
  19. 19 http://www.openfaces.org/
  20. 20 http://www.rockettheme.com/
  21. 21 http://www.techbridge.ca/
  22. 22 http://www.techbridge.ca/
  23. 23 http://www.screwturn.eu/
  24. 24 http://nimbupani.com/
  25. 25 http://www.spoonjuice.com/
  26. 26 http://www.uni-freiburg.de/
  27. 27 http://www.uni-freiburg.de/
  28. 28 http://www.imasters.com.br
  29. 29 http://www.fitbit.com/
  30. 30 http://www.dropbox.com/
  31. 31 http://axialis.com/
  32. 32 http://www.swebapps.com/
  33. 33 http://acquia.com/
  34. 34 http://snipt.org
  35. 35 http://visitmix.com/
  36. 36 http://www.secondmarket.com/
  37. 37 http://www.openx.org
  38. 38 http://www.filemail.com
  39. 39 http://55eleven.com/
  40. 40 http://onehub.com/
  41. 41 http://projectbubble.com/
  42. 42 http://www.projektwerk.de/
  43. 43 http://www.medienlab.de/
  44. 44 http://www.iconshock.com/
  45. 45 http://www.splitweet.com/
  46. 46 http://www.goby.com/
  47. 47 http://www.m1-design.de/
  48. 48 http://pagestat.com/
  49. 49 http://commadot.com/
  50. 50 http://blog.babbel.com/
  51. 51 http://tammyhartdesigns.com/
  52. 52 http://www.toufee.com/
  53. 53 http://www.lionframework.org/
  54. 54 http://www.highbeam.com/
  55. 55 http://www.mixxt.de/
  56. 56 http://www.cmsexpo.net/

↑ 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

    At the moment, its just a bit boring. You might want to do something exciting with it, Jason.

  2. 52

    i’m impressed with the cube blue-orange with non-perspective lines (against the pixel art common sense), yet very sharp and soft.

  3. 103

    I love favicons and think they are one of the most important things in a website.

  4. 154

    How do icons get designed anyway? Everytime I design a vector, then scale it down, the pixels don’t match up with screen and I get soft and hard edges etc. …resulting in usually blurry icons.

  5. 205

    Oh ! Great showcase !

  6. 256

    Nice collection! n__n

  7. 307
  8. 358

    Nice Favicon, I Inspired by your collection and create a Favicon for my site.

    Really very nice favicons.

  9. 409

    Nice Favicon, I Inspired by your collection and create a Favicon for my site.

    Really very nice favicons.

  10. 460

    Thanks Sven, It´s a great and original collection.

  11. 511

    Just found out unbreakableit(dot)com somehow came to same logo as Techbridge had in 2008 ;)

  12. 562

    Anything you mentioned made plenty of sense. But, think about this, what happens if you included a little content? I am talking about, I dont want to explain how to run your web site, but imagine if you included anything to maybe get peoples attention? As being a video clip or a picture or two to get people interested in what you have to talk about. I believe, it would help make your blog become more active a bit more.


↑ Back to top