favicon not working in IE

internet-explorer favicon
augiesarmy picture augiesarmy · Sep 23, 2008 · Viewed 114.8k times · Source

I have a site using a custom favicon.ico. The favicon displays as expected in all browsers except IE. When trying to display the favicon in IE, I get the big red x; when displaying the favicon in another browser, it displays just fine. The page source includes and it does work in other browsers. Thanks for your thoughts.

EDIT: SOLVED: The source of the issue was the file was a jpg renamed to ico. I created the file as an ico and it is working as expected. Thanks for your input.

Answer

Oli picture Oli · Sep 23, 2008

Right you've not been that helpful (providing source would be have been really useful!) but here you go... Some things to check:

Is the code like this:

<link rel="icon" href="http://www.example.com/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="http://www.example.com/favicon.ico" type="image/x-icon" />

Is it in the <head>?

Is the image a real ico file? (renaming a bitmap is not a real .ico! Mildly different format)

Does it work when you add the page as a bookmark?

Related questions

How to clear IE's favicon cache?

i have a favorite icon defined for my web-site: <link rel="shortcut icon" type="image/x-icon" href="favicon.ico"> Any browser that has visted the site after i added the icon can display the favicon fine. But my …

Read More
Which versions of IE support PNG favicons?

In this old StackOverflow post, it was said that only IE6 had issues with PNG favicons, but on channel9, it said that IE7 also does not support PNG favicons either. But, unfortunately, the channel9 link has been deleted - so …

Read More
Hide scroll bar, but while still being able to scroll

I want to be able to scroll through the whole page, but without the scrollbar being shown. In Google Chrome it's: ::-webkit-scrollbar { display: none; } But Mozilla Firefox and Internet Explorer don't seem to work like that. I also tried this …

Read More