Menu Search
Jump to the content X X
Smashing Conf New York

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 New York, dedicated to smart front-end techniques and design patterns.

Favicons, Episode 8

Advertisement

Every now and again we showcase beautiful favicons, tiny pieces of art you’ll find in your browser’s address bar or when searching through your bookmarks. Favicons are important because they provide visual indicators to visitors and help them easily associate content with a bookmark in their browser. Besides that, favicons are just nice to look at, and there are way too many websites that don’t make use of them. We want to change that, which is why we are presenting the 8th episode of our favicons series — for a change, a small article with very small images and a quick loading time.

We’ve written enough about favicons in the past. If you’d like to find out more about them, feel free to look at our previous posts:

Notice that these favicons were chosen not simply for their beauty; it’s been important to us that the favicon fits perfectly with the overall website design. Pay close attention to the small details of the design. All favicons are linked, of course, to the websites where they are used (if they still exist) — click on them to get more insight into how favicon design relates to overall layout design. The favicons are listed in no particular order.

Favicon6 Notifu
Favicon7 Celsius Compile
Favicon8 Derek Allard
Favicon Typo3 Switch
Favicon9 Tajloro
Favicon10 Nicole Bauer
Favicon Computersight
Favicon11 Leisure and Cultural Services Department, Hong Kong
Favicon12 Sodevious
Favicon13 Inspired Buddy
Favicon14 Digital Camera Resource Page
Favicon15 Accessites
Favicon16 Creative News
Favicon17 Bed and Breakfast Brescia
Favicon18 Web Urbanist
Favicon19 LoupDeLou
Favicon20 Vida Comunicação
Favicon21 Clay Ant
Favicon22 Patrick Monkel’s Karma
Favicon23 Designspotter
Favicon Train 1 on 1
Favicon Turism Point Romania
Favicon24 Heartprints
Favicon25 The Pennsylvania Federation of College Republicans
Favicon26 Burrow Physiotherapy Pontefract
Favicon27 Dean J. Robinson
Favicon Salt Solutions
Favicon28 Lyte Byte
Favicon29 Foxycart
Favicon Notified
Favicon30 Evoluted
Favicon31 Lifesize
Favicon32 Iconified
Favicon33 Kidsmodern
Favicon34 Knoxville Tourism
Favicon35 Etnies
Favicon36 Max Voltar
Favicon37 we:presenter
Favicon38 Scrumy
Favicon39 Stefano Verna. (Yes, a simple idea, but very effective in a bookmark list.)
Favicon40 Web Magazine
Favicon41 My Bank Tracker
Favicon42 Get a Freelancer. (Reminds me of the Christ the Redeemer43 statue in Rio de Janeiro.)
Favicon44 Scinexx
Favicon45 Diplod
Favicon46 Strands
Favicon47 Custom Canvas
Favicon I like to Design. (Last but not least, a very animated one.)

Footnotes Link

  1. 1 https://www.smashingmagazine.com/2007/01/31/inspire-yourself-50-remarkable-favicons/
  2. 2 https://www.smashingmagazine.com/2007/03/29/inspire-yourself-more-creative-favicons/
  3. 3 https://www.smashingmagazine.com/2007/06/14/creative-favicons-when-small-is-beautiful/
  4. 4 https://www.smashingmagazine.com/2007/09/11/creative-favicons-tiny-artwork/
  5. 5 https://www.smashingmagazine.com/2008/01/01/favicons-episode-5-the-delicate-beauties/
  6. 6 http://www.notifu.com/
  7. 7 http://www.celsius-compile.de/
  8. 8 http://www.derekallard.com/
  9. 9 http://www.tajloro.com/
  10. 10 http://www.nicolebauer.com/
  11. 11 http://www.lcsd.gov.hk/
  12. 12 http://sodevious.net/
  13. 13 http://www.inspiredbuddy.com/
  14. 14 http://www.dcresource.com/
  15. 15 http://accessites.org/site/
  16. 16 http://creativenews.ru/
  17. 17 http://www.bedandbreakfastbrescia.com/
  18. 18 http://weburbanist.com/
  19. 19 http://www.loopdelou.com/
  20. 20 http://www.vidacomunicacao.com.br/
  21. 21 http://www.clayant.co.za/
  22. 22 http://www.patrickmonkel.nl/
  23. 23 http://www.designspotter.com/
  24. 24 http://www.heartprintsadoption.com/
  25. 25 http://pacollegerepublicans.com/
  26. 26 http://www.burrowphysiotherapy.co.uk/
  27. 27 http://deanjrobinson.com/
  28. 28 http://www.lytebyte.com/
  29. 29 http://www.foxycart.com/
  30. 30 http://www.evoluted.net/
  31. 31 http://www.lifesize.com/
  32. 32 http://iconified.de/
  33. 33 http://www.kidsmodern.com/
  34. 34 http://www.knoxville.org/
  35. 35 http://etnies.com/
  36. 36 http://maxvoltar.com/
  37. 37 http://www.we-presenter.com
  38. 38 https://scrumy.com/
  39. 39 http://www.stefanoverna.com/
  40. 40 http://www.web-magazine.it/
  41. 41 http://www.mybanktracker.com/
  42. 42 https://www.getafreelancer.com/
  43. 43 http://en.wikipedia.org/wiki/Christ_the_Redeemer_(statue)
  44. 44 http://www.scinexx.de/
  45. 45 http://www.diplod.it/
  46. 46 http://www.strands.com/
  47. 47 http://www.customcanvas.co.nz/
