Smashing Magazine ~ we smash you with the information that will make your life easier. really.
Smashing Magazine we smash you with the information that will make your life easier. really.

Inspire Yourself: More Creative Favicons

By Smashing Editorial, March 29th, 2007 in Graphics | 57 Comments | Forum

Advertisement

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.

Rounded Elements

Favicon http://www.nathanbeck.co.uk
Favicon http://www.formag.sk
Favicon http://www.igalia.com
Favicon http://www.keepyousafe.com
Favicon http://www.bouyguestelecom.fr
Favicon http://www.spiffycorners.com
Favicon http://www.sailingteam.tv
Favicon http://www.collanos.com
Favicon http://www.silicasolar.com
Favicon http://www.webjuicy.com

Petal

Favicon http://9rules.com
Favicon http://www.alsacreations.fr
Favicon http://www.plum.com
Favicon http://www.dappit.com
Favicon http://www.oyogi.com
Favicon http://www.ziki.com
Favicon http://nationalgazette.org
Favicon http://www.justinshattuck.com
Favicon http://www.flixya.com

Raster

Favicon http://www.accessify.com
Favicon http://www.axialis.com
Favicon http://www.techdirt.com
Favicon http://web.eglois.com
Favicon http://christoph.stoepel.net
Favicon http://www.bluehost.com/
Favicon http://www.ouvaton.coop

Dark

Favicon http://www.bloobseven.net
Favicon http://www.bootlog.cl
Favicon http://www.crobbo.com
Favicon http://www.jamglue.com
Favicon http://www.31three.com

Squares

Favicon http://www.bittbox.com
Favicon http://www.modxcms.com
Favicon http://www.triplecrowncs.com
Favicon http://www.yourminis.com

Misc.

Favicon http://beta.chartu.com
Favicon http://www.clearwired.com
Favicon http://www.findory.com
Favicon http://www.netvouz.com
Favicon http://www.nuff-respec.com
Favicon http://www.huasonic.com
Favicon http://www.kaneva.com
Favicon http://www.xing.com
Favicon http://www.zerbit.de
Favicon 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.

Favicon http://www.antilimit.com

Delicious button Stumbleupon Spread the word on Twitter!

Advertisement
  1. 1.

    Nibbler (March 29th, 2007, 3:25 pm)

    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.

  2. 2.

    Ryan Imel (March 29th, 2007, 10:12 pm)

    Just a heads up. The favicon for Link [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.

  3. 3.

    Vitaly Friedman & Sven Lennartz (March 29th, 2007, 10:41 pm)

    thanks ryan for pointig this out. exchanged urls.

  4. 4.

    3stripe (March 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…

  5. 5.

    Bob (March 30th, 2007, 4:50 am)

    None as great as mine! :)

  6. 6.

    Jermayn Parker (March 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.

  7. 7.

    egojab (March 31st, 2007, 11:40 am)

    @3stripe

    are you sponsored by adidas, or just use their logo?

  8. 8.

    Ben Parsons (March 31st, 2007, 8:05 pm)

    I realise it’s quite busy, but I like the animated Link [www.pokelondon.com] logo.

  9. 9.

    Alex Mos (April 2nd, 2007, 7:48 am)

    I got one also I quite like :)
    Great List!

  10. 10.

    anon (April 2nd, 2007, 9:24 am)

    Link [www.celebrityprankcalling.com] relevant to your interests?

  11. 11.

    OverZero.it (April 3rd, 2007, 9:48 pm)

    Nice list, thank you!

  12. 12.

    Chaoskaizer (April 4th, 2007, 3:23 am)

    good list.
    lots of variations i like the petals versions..

    Link [tools.dynamicdrive.com] images > ico. might come in handy

  13. 13.

    David (April 4th, 2007, 6:53 pm)

    Grande BOOTLOG, estan buenos los favicons. Me gustaron los dark y los square.

    Saludos
    D.

  14. 14.

    Jaime Ayala (April 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!!!!!!!!!

  15. 15.

    rikzun (April 11th, 2007, 4:15 pm)

    nice to see a .cl there :D

  16. 16.

    mom (June 14th, 2007, 10:45 pm)

    Nice, i am on the right way with my little favicon. :-)

  17. 17.

    Roman (July 8th, 2007, 7:40 pm)

    Nice icons! I liked Petal most of all.

  18. 18.

    webmaster (August 13th, 2007, 11:33 pm)

    Totaally Sweet STUFF!

  19. 19.

    Konin (August 14th, 2007, 9:49 pm)

    Very nice icons.

  20. 20.

    Syed Balkhi (August 23rd, 2007, 8:03 pm)

    how about the one at Link [www.idk.in]

  21. 21.

    Dugu (September 1st, 2007, 4:53 pm)

    Smashing magazine has an awesome favicon :)

  22. 22.

    lara (October 23rd, 2007, 1:03 am)

    hi! I want to suggest another favicon, which I believe is very appealing and has a vergy good impact: Link [www.prahba.com]

  23. 23.

    isk (November 22nd, 2007, 7:25 am)

    i like rounded elements=]

  24. 24.

    Baltic (December 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

  25. 25.

    Amyobus Key (July 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.

  26. 26.

    mike (January 15th, 2009, 6:39 am)

    how about the favicon at: Link [www.stephanieBlakey.me.uk] - not many sites make use of a photo!

Leave a Reply

Allowed Tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>
Advertisement
 

All Posts

Follow us on Twitter!
Subscribe to our RSS-feed!

Advertisement

Fresh Bookmarks

22 Free Seamless Vector Pattern Resources Perfect For Web Design
A collection of resources and articles related to vector patterns.

10 New PHP Content Management Systems
All based on PHP.

25 Beautiful Logos with Sequential Concept
Sequential logos maybe is a new trend among logo designers.

Designing a blog with HTML5
Much of HTML 5’s feature set involves JavaScript APIs that make it easier to develop interactive web pages.

20+ CSS Data Visualization Techniques
Get inspired.

CSS3 – a big storm is coming
With CSS3 media queries and multi-column layouts it will be a whole new ballgame.

Woodgrain: A Free Social Media Icon Set
With 18 social networks represented alongside astandard RSS icon in PNG format,

Webdesign: Five Minute Upgrade
Making Your Design Pop.

45 Stylish Typographical Desktop Wallpapers
These beautifully designed wallpapers are not solely about typography.

The Light CMS Trend
A new trend in CMSs I’m calling “light” CMSs.

  • 9Rules Logo
  • Quicksprout Logo