IconBarn.com Homepage
Payment Options

How to display a favicon:

Save your icon as favicon.ico if you are using the .ico format. Upload your favicon graphic to the root directory of your server. While IconBarn.com maintains .ico graphic files, any graphic file supported by any particular browser will work to some extent. To display a favorites icon in the web browser when visitors visit your site, simply place the below favicon code somewhere between the <head> and </head> tags of each page on your site.

Copy and paste the below favicon code.

<link rel="shortcut icon" href="http://www.yoursite.com/favicon.ico" type="image/vnd.microsoft.icon">

Customizing the favicon code:

  • Remember that http://www.yoursite.com/favicon.ico must point to your website and favicon.
  • For XHTML, the code must end with " />" instead of ">".
  • For .png files, use <link rel="icon" href="/image.png" type="image/png">.
  • For .gif files, use <link rel="icon" href="/image.gif" type="image/gif">.

Problems with displaying favicons:

There are many different browsers, operating systems and settings found on different computers. There is no guarantee that a favorites icon will display on any given computer. It is not unusual for a favicon to appear during one website visit and then be absent the next.

  • Make sure your favorites icon is uploaded to your website's root directory.
  • Make sure you place the above code within the <head> section of each page of your website.
  • Make sure the code you are using is correct.