Inspire Yourself: Remarkable Favicons

Navigation menus have to be intuitive, precise and easy-to-use. One simple, basic principle, which is common for all kinds of nav bars you would ever want to use for your projects. In fact, navigation menu is probably the most important element in web design: after all, it is being used more often than any other element on a given page. Therefore it’s important to make sure that your visitors will find they way around the site structure - however complex the latter might be.

So how do designers cope with a challenging task to create an attractive and usable menu? Which results can be achieved? OK, that’s a tough one. Let’s take a look around.

We have included some DHTML- and JavaScript-based navigation menus in this list by mistake. Sorry for inconvenience.

Petal

  • faviconhttp://www.aurea.es/
  • faviconhttp://www.fxis.net/
  • faviconhttp://www.divshare.com/
  • faviconhttp://www.tanyamerone.com/
  • faviconhttp://www.akken.com/
  • faviconhttp://www.kepu.net.cn/english/

Rounded Elements

  • faviconhttp://www.fat-man-collective.com/
  • faviconhttp://www.lisensa.com/
  • faviconhttp://www.lorop-it.de/
  • faviconhttp://www.akamai.com
  • faviconhttp://www.cogmap.com/
  • faviconhttp://www.colorwarepc.com/
  • faviconhttp://www.evozon.com/
  • faviconhttp://www.diabetesgate.de/
  • faviconhttp://www.adelaidemetro.com.au/

Letters and Typography

  • faviconhttp://www.cubexagency.com/
  • faviconhttp://www.lisensa.com/
  • faviconhttp://www.somox.com/
  • faviconhttp://www.piqniq.jp/
  • faviconhttp://www.eight6.com/
  • faviconhttp://reachgroupconsulting.com/
  • faviconhttp://www.flexy.info/
  • faviconhttp://www.kiva.org/

Ornaments

  • faviconhttp://www.imthere.com/
  • faviconhttp://www.elevenmedia.com/
  • faviconhttp://www.roisure.com/
  • faviconhttp://www.pixellogo.com/
  • faviconhttp://www.thinkpinkstudio.com/
  • faviconhttp://www.mattwebb.com.au/

Squares

  • faviconhttp://www.sumagency.com/
  • faviconhttp://www.indesign.einsteiger-portal.de/
  • faviconhttp://www.kirkpatrickbank.com/
  • faviconhttp://deforum.ru/
  • faviconhttp://www.imasters.com.br/
  • faviconhttp://www.ouvaton.coop/
  • faviconhttp://detlog.org/
  • faviconhttp://www.ministrycamp.com/
  • faviconhttp://www.getpaint.net/
  • favicon http://microformats.org/
  • favicon http://www.kath-thun.ch/
  • favicon http://www.campus-and-more.de/
  • favicon http://pro-buero.com/
  • favicon http://www.quada-office.de
  • favicon http://www.modulio.net/

Further Favicons

  • favicon http://www.joomlart.com/
  • favicon http://letterpop.com/
  • favicon http://www.illustrationclass.com/
  • favicon http://www.trendwatching.com/
  • favicon http://www.edag.hu/
  • favicon http://www.elektro.de/

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/

 

 

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