The Browser Icon – FavIcon.ico


This blog post and content has been moved to my new blog at


Comments (5)

  1. Travis Owens says:

    Well officially you should point to your icon in your HTML’s <head> tag by adding the following:

    <LINK REL="SHORTCUT ICON" HREF="/favicon.ico">

    As you can guess, you can name the icon anything you want.

    Photoshop doesn’t natively support icons but there is a free and updated icon plugin for Photoshop (all versions) at:

    Photoshop is my preferred way to create icons, despite VS’s built in icon support.

  2. Jeff Parker says:

    Happy new year Pete. A quick comment additionally you can specify the favorite icon in html if you want to keep it in a different place that the root. adding the follow tag in the head will allow you to put the fav ico under the images folder

    <link rel="SHORTCUT ICON" href="Images/favicon.ico" />

    However this linktype is not supported by all browsers, works in IE and Firefox though. Mainly because it is not part of the html standard by the w3.

  3. PatriotB says:

    Another thing to note is that it won’t go and show your icon in the address bar on its own; you have to have the site in your Favorites. (Pre-IE7, at least.)

  4. Storing it in /favicon.ico has the additional benefit of removing 404 errors from downlevel IE users adding your site to their favorites.