width="650">style="width:650px;"> src="http://creatives.commindo-media.de/static/smashing-magazine-advertisement.gif" alt="Smashing-magazine-advertisement in 50 Fantastic Favicons: Episode 9" border="0" />/> href="http://creatives.commindo-media.de/www/delivery/ck.php?zoneid=56" target="_blank">src="http://creatives.commindo-media.de/www/delivery/avw.php?zoneid=56" border="0" alt=" in 50 Fantastic Favicons: Episode 9" /> href="http://creatives.commindo-media.de/www/delivery/ck.php?zoneid=63" target="_blank">src="http://creatives.commindo-media.de/www/delivery/avw.php?zoneid=63" border="0" alt=" in 50 Fantastic Favicons: Episode 9" /> href="http://creatives.commindo-media.de/www/delivery/ck.php?zoneid=64" target="_blank">src="http://creatives.commindo-media.de/www/delivery/avw.php?zoneid=64" border="0" alt=" in 50 Fantastic Favicons: Episode 9" />

Connexion Pseudo :  Mot de passe :  Perdu le mot de passe ? Inscrivez-vous maintenant ! Menu principal Accueil Articles Téléchargements Syndication RSS Partenaires Foire aux Questions CSS Colors Google Search Entrez les mots-clés Labs.XooFoo Xoops France Xoops.org Web Soumettre une recherche LabsSphère Catégories Css (9) Xhtml - Html (8) Php (8) Javascript (11) Xoops (5) Divers (1) Design (10) Accessibilité (1)

50 Fantastic Favicons: Episode 9 Source | Smashing Magazine Date : 2010-03-14T12:29:00+01:00 Lectures : 4 width="650">

Every now and again we showcase fantastic favicons, those tiny pieces of art that you'll find in your browser's address bar or when rifling through your bookmarks. These little gems are important because they serve as visual indicators to help visitors easily identify content in their browser. That aside, favicons are just nice to look at, and way too many websites don't make use of them. We want to change that, which is why we are presenting what is now the ninth episode in our favicons series: a small article with tiny images and fast loading time... for a change.

class="alignnone size-full wp-image-34611" src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/03/illu_favicon09.png" alt="Illu Favicon09 in 50 Fantastic Favicons: Episode 9" width="96" height="96" />

We've written numerous articles about favicons in the past. If you'd like to find out more, feel free to look at these posts:

• href="http://www.smashingmagazine.com/2008/11/20/favicons-episode-8/">Favicon Episode 8
• href="../2008/06/24/favicon-episode-7/">Favicon Episode 7
• title="Favicon Episode 6: Black, Abstract and Hand-Drawing" rel="bookmark" href="../2008/03/21/favicon-episode-6-black-abstract-and-hand-drawing/">Favicon Episode 6: Black, Abstract and Hand-Drawing
• href="../2008/01/01/favicons-episode-5-the-delicate-beauties/">Episode 5: The Delicate Beauties
• href="../2007/09/11/creative-favicons-tiny-artwork/">Part 4: Creative Favicons: Tiny Artwork
• href="../2007/06/14/creative-favicons-when-small-is-beautiful/">Part 3: Creative Favicons: When Small Is Beautiful
• href="../2007/03/29/inspire-yourself-more-creative-favicons/">Part 2: Inspire Yourself: More Creative Favicons
• href="../2007/01/31/inspire-yourself-50-remarkable-favicons/">Part 1: Inspire Yourself: 50 Remarkable Favicons

Any picture’s merit is debatable. But notice that these favicons were chosen not simply for their beauty and originality; it was important to us also that each fit the overall website design and logo. Pay attention to the details of the design.

All favicons are linked, of course, to the websites from where they were taken (if they still exist). Click on them to get more insight into how favicon design relates to overall layout design. The order here does not indicate any ranking.

