Google Chrome displays the wrong favicon that I've linked to in my html

Question

I have an HTML file with the following markup in the head tag:

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

With that, I expect to see my "myFavicon.ico" icon display in Chrome's tab and bookmark bar, but instead it's showing Youtube's favicon (i have a link to youtube in my markup). This make's no sense to me. It works okay in Firefox. Any ideas?

Solution 1

Worked for me in Chrome. A stubborn "old" favicon was sticking around in Chrome. After updating and continual refresh didn't work, went to www.[mysite].com/favicon.ico The browser downloaded the updated favicon, and now it shows up whenever I visit the page.

Thanks.

Solution 2

Try renaming your favicon file to be favicon.ico and putting it in the root (/) directory.

Solution 3

It might be that your browser has cached it. That's happened to me a few times.

Comments

[400_the_cat]

That didn't work.

[Admin]

Opera had a long-standing issue where it would display the wrong favicon (mainly in History rather than on the browser tab).