SmashingConf New York

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 New York, on June 14–15, 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 and publishing — all in German.

Advertisement
  1. 1

    Great post. I love favicons. Im inspired now. My fav is computersight from this list. Nice post thanks.

    0
  2. 2

    I love Patrick Monkel’s Karma and Evoluted mainly because I’ve always been a fan of natural/leaf designs.
    I also like Tajloro, but feel the enlarged version of the favicon appears too many times on the actual site. Shame.
    Brilliant post yet again! You’re the only magazine that I read every post, instead of skipping 90% of the content, like usual!

    0
  3. 3

    When I realized that favicons were sticking out to my mind, it made me realized that I needed one, so in my recent design update, I included one

    0
  4. 4

    Some fantastic favicons. Just goes to show how good you can make them.

    0
  5. 5

    The one listed for CodeIgniter is derekallard… CodeIgniter’s favicon is the little flame.

    1
  6. 6

    Hey, nice to see us up there! Just one thing though- it’s “Scrumy”, not “Scrummy”, damn domain squatters.

    0
  7. 7

    I think Patrick Monkel’s Karma, Designspotter and Evoluted have done great job to get their Favicons that great

    0
  8. 8

    You forgot to mention smashing magazine favicon.. simple and effective. I think I have a good one too…

    0
  9. 9

    The very best, most practical use of favicons that I’ve seen the WC3 orgs validation pages. When you’re validating your markup or CSS, you don’t even need to wait for the page to load, just watch the Favicon. A green Favicon means your markup passed validation, a Red Favicon and you know you’ve got more work to go.

    0
  10. 10

    Beautiful set !
    I would like to know, what are your favorites tools to make yours favicons ?
    (to draw, and to generate).
    Thanks

    0
  11. 11

    Wow, this post is littered with misspellings.

    0
  12. 12

    Indeed a fantastic article… thanks! Just FYI, the third icon down (robot head) is labelled “CodeIgniter”, but it’s actually the favicon for my personal site, DerekAllard.com.

    0
  13. 13

    the etnies favicon links to maxvoltar.com

    0
  14. 14

    Thanks…

    0
  15. 15

    I love the new wipeelist.com favicon! sexy and transparent yum

    0
  16. 16

    Hi, is there any palce to submit favicons? Nice Greetings from Germany :)

    ———
    no chance! (Sven)

    0
  17. 17

    This is a nifty idea! Favicons are like a black art and can sometime be more recognizable / memorable than the site itself!

    0
  18. 18

    A great list. Thanks!
    It’s probably worth noting that animated favicons like the last one on the list won’t display in IE…

    0
  19. 19

    Andrew Butterworth

    November 21, 2008 1:44 am

    Nice list. I love looking at favicons and seeing how people have re-interpreted their branding for such a small space. Check out this one I did here Link .

    0
  20. 20

    Does smashing magazine have a copy editor? I only skimmed this article and still noticed a good few mistakes. It’s disappointing that the decent content on this site is let down by bad attention to detail in the copy.

    0
  21. 21

    The animated one is more disturbing than useful, as a page, that plays sound on load.

    0
  22. 22

    Nice list, although the one about CodeIgniter is wrong… It shows the favicon of Derek Allard… the one from CodeIgniter is a black flame on a white background (www.codeigniter.com)

    0
  23. 23

    thanks for the mention!!!

    0
  24. 24

    Nice source, thanks!

    0
  25. 25

    Vitaly Friedman & Sven Lennartz

    November 21, 2008 6:35 am

    @25
    dereks website is called “codeigniter…”
    will change it nevertheless to avoid further misunderstandings.

    0
  26. 26

    Thanks Smashing!
    i love favicons – i used them to design my personal homepage of frequently visited sites.

    0
  27. 27

    I change mine with the seasons… I think it gives the site a more personal and “with it” feel. Right now it’s the same as my gravatar…

    0
  28. 28

    Any recommended tutorials out there to create favicons? Best practices? Tips?

    0
  29. 29

    favicon is the most things in website..it’s like a core of website…

    0
  30. 30

    Chinese characters are sometimes a very good choice :)

    0
  31. 31

    How about a nice set of iPhone icons/bookmarks?

    0
  32. 32

    What’s with the Magen David for Salt Solutions?
    I have never understood when companies choose a religious symbol for their business but then neglect to mention anywhere why they did so.
    In this case, as a Jew, I would expect to visit Salt Solutions and see some evidence of their faith, but no.
    Qoui?

    0
  33. 33

    Maybe someone would like to comment on my favicon…I did ist for a page with cat related content.

    0
  34. 34

    I love it.

    0
  35. 35

    very nice collection! thanks

    0
  36. 36

    hmm, nice collection … i have got one too a molecule like favicon

    0
  37. 37

    Joette Audi

    June 18, 2011 5:37 am

    Terrific work! That is the kind of info that are supposed to be shared across the internet. Disgrace on Google for now not positioning this publish upper! Come on over and seek advice from my site . Thank you =)

    0
  38. 38

    But one

    0

↑ Back to top