border="0" cellpadding="8">href="http://www.tableausoftware.com/public/">class="alignnone size-full wp-image-34535" src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/03/tableau.png" alt="Tableau in 50 Fantastic Favicons: Episode 9" width="32" height="32" />Tableau Publichref="http://www.gnashdev.org/">class="alignnone size-full wp-image-34536" src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/03/gnash.png" alt="Gnash in 50 Fantastic Favicons: Episode 9" width="32" height="32" />Gnash Projecthref="http://toproundups.com/">class="alignnone size-full wp-image-34539" src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/03/toproundups.png" alt="Toproundups in 50 Fantastic Favicons: Episode 9" width="32" height="32" />Top Roundupshref="http://nickgravgaard.com/elastictabstops/">class="alignnone size-full wp-image-34540" src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/03/elastic.png" alt="Elastic in 50 Fantastic Favicons: Episode 9" width="32" height="32" />Elastic Tabstopshref="http://www.ioninteractive.com/">class="alignnone size-full wp-image-34542" src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/03/landing.png" alt="Landing in 50 Fantastic Favicons: Episode 9" width="32" height="32" />i-on interactivehref="http://arctg.com/">class="alignnone size-full wp-image-34543" src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/03/arc.png" alt="Arc in 50 Fantastic Favicons: Episode 9" width="32" height="32" />Arc Technology Grouphref="http://kodingen.com/">class="alignnone size-full wp-image-34544" src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/03/kodingen.png" alt="Kodingen in 50 Fantastic Favicons: Episode 9" width="32" height="32" />Kodingenclass="alignnone size-full wp-image-34545" src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/03/slv-rent.png" alt="Slv-rent in 50 Fantastic Favicons: Episode 9" width="32" height="32" />Sound Light Visionhref="http://www.highcharts.com/">class="alignnone size-full wp-image-34546" src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/03/highcharts.png" alt="Highcharts in 50 Fantastic Favicons: Episode 9" width="32" height="32" />Highchartshref="http://www.faces.com/">class="alignnone size-full wp-image-34548" src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/03/faces.png" alt="Faces in 50 Fantastic Favicons: Episode 9" width="32" height="32" />Facesclass="alignnone size-full wp-image-34549" src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/03/photoscape.png" alt="Photoscape in 50 Fantastic Favicons: Episode 9" width="32" height="32" />Photoscapehref="http://www.tipped.co.uk/">class="alignnone size-full wp-image-34550" src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/03/london.png" alt="London in 50 Fantastic Favicons: Episode 9" width="32" height="32" />London Reviewshref="http://www.openfaces.org/">class="alignnone size-full wp-image-34553" src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/03/openfaces.png" alt="Openfaces in 50 Fantastic Favicons: Episode 9" width="32" height="32" />Open Faceshref="http://www.rockettheme.com/">class="alignnone size-full wp-image-34553" src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/03/rocket.gif" alt="Rocket in 50 Fantastic Favicons: Episode 9" width="32" height="32" />RocketThemehref="http://www.techbridge.ca/">class="alignnone size-full wp-image-34554" src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/03/techbridge.png" alt="Techbridge in 50 Fantastic Favicons: Episode 9" width="32" height="32" />Techbridgehref="http://www.techbridge.ca/">class="alignnone size-full wp-image-34555" src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/03/softexpansion.png" alt="Softexpansion in 50 Fantastic Favicons: Episode 9" width="32" height="32" />Soft eXpansionhref="http://www.screwturn.eu/">class="alignnone size-full wp-image-34556" src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/03/screwturn.png" alt="Screwturn in 50 Fantastic Favicons: Episode 9" width="32" height="32" />Screwturn Wikihref="http://nimbupani.com/">class="alignnone size-full wp-image-34592" src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/03/nimbupani.png" alt="Nimbupani in 50 Fantastic Favicons: Episode 9" width="32" height="32" />Nimbupanihref="http://www.spoonjuice.com/">class="alignnone size-full wp-image-34558" src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/03/spoonjuice.png" alt="Spoonjuice in 50 Fantastic Favicons: Episode 9" width="32" height="32" />Spoonjuicehref="http://www.uni-freiburg.de/">class="alignnone size-full wp-image-34559" src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/03/unifreiburg.png" alt="Unifreiburg in 50 Fantastic Favicons: Episode 9" width="32" height="32" />Universität Freiburghref="http://www.uni-freiburg.de/">class="alignnone size-full wp-image-34560" src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/03/paragon.png" alt="Paragon in 50 Fantastic Favicons: Episode 9" width="32" height="32" />Paragon Softwareclass="alignnone size-full wp-image-34561" src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/03/imasters.png" alt="Imasters in 50 Fantastic Favicons: Episode 9" width="32" height="32" />iMastershref="http://www.techeblog.com/">class="alignnone size-full wp-image-34562" src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/03/techeblog.png" alt="Techeblog in 50 Fantastic Favicons: Episode 9" width="32" height="32" />TechEBloghref="http://www.fitbit.com/">class="alignnone size-full wp-image-34564" src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/03/fitbit.png" alt="Fitbit in 50 Fantastic Favicons: Episode 9" width="32" height="32" />FitBithref="http://www.dropbox.com/">class="alignnone size-full wp-image-34565" src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/03/dropbox.png" alt="Dropbox in 50 Fantastic Favicons: Episode 9" width="32" height="32" />DropBoxhref="http://axialis.com/">class="alignnone size-full wp-image-34567" src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/03/axialis.png" alt="Axialis in 50 Fantastic Favicons: Episode 9" width="32" height="32" />Axialishref="http://www.swebapps.com/">class="alignnone size-full wp-image-34568" src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/03/swebapps.png" alt="Swebapps in 50 Fantastic Favicons: Episode 9" width="32" height="32" />Swebappshref="http://acquia.com/">class="alignnone size-full wp-image-34570" src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/03/acquia1.png" alt="Acquia1 in 50 Fantastic Favicons: Episode 9" width="32" height="32" />Acquiahref="http://snipt.org">class="alignnone size-full wp-image-34571" src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/03/snipt.png" alt="Snipt in 50 Fantastic Favicons: Episode 9" width="32" height="32" />Snipthref="http://visitmix.com/">class="alignnone size-full wp-image-34573" src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/03/mix.png" alt="Mix in 50 Fantastic Favicons: Episode 9" width="32" height="32" />MIX Onlinehref="http://www.secondmarket.com/">class="alignnone size-full wp-image-34574" src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/03/second.png" alt="Second in 50 Fantastic Favicons: Episode 9" width="32" height="32" />Second Markethref="http://www.openx.org">class="alignnone size-full wp-image-34575" src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/03/openx.png" alt="Openx in 50 Fantastic Favicons: Episode 9" width="32" height="32" />Open Xhref="http://www.filemail.com">class="alignnone size-full wp-image-34576" src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/03/filemail.png" alt="Filemail in 50 Fantastic Favicons: Episode 9" width="32" height="32" />Filemailhref="http://55eleven.com/">class="alignnone size-full wp-image-34578" src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/03/55eleven.png" alt="55eleven in 50 Fantastic Favicons: Episode 9" width="32" height="32" />55Elevenhref="http://onehub.com/">class="alignnone size-full wp-image-34579" src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/03/onehub.png" alt="Onehub in 50 Fantastic Favicons: Episode 9" width="32" height="32" />Onehubhref="http://projectbubble.com/">class="alignnone size-full wp-image-34582" src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/03/projectbubble.png" alt="Projectbubble in 50 Fantastic Favicons: Episode 9" width="32" height="32" />Projectbubblehref="http://www.projektwerk.de/">class="alignnone size-full wp-image-34583" src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/03/projektwerk.png" alt="Projektwerk in 50 Fantastic Favicons: Episode 9" width="32" height="32" />Projektwerkhref="http://www.medienlab.de/">class="alignnone size-full wp-image-34585" src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/03/medienlab.png" alt="Medienlab in 50 Fantastic Favicons: Episode 9" width="32" height="32" />Medienlabhref="http://www.iconshock.com/">class="alignnone size-full wp-image-34589" src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/03/iconshock.png" alt="Iconshock in 50 Fantastic Favicons: Episode 9" width="32" height="32" />Iconshockhref="http://www.splitweet.com/">class="alignnone size-full wp-image-34586" src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/03/splitweed.png" alt="Splitweed in 50 Fantastic Favicons: Episode 9" width="32" height="32" />Splitweedhref="http://www.goby.com/">class="alignnone size-full wp-image-34587" src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/03/goby.png" alt="Goby in 50 Fantastic Favicons: Episode 9" width="32" height="32" />Gobyhref="http://www.m1-design.de/">class="alignnone size-full wp-image-34537" src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/03/m1.png" alt="M1 in 50 Fantastic Favicons: Episode 9" width="32" height="32" />M1 Designhref="http://pagestat.com/">class="alignnone size-full wp-image-34590" src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/03/pagestat.png" alt="Pagestat in 50 Fantastic Favicons: Episode 9" width="32" height="32" />PageStathref="http://commadot.com/">class="alignnone size-full wp-image-34594" src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/03/commadot.png" alt="Commadot in 50 Fantastic Favicons: Episode 9" width="32" height="32" />Commadothref="http://blog.babbel.com/">class="alignnone size-full wp-image-34595" src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/03/babbelblog.png" alt="Babbelblog in 50 Fantastic Favicons: Episode 9" width="32" height="32" />Babbelbloghref="http://tammyhartdesigns.com/">class="alignnone size-full wp-image-34598" src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/03/tammyhart.png" alt="Tammyhart in 50 Fantastic Favicons: Episode 9" width="32" height="32" />Tammy Harthref="http://www.toufee.com/">class="alignnone size-full wp-image-34599" src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/03/toufee.png" alt="Toufee in 50 Fantastic Favicons: Episode 9" width="32" height="32" />Toufeehref="http://www.lionframework.org/">class="alignnone size-full wp-image-34600" src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/03/lion.png" alt="Lion in 50 Fantastic Favicons: Episode 9" width="32" height="32" />Lion Frameworkhref="http://www.highbeam.com/">class="alignnone size-full wp-image-34601" src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/03/highbeam.png" alt="Highbeam in 50 Fantastic Favicons: Episode 9" width="32" height="32" />High Beamhref="http://www.mixxt.de/">class="alignnone size-full wp-image-34603" src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/03/mixxt.png" alt="Mixxt in 50 Fantastic Favicons: Episode 9" width="32" height="32" />Mixxthref="http://www.cmsexpo.net/">class="alignnone size-full wp-image-34604" src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/03/cmsexpo.png" alt="Cmsexpo in 50 Fantastic Favicons: Episode 9" width="32" height="32" />CMSExpo

