Smashing Magazine - we smash you with the information that will make your life easier. really.
Favicons Episode 5: The Delicate Beauties
The New Year’s Eve is a tricky time for designers. Some of us eagerly analyze deadlines, define milestones and refine the time schedule for the upcoming year. The other ones discover the need to update footers and copyright statements on their web-sites (by the way, have you actually replaced “2007″ with “2008″ in your footer?). Still, even on the January 1st passionate designers continue to strive for inspiration in order to come up with fresh ideas for the ongoing projects.
If the latter is your case, is there really a better way to find the inspiration rather than in a fine gallery of excellent favicons – our not that secret and very lively passion? We’ve written a lot about favicons in the previous articles. If you’d like to find more inspiration or find out more about how they are actually created, take a closer look at the following articles and showcases:
- 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
Below you’ll find more examples of an excellent favicon design; we’ve collected these delicate beauties over the last three months.
Please notice that the favicons weren’t chosen simply because of their beauty; it’s been important to us that the favicon perfectly fits to the overall site design. All favicons are linked to the sites where they are used — you can click on them to get more insights into how favicon design can be related to the layout design.
[Offtopic: by the way, do you know the Smashing Network has its own Smashing Network RSS Feed? Only excerpts are displayed in the feed.]
50 Excellent Favicon Designs
This time our favourite favicon is the one used on a Russian web-site called Coalla. It’s a logo (a cute koala coala bear) cut in two halfs. Though it’s simple and uses only black and white, it looks surprising and funny, and is both appealing and memorable. In this case the idea matters more than the design itself.
And here are 49 more excellent Favicons:
![]()
The Co-Founder of Smashing Magazine. Former writer, web designer, freelancer and webworker. Author of several books. Runs the business.
- 31 Comments
- 1
- 2
January 1st, 2008 1:23 pmSM’s is pretty good too. I must change mine.
Congratulations on your success in 2007. Hoping that 2008 will be an even better year for you. SM is the best! - 3
January 1st, 2008 1:36 pmThanks a lot for the link, happy new year :)
- 4
January 1st, 2008 4:41 pmI think the correct spelling is “Koala” Bear :)
Great list, thanks SM.
- 5
January 1st, 2008 5:16 pmThanks for the link!
- 6
January 1st, 2008 6:10 pmWow, what a great selection… AGAIN
- 7
January 1st, 2008 6:23 pm@mark: nope, click and follow the link, thats how they spell it.
- 8
January 1st, 2008 6:38 pmI’ve been using this online favicon creator. It shows the result as you work on it, and you can save, publish and share.
http://www.favicon.cc/ - 9
January 1st, 2008 7:10 pmHappy new YEAR! smashing 2007, coming to smash 2008!,
Cheerz!,
- 10
January 1st, 2008 7:31 pmI love favicons but these small icons don’t get the attention they deserve. Why don’t you install the favatars plugin so comments with websites shows them ?
- 11
January 1st, 2008 8:48 pmKoala is spelt with a k not a c. Calling it a Koala bear is incorrect as it is not a bear, in fact it is more closely related to the kangaroo.
- 12
January 1st, 2008 11:05 pmNicely chosen favicons! Vote for Your favourites or ad new ones at the favicon directory – faviconize.com
- 13
January 2nd, 2008 1:47 amI wonder when will technology allow us to put GIF icons… :)
- 14
January 2nd, 2008 3:15 amwow .. :) very inspiring, thanks SM!
- 15
January 2nd, 2008 4:24 amVery nice list again… good inspiration.
I quite like mine (shameless plug, I admit). First one I’ve ever done…
- 16
January 2nd, 2008 9:04 amGreat collection!
However, the link for the hubpages.com is “semi-broken” – doesn’t point to the home page, but to a 404, instead. (You can still see the avatar.)
A bit too much CTRL-V I think ;)
- 17
January 2nd, 2008 1:07 pmI love this article, the colours on the favicons are useful too well done!!!
- 18
January 2nd, 2008 2:55 pmnice favicon Andy but ditch th etable layout :)
- 19
January 2nd, 2008 8:18 pmWow!!!!! cool favs!!! Inspiring. Thanks SM.
HAPPY NEW YEAR!!!! - 20
January 3rd, 2008 6:47 amI think the correct spelling is “Koala” Bear :)
It’s actually wrong to use the word ‘bear’ too.
- 21
January 3rd, 2008 9:46 amMine is better :P
- 22
January 3rd, 2008 2:14 pmGreat post. Thanks for that!!!
- 23
January 4th, 2008 1:28 amSmall is Beautiful ;)
- 24
January 4th, 2008 6:16 amThe dharma site does have a small beautiful favicon…
- 25
January 10th, 2008 6:36 amWow, thanks guys for mentioning my favicon, but I just changed it… my I should bring back the old one?
- 26
January 10th, 2008 7:12 pmI really like your blog!
- 27
January 10th, 2008 7:13 pmI really like your blog!
- 28
January 10th, 2008 8:51 pmThis is a good list. I actually need to review my favicons having seen this list.
- 29
February 13th, 2008 5:31 amExcellent collection of Fav Icons..Keep Going..I like tht Hypermax Icon
- 30
March 8th, 2008 8:33 amCool set of favicons. I am wishing to use favicon too. Any1 can help creating one for me?
- 31
January 26th, 2010 6:25 pmThe jewel is what a precious or semiprecious stone incorporated into a piece of jewelry. Our site will display the up-to-date jewels information, the discription of jewelry, the rhinestone, the jewel earring, the jewel ring, the jewel bracelet etc.Net marketing Inc. registered in California USA in 2000. They do a variety of the garment accessories, plastics, home goods, leather, toys, crafts and jewels of international trade 。It suppot Traditional Chinese, Japanese and English.find affordable vacation packages, city sightseeing tours,America tours,Canada tours, bus tours at joyfultours
- 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
- Common Practices To Increase Returning Visitors - http://bit.ly/5a4bRc
- @glennvh please contact our support team: orders@smashingmagazine.com with your purchase number, they'll tell you how long you need to wait!
- @jchristopher it's our pleasure, Jonathan.
- HTML5 vs. Flash - http://remysharp.com/2010/02/08/html5-vs-flash/
- Learn Something Every Day: a nice little blog updated every day - http://bit.ly/rmcES
- We’re Ready for CSS3, but are we Ready for CSS3? - http://bit.ly/cKN7Bz
- lovely-css: a grid-based CSS framework - http://bit.ly/ayA0wb


Very interesting favicon layouts. Maybe some animated in the loop soon?
Reminds me I need to make one for myself again :-).
Take care and have more of this.
Hrvoje Livnjak