0

My favicons are not showing up across browsers after I uploaded my website files onto the server. I have tried the following solutions on stackoverlow and nothing worked:

  1. cleared cache on browsers
  2. renamed the href <link href="img/favicon.ico" rel="shortcut icon" type="image/x-icon" /> to something else, "favicon.ico", "favicon.ico?"

Does anyone have any suggestions?

Thanks..

ShaunK
  • 1,181
  • 5
  • 22
  • 41
  • 1
    did u write the right path for it? – Chun Mar 28 '15 at 01:42
  • @Chun Yes I did, the files are in the right hierarchical order -- it shows up fine on my local machine. – ShaunK Mar 28 '15 at 01:54
  • 2
    have you tried access it directly through the url? example: `yourdomain.com/img/favicon.ico` does it show up? does this worked previously or this is the first time you are trying to add it? – Chun Mar 28 '15 at 02:08

1 Answers1

1

Perhaps try the following:

  1. Place the file in the root - some browsers automatically look here for the favicon so may as well put it there if you can;
  2. Drop "shortcut" - it is not a valid relation and isn't required from IE9 anyway (see: https://mathiasbynens.be/notes/rel-shortcut-icon). It may be complicating parsing. If needed to support IE8 and earlier, perhaps try a separate declaration.
  3. Check that you have declared the "profile" in the head.
  4. Consider adding variants for cross browser and purpose support (see: https://css-tricks.com/favicon-quiz/ - old, but shows issues).

Personally, can't wait till they all support svg.

TBB
  • 1,207
  • 1
  • 14
  • 25