HTML Favicon.ico won’t show on Google Chrome

by

Since you have a leading / in your href, you are referencing a file that will be in the root-folder. In case you have your page in a folder on your computer, not serving it from a local webserver, the leading / will tell the browser to look in the root folder of your filesystem. So the browser expect the file to be at C:/favicon.ico or similar, which is probably not what you’ve expected.

If you have the favicon.ico in the same folder as the web page, you could just remove the leading slash, and the icon should be visible.

<link rel="shortcut icon" href="https://stackoverflow.com/questions/13780402/favicon.ico" />

Update:

As a debug option, your could try to add a tag that you know works. I borrowed this snippet from the StackOverflow source. Try replacing your link tag with this and see if you get the SO logo as your favicon.

<link rel="shortcut icon" 
      href="http://cdn.sstatic.net/stackoverflow/img/favicon.ico">

Update 2:

It appears that there is a bug reported on Chromium where the favicon isn’t displayed if the file is loaded locally, without being served through a webserver.

More Related Contents:

  1. Favicon not showing up in Google Chrome [duplicate]
  2. local (file://) website favicon works in Firefox, not in Chrome or Safari- why?
  3. Should I make HTML Anchors with ‘name’ or ‘id’?
  4. Google Apps Script to open a URL
  5. Google Chrome form autofill and its yellow background
  6. How to create an HTML button that acts like a link
  7. How to save CSS changes of Styles panel of Chrome Developer Tools?
  8. Why would a developer place a forward slash at the start of each relative path?
  9. How do I uninstall a Service Worker?
  10. Another: Force Chrome to fully buffer mp4 video
  11. Chrome Download Attribute not working
  12. How to disable Google translate from HTML in Chrome
  13. How to animate a favicon?
  14. What is the best practice for creating a favicon on a web site? [closed]
  15. How to add google chrome omnibox-search support for your site?
  16. Add target=”_blank” in CSS
  17. Chrome rendering issue. Fixed position anchor with UL in body
  18. Turn off Chrome/Safari spell checking by HTML/css [duplicate]
  19. Html Video player plays sound but not video
  20. What is shadow root
  21. canvas default size
  22. Chrome: Automatic shift of web elements
  23. How to fix “insecure content was loaded over HTTPS, but requested an insecure resource”
  24. Force decimal point instead of comma in HTML5 number input (client-side)
  25. How can you hide the arrow that is displayed by default on the HTML5 element in Chrome?
  26. Different implementation of Flexbox in Firefox and Chrome
  27. How to make HTML open a hyperlink in another window or tab?
  28. Why is Chrome showing a “Please Fill Out this Field” tooltip on empty fields?
  29. HTML Title Image
  30. number input – always show spin buttons

Leave a Comment