5 Years
Discussion Span
Last Post by austinluthers

<link rel="shortcut icon" href="favicon.ico" /> code for favicon...which is used for website shortcut icon

Edited by pritaeas: Added markdown.


Your first step is to create the .ico file. There are quite a bit of sites online that will allow you to upload an image and convert it to this file type. Save the file as favicon.ico.

Second, there are a few variations of how to get browsers to use the favicon.ico file. The variation that appears to be preferrred by most browsers is:

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

This link element should be placed in the <head> section of your document.

Another method which works for most browsers but is not preferred by all browsers is to simply upload the favicon.ico file to the root directory of your web site.


Here is a simple guide on how to make a favicon.

A few heads up about them:

  • Goes in the header
  • normal size is 16x16 pixels
  • As JorgeM has said, it goes in like this in the header

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

  • All other sources can be Google'd... hope this helped.

It's called a Favicon a small graphic that loads on the title tab on the browser. You create the small graphic about 16X16 pixels name it favicon.ico then put the following in the header section of your home page <link rel="shortcut icon" href="http://www.yourwebsite.com/favicon.ico" > That will do it!

Edited by pritaeas: fake sig (SPAM) deleted, added markdown


Favicon a small graphic that loads on the title tab on the browser,you create the small graphic about 16*16 pixels name it favicon.ioc then put the following in the header section of your home page <link rel="Shortcut icon" href="http://www.yourwebsite.com/favicon.ico">

Edited by pritaeas: Added markdown


Just looking for such a resource to add favicon on my website - I hope, it will resolve my problem.


You can easily get the favicon icon but for that you have to write the following code that might be very useful for you to add image to title of web page.
<link rel="icon" type="image/gif" href="/logo2.gif" />
The above code help you to get the fevicon file.

Edited by pritaeas: Removed explicit link

This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.