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

March 29th, 2007 in Graphics | 54 Comments

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

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.

    manu (March 23rd, 2008, 12:18 pm)

    look at the favicon on Link [www.firmendb.de]
    very creative!!!

  26. 26.

    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.

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> <pre lang="" line="">
Advertisement
 

All Posts

Advertisement

Fresh Bookmarks

Making of Dolphins - Photoshop Tutorial
Tips about how the Dolphins wallpaper was made.

Forms Error Messages - Showcase
42 Examples - Design Showcase

50 Excellent Footer Designs
A showcase of beautiful footer designs.

Designers Review of Books
A single place online where you could get constant updates and reviews of design books.

Christmas Icon Sets
A collection of Christmas icon sets, available for free download.

CSS Type Set

Comics Photoshop Action

  • 9Rules Logo
  • Quicksprout Logo