View Full Version : icon in address bar

27th March 2006, 09:58 AM
How do you customize the icon in the address bar?

I couldn't find the answer by googling it and I studied the source code of various webpages but I still couldn't figure it out.

27th March 2006, 11:07 AM
<LINK REL="shortcut icon" HREF="your icon's address">

IE 5.0 needs it to be an icon file, mozilla can also use png and gifs. (I don't know if v6.0+ of ie can use other types)

To avoid possible problems, typically the full address is used.

Apparently some servers don't allow it though :-/

28th March 2006, 06:24 PM
This is taken out of my website's HTML:

<link rel="shortcut icon" href="free.ico">
it goes in the < head> tag, and you can make .ico files in Paint, as far as I remember.

29th March 2006, 02:58 AM
Method One

Select any standard Windows icon file. The .ico file *must*
be in standard Windows icon file format, or it will be

Rename the icon file *exactly* to: favicon.ico -- all
lowercase. No deviation from this is allowed.

Place the favicon.ico file in the 'root' directory on your
web server (where your main index page is).

Whenever your site is bookmarked, the icon will subsequently
show up on the visitor's Favorites list. When they visit
your site, the icon will also show in the URL window of the

That's all there is to it -- it's automatically picked up by
IE5 and later browsers.

Method Two

Insert the following LINK tag in the <head>...</head> of
your pages.

<LINK REL="SHORTCUT ICON" HREF="http://www.mydomain.com/myicon.ico">

Change the path and icon filename to correspond to the
location of the icon file on your site. The icon graphic
filename should be lowercase, no more than eight characters,
and the extension must be .ico.

As above, the file *must* be in standard Windows icon file
format or it will be ignored.

When you use this method as opposed to Method One above, the
LINK REL code should appear on any page that might be

Don't forget to confirm that the icon file is actually where
you say it is in the LINK REL path!

More Information - Creating Icons

The following is an exact quote from Microsoft®:

"For Internet Explorer 5, the required size of a shortcut
icon is 16x16 pixels. To create the icon, use an icon
editor, such as the one included in Microsoft® Visual
Studio® or one of the many other icon editors available.
Regardless of the program you use, make sure you set the
editor to create an icon that is 16x16 pixels. Otherwise,
the icon will be ignored by Internet Explorer."


We've noticed occasionally quirky behavior with this IE5
feature on several systems.

In many cases the icon will not appear on your machine until
*after* you perform the following steps:

- close *all* programs but the browser
- navigate to a neutral site, off your own url
- remove any and all bookmarks (favorites) to your
site that you may currently have
- clear the History and the Cache of the browser
- reboot, clear the Recycle Bin
- reboot again, bookmark your site
- reboot [sigh] again...



29th March 2006, 04:31 PM
also, i've noticed that moz automatically tried to retrieve favico.ico from the server if none is linked to.