[HTML]

Add an icon to URL

To add an icon to your URL:

  1. You need an icon. There are plenty of icons on your pc to pick from. Use windows search and look for *.ico Or you can create one go here
  2. Upload the icon to your directory on line the same location of the index.html
  3. Rename the icon on line to favicon.ico
  4. Add both lines below to the head of your index.html page

<link rel="icon" type="image/ico" href="favicon.ico"></link>
<link rel="shortcut icon" href="favicon.ico"></link>

Also you can add an animated icon, just create an animated gif 16 x 16 and upload it to the root directory and add this code. It works only with Firefox browser.
<link rel="shortcut icon" type="image/gif" href="animated_favicon.gif"></link>

They all will look like this
<link rel="shortcut icon" type="image/ico"favicon.ico"></link>
<link rel="shortcut icon" type="image/gif" href="animated_favicon.gif"></link>
<link rel="shortcut icon" href="favicon.ico"></link>

Also just upload the favicon.ico to the root directory of the site all new browsers will find it.

It works with and Netscape7,  IE5 and up and Firefox

[Home] [Tools] [Angelfire Help] [HTML] [Tips and tricks]