Favicon in Website

Hi,

I am creating a website, and giving the following line in <Head> element, after creating the favicon.ico, but my favicon is not displaying. I've tried on Chrome and Explorer.

Also some sites display a .gif as favorite icon, which I've tried but it does not work.

Code:
<link rel="shortcut icon" type="image/icon" href="Favicon.ico">

Kindly help..

Sanjay.
Sanjay GandhiFounder, KenhalAsked:
Who is Participating?

Improve company productivity with a Business Account.Sign Up

x
 
Juan OcasioConnect With a Mentor Application DeveloperCommented:
Try <link rel="shortcut icon" type="./image/icon" href="Favicon.ico"> with the dot-slash.  Also, if you're testing the site and it's not displaying try emptying your cache.
0
 
Sanjay GandhiFounder, KenhalAuthor Commented:
Thanks, it worked after clearing the cache.
But ./ was not required, because my icon is in root folder, where index.html is saved. Therefore the code works as:

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

Solved!!

Sanjay.
0
 
Juan OcasioApplication DeveloperCommented:
No problem.  Just make sure all other pages are in root if you're going to keep images/icon.

Good luck!
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.