0

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

gvee
  • 16,732
  • 35
  • 50
user3128954
  • 1
  • 1
  • 3

2 Answers2

2

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

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

Community
  • 1
  • 1
xzipex92
  • 21
  • 3
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.

  • The comment could use some clarification. Having your favicon.ico in the root directory will work without needing any code, yes, but tags are fully supported just the same. See: http://en.wikipedia.org/wiki/Favicon#How_to_use – David Metcalfe Dec 31 '13 at 11:12
  • @david-metcalfe: Yes you are right, there is no issue of supporting 'link' tag. But there was reported error that the favicon.ico wasn't ICO but PNG. – Sunil Thakare Jan 01 '14 at 08:34