Smashing Magazine - we smash you with the information that will make your life easier. really.
Favicons, Episode 8
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:
- Part 1: Inspire Yourself: 50 Remarkable Favicons
- Part 2: Inspire Yourself: More Creative Favicons
- Part 3: Creative Favicons: When Small Is Beautiful
- Part 4: Creative Favicons: Tiny Artwork
- Episode 5: The Delicate Beauties
- Favicon Episode 6: Black, Abstract and Hand-Drawing
- Favicon Episode 7
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.
| Notifu | |
| Celsius Compile | |
| Derek Allard | |
| Typo3 Switch | |
| Tajloro | |
| Nicole Bauer | |
| Computersight | |
| Leisure and Cultural Services Department, Hong Kong | |
| Sodevious | |
| Inspired Buddy | |
| Digital Camera Resource Page | |
| Accessites | |
| Creative News | |
| Bed and Breakfast Brescia | |
| Web Urbanist | |
| LoupDeLou | |
| Vida Comunicação | |
| Clay Ant | |
| Patrick Monkel’s Karma | |
| Designspotter | |
| Train 1 on 1 | |
| Turism Point Romania | |
| Heartprints | |
| The Pennsylvania Federation of College Republicans | |
| Burrow Physiotherapy Pontefract | |
| Dean J. Robinson | |
| Salt Solutions | |
| Lyte Byte | |
| Foxycart | |
| Notified | |
| Evoluted | |
| Lifesize | |
| Iconified | |
| Kidsmodern | |
| Knoxville Tourism | |
| Etnies | |
| Max Voltar | |
| we:presenter | |
| Scrumy | |
| Stefano Verna. (Yes, a simple idea, but very effective in a bookmark list.) | |
| Web Magazine | |
| My Bank Tracker | |
| Get a Freelancer. (Reminds me of the Christ the Redeemer statue in Rio de Janeiro.) | |
| Scinexx | |
| Diplod | |
| Strands | |
| Custom Canvas | |
| I like to Design. (Last but not least, a very animated one.) |
The Co-Founder of Smashing Magazine. Former writer, web designer, freelancer and webworker. Author of several books. Runs the business.
- 52 Comments
- 1
- 2
November 20th, 2008 3:37 pmI 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! - 3
November 20th, 2008 3:58 pmWhen 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: http://www.tammyhartdesigns.com
- 4
November 20th, 2008 4:05 pmand what about this favicon > http://www.weblogr.fr :)
what do you think about animated favicon?
- 5
November 20th, 2008 4:11 pmSome fantastic favicons. Just goes to show how good you can make them.
- 6
November 20th, 2008 4:12 pmThe one listed for CodeIgniter is derekallard… CodeIgniter’s favicon is the little flame.
- 7
November 20th, 2008 4:17 pmHey, nice to see us up there! Just one thing though- it’s “Scrumy”, not “Scrummy”, damn domain squatters. Proof: scrumy.com
- 8
November 20th, 2008 4:43 pmI think Patrick Monkel’s Karma, Designspotter and Evoluted have done great job to get their Favicons that great
- 9
November 20th, 2008 4:54 pmYou forgot to mention smashing magazine favicon.. simple and effective. I think I have a good one too…what do you think? [www.bimaltailor.co.uk]
- 10
November 20th, 2008 5:30 pmThe 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.
- 11
November 20th, 2008 5:55 pmBeautiful set !
I would like to know, what are your favorites tools to make yours favicons ?
(to draw, and to generate).
Thanks - 12
November 20th, 2008 6:30 pmWow, this post is littered with misspellings.
- 13
November 20th, 2008 7:40 pmIndeed 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.
- 14
November 20th, 2008 8:09 pmthe etnies favicon links to maxvoltar.com
- 15
November 20th, 2008 10:16 pmThanks…
- 16
November 21st, 2008 12:20 amI love the new wipeelist.com favicon! sexy and transparent yum
- 17
November 21st, 2008 12:37 amHi, is there any palce to submit favicons? Nice Greetings from Germany :)
———
no chance! (Sven) - 18
November 21st, 2008 1:06 amThis is a nifty idea! Favicons are like a black art and can sometime be more recognizable / memorable than the site itself!
- 19
November 21st, 2008 1:27 amA great list. Thanks!
It’s probably worth noting that animated favicons like the last one on the list won’t display in IE… - 20
November 21st, 2008 1:44 amNice 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 .
- 21
November 21st, 2008 2:28 amDoes 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.
- 22
November 21st, 2008 3:27 amThe animated one is more disturbing than useful, as a page, that plays sound on load.
- 23
November 21st, 2008 3:28 amNice 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)
- 24
November 21st, 2008 4:29 amthanks for the mention!!!
- 25
November 21st, 2008 5:11 amNice source, thanks!
- 27
November 21st, 2008 7:33 amThanks Smashing!
i love favicons – i used them to design my personal homepage of frequently visited sites.
If you want to see it – http://www.andyhowes.com (don’t worry – not spam) - 28
November 21st, 2008 8:56 amI 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… Web Major
- 29
November 21st, 2008 10:33 amAny recommended tutorials out there to create favicons? Best practices? Tips?
- 30
November 21st, 2008 8:30 pmfavicon is the most things in website..it’s like a core of website…
- 31
November 21st, 2008 10:41 pmChinese characters are sometimes a very good choice :)
- 32
November 22nd, 2008 10:44 amHow about a nice set of iPhone icons/bookmarks?
- 33
November 22nd, 2008 10:54 amWhat’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? - 34
November 22nd, 2008 1:01 pmi love favicons – i used them to design my personal homepage. If you want to see it amir.org
- 35
November 22nd, 2008 11:16 pmNot to toot my own horn, but I dig my pocket protector for the “nerd” in http://www.journerdism.com :)
- 36
- 37
November 23rd, 2008 8:35 amNice Collection! Especially the animated ones are interesting.
Another nice favicon under blog.janorth.de - 38

