Favicon does not show on Webkit browsers

Question

I'm having problems with putting a favicon on my website.

I have this code

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

And for some reason Firefox shows the favicon fine, but on Webkit browsers its not showing up. I tried Google Chrome and Safari on a Mac and its not showing up; do I need to do something for these browsers?

What if you put the icon to root dir instead of img? Does it work then? — František Žiačik, Jun 16 '10 at 15:32
sorry was having svn issues with moving favicon, but you were correct Frantisek thank you, please answer this and ill mark it correct. — Doug Molineux, Jun 16 '10 at 16:32

score 3 · Accepted Answer · answered Jun 16 '10 at 18:11

3

Try placing a relative path and change the type to "image/x-icon":

<link rel="shortcut icon" type="image/x-icon" href="/img/favicon.ico" />

Or just place it on the root:

<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />

answered Jun 16 '10 at 18:11

Mohamed Mansour

39,445
10
116
90

I think you should also add the domain to the address, like: "h t t p ://somedomain.com/favicon.ico" – BerggreenDK Jan 09 '11 at 17:36

Favicon does not show on Webkit browsers

1 Answers1

Linked