Search code examples
safarigoogle-chromefavicon

Favicon does not show on Webkit browsers

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?

Solution

  • 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" />