And finally, all the favicons in one picture:

class="alignnone size-full wp-image-34606" src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/03/all.png" alt="All in 50 Fantastic Favicons: Episode 9" width="519" height="622" />

(al)

/>

© Sven Lennartz for href="http://www.smashingmagazine.com">Smashing Magazine, 2010. | href="http://www.smashingmagazine.com/2010/03/14/50-fantastic-favicons-episode-9/">Permalink | href="http://www.smashingmagazine.com/2010/03/14/50-fantastic-favicons-episode-9/#comments">Be the first to comment | title="Bookmark in del.icio.us" href="http://del.icio.us/post?url=http://www.smashingmagazine.com/2010/03/14/50-fantastic-favicons-episode-9/&title=50 Fantastic Favicons: Episode 9">Add to del.icio.us | title="Bookmark in Digg" href="http://digg.com/submit?phase=2&url=http://www.smashingmagazine.com/2010/03/14/50-fantastic-favicons-episode-9/">Digg this | title="Stumble on StumbleUpon" href="http://www.stumbleupon.com/submit?url=http://www.smashingmagazine.com/2010/03/14/50-fantastic-favicons-episode-9/">Stumble on StumbleUpon! | title="Tweet us!" href="http://twitter.com/home?status=@tweetmeme%20@smashingmag%20Reading%20'50 Fantastic Favicons: Episode 9' http://www.smashingmagazine.com/2010/ ... astic-favicons-episode-9/">Tweet it! | title="Bookmark in Reddit" href="http://reddit.com/submit?url=http://www.smashingmagazine.com/2010/03/14/50-fantastic-favicons-episode-9/">Submit to Reddit | href="http://forum.smashingmagazine.com/">Forum Smashing Magazine
Post tags: href="http://www.smashingmagazine.com/tag/favicons/" rel="tag">favicons, href="http://www.smashingmagazine.com/tag/showcases/" rel="tag">showcases

A platPar conversationEmboîté Les + anciens en premierLes + récents en premier

Les commentaires appartiennent à leurs auteurs. Nous ne sommes pas responsables de leur contenu.

Auteur	Conversation