Favicon at root of the site but not displaying

Question

I recently put my portfolio online and I can't figure out why the favicon is not showing.

I created a file called favicon.ico that is at the root of the website (see here: www.paulinelephew.com/favicon.ico)

Here is the code:

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

For some reason it won't display, help really appreciated here!

Thank you!

Pauline

Answer 1

Remove all <link> tags used for your favicon. Simply put your favicon.ico file to web root.

Secondly, your file: http://www.paulinelephew.com/favicon.ico is a PNG image. Please convert it to ico format.

It will just work.

Answer 2

Same "problem". Ctrl + F5 makes a "hard refresh" and the icon is shown.

https://stackoverflow.com/a/30990460/5322744