Smashing Magazine - we smash you with the information that will make your life easier. really.
Inspire Yourself: More Creative Favicons
Recently we’ve selected 50 Remarkable Favicons you can inspire yourself from. This follow-up is supposed to give you some more ideas for fresh, inspiring and creative favicon design.
Favicons, mini graphics for a particular web-site, can be displayed in the browser’s URL bar, next to the site’s name in lists of bookmarks, and next to the page’s title in a tabbed document interface. To be recognized immediately, favicons have to be visually appealing and fit to the design or logo of a given page.
Below you’ll find over 45 more beautiful favicons, which can serve as a nice source for inspiration. You can click on favicons – they lead to the page, which uses the image as a page icon.
[Offtopic: By the way, did you know that Smashing Magazine has a mobile version? Try it out if you have an iPhone, Blackberry or another capable device.]
Rounded Elements
 | http://www.nathanbeck.co.uk |
 | http://www.formag.sk |
 | http://www.igalia.com |
 | http://www.keepyousafe.com |
 | http://www.bouyguestelecom.fr |
 | http://www.spiffycorners.com |
 | http://www.sailingteam.tv |
 | http://www.collanos.com |
 | http://www.silicasolar.com |
 | http://www.webjuicy.com |
Petal
 | http://9rules.com |
 | http://www.alsacreations.fr |
 | http://www.plum.com |
 | http://www.dappit.com |
 | http://www.oyogi.com |
 | http://www.ziki.com |
 | http://nationalgazette.org |
 | http://www.justinshattuck.com |
 | http://www.flixya.com |
Raster
 | http://www.accessify.com |
 | http://www.axialis.com |
 | http://www.techdirt.com |
 | http://web.eglois.com |
 | http://christoph.stoepel.net |
 | http://www.bluehost.com/ |
 | http://www.ouvaton.coop |
Dark
 | http://www.bloobseven.net |
 | http://www.bootlog.cl |
 | http://www.crobbo.com |
 | http://www.jamglue.com |
 | http://www.31three.com |
Squares
 | http://www.bittbox.com |
 | http://www.modxcms.com |
 | http://www.triplecrowncs.com |
 | http://www.yourminis.com |
Misc.
 | http://beta.chartu.com |
 | http://www.clearwired.com |
 | http://www.findory.com |
 | http://www.netvouz.com |
 | http://www.nuff-respec.com |
 | http://www.huasonic.com |
 | http://www.kaneva.com |
 | http://www.xing.com |
 | http://www.zerbit.de |
 | http://www.ignite-games.com |
Animated Favicons
Modern browsers can also show animated favicons, if the designer of a page provided some .gif-image as favicon. However, since the effect is sometimes obtrusive and disturbing, the animation is used rarely. Unless it’s used as shown in the example below. The effect remains subtle and surprising.
 | http://www.antilimit.com |
The Co-Founder of Smashing Magazine. Former writer, web designer, freelancer and webworker. Author of several books. Runs the business.
(No votes yet)
Loading ...- 22 Comments
- 1
- 2
March 29th, 2007 10:12 pmJust a heads up. The favicon for http://xiapdesign.com is actually the default bluehost.com favicon. If you don’t set one up yourself bluehost uses theirs. I only know this because I use bluehost and have changed it before.
- 3March 29th, 2007 10:41 pm
thanks ryan for pointig this out. exchanged urls.
- 4March 29th, 2007 11:57 pm
I’ve always liked my own favion but then again I’m biased :)
It used to be animated as well but I found that a bit distracting after a while…
- 5March 30th, 2007 4:50 am
None as great as mine! :)
- 6March 30th, 2007 12:23 pm
@BOB – Yours would have been better if it was rounded as the smiley face instead of odd shape and just cropped from the header image.
- 7March 31st, 2007 11:40 am
@3stripe
are you sponsored by adidas, or just use their logo?
- 8
- 9April 2nd, 2007 7:48 am
I got one also I quite like :)
Great List! - 10April 3rd, 2007 9:48 pm
Nice list, thank you!
- 11April 4th, 2007 3:23 am
good list.
lots of variations i like the petals versions..Fav Icon Generator images > ico. might come in handy
- 12April 4th, 2007 6:53 pm
Grande BOOTLOG, estan buenos los favicons. Me gustaron los dark y los square.
Saludos
D. - 13April 4th, 2007 8:41 pm
two latinoamericans and chileans, that’s a great and pleasent surprise for us, great news for de chilean design. (again)
ce ache iiiiii!!!!!!!!! - 14April 11th, 2007 4:15 pm
nice to see a .cl there :D
- 15June 14th, 2007 10:45 pm
Nice, i am on the right way with my little favicon. :-)
- 16July 8th, 2007 7:40 pm
Nice icons! I liked Petal most of all.
- 17August 13th, 2007 11:33 pm
Totaally Sweet STUFF!
- 18August 14th, 2007 9:49 pm
Very nice icons.
- 19September 1st, 2007 4:53 pm
Smashing magazine has an awesome favicon :)
- 20November 22nd, 2007 7:25 am
i like rounded elements=]
- 21December 10th, 2007 4:37 pm
I have forgot about this feature, that webpage can have icon, i dont now why=] But now i will create icons for every webpage. Thanks for idea
- 22July 13th, 2008 3:41 pm
You can get an animated favicon if you can find the instructions at the Angel of the Garden’s favicon instruction page.
- 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
- 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
- How The CSS Selector nth-child Works - http://bit.ly/cgPMqe
- 33 New High Quality Adobe Illustrator Tutorials - http://bit.ly/bTgFbu
- How to Drastically Improve Your Designs - http://bit.ly/a9L1sb
- A Quick Look at Mobile Web Designs - http://bit.ly/9TCWCG
Some are nice but far from original. The first one is a copy of the new waiting cursor of vista. Dappit looks a lot like the old Flash logo.