- 39
November 23rd, 2008 10:57 pmI love it.
- 40
November 24th, 2008 12:11 amvery nice collection! thanks
- 41
November 24th, 2008 1:45 pmBased on our new logo, we designed this on-off button style favicon.
http://www.compubase.nl - 42

- 43
November 26th, 2008 3:28 amhmm, nice collection … i have got one too a molecule like favicon
- 00
There are no trackbacks at this time. If you are interested in leaving a trackback, please use this URL.
Leave a Comment
Make sure you enter the * required information where indicated. Please also rate the article as it will help us decide future content and posts. Comments are moderated – and rel="nofollow" is in use. Please no link dropping, no keywords or domains as names; do not spam, and do not advertise!
Interact
Popular
- 100 Wordpress Themes
- Photoshop Tutorials
- Fantastic Wallpapers
- 40+ Excellent Freefonts
- Dual-Screen Wallpapers
- Wordpress Themes for 2009
- Illustrator Tutorials
- Incredible Free Icon Sets
- High-Quality Free Fonts
- 30 Scripts For Galleries
- Photoshop Text Effects
- Useful Icon Sets
- Web Design Trends
- iPhone Wallpapers
- Before Launching a Website
- CSS Layouts And Templates
- Photoshop Actions
- Stunning Pictures and Photos
- Fantastic HDR Pictures
- Logo Design Tutorials
- Free Design Templates
- 10 Mistakes In Logo Design
- Photoshop Custom Shapes
- 40 Creative Design Layouts
- 8 Layout Solutions
- 53 CSS Techniques
- Photography Techniques
- Black & White Photography
- Styling Design Elements
- CSS-Based Forms
- 50 jQuery Techniques
- 50 Portfolio Websites
- 50 CSS Techniques
- Creative Logo Designs
- Desktop Wallpapers
- 25 Open Source Mac Apps
- 50 Free Icon Sets
- How to Drastically Improve Your Designs - http://bit.ly/a9L1sb
- A Quick Look at Mobile Web Designs - http://bit.ly/9TCWCG
- How to Test your JavaScript Code with QUnit - http://bit.ly/da853c
- jQuery 1.4 API Cheat Sheet - http://bit.ly/5zYYnE
- Beautiful, Elegant and Free 48px Icon Set - http://bit.ly/cSWcBR
- Gridmaker For Photoshop CS4 - http://bit.ly/98F9kv (via @designernews)
- All freely available fonts on MyFonts in an overview - http://bit.ly/6osbDd


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