HTML favicon won t show on google chrome

Question

I am making a HTML page that is unpublished   One of the things I wanted to do was add a favicon to appear next to the title  I m using google chrome and I noticed that other websites have favicons that appear next to the tile in the browser  but the one I m trying to display won t show up  The site in in a folder on my desktop named site  This is the code     lt  DOCTYPE html gt   lt html gt        lt head gt           lt title gt  lt  title gt           lt link rel  shortcut icon  href   favicon ico    gt       lt  head gt       lt body gt       lt  body gt   lt  html gt

User · Answer

A common issue where the favicon will not show up when expected is cache, if your .htaccess for example reads: ExpiresByType image/x-icon "access plus 1 month"

Then simply add a random value to your favicon reference: <link rel="shortcut icon" href="https://example.com/favicon.ico?r=31241" type="image/x-icon" />

Works every time for me even with heavy caching.

User · Answer

For me the problem was that there was a div above it  which of course shouldn t have been in the head  but it happens   Firefox didn t mind  but Chrome did

User · Answer

This trick works  add  this  script  in  header or masterPage  for Example       var link   document createElement  link        link type    image x-icon       link rel    shortcut icon       link href     favicon png     and will be cached  It s not optimal  but it works

User · Answer

1  Clear your chache  http   support google com chrome bin answer py hl en amp answer 95582 And test another browser  lets say safari  How did you import the favicon   2  How you should add it   Normal favicon    lt link rel  shortcut icon  href  favicon ico  type  image x-icon    gt    PNG GIF favicon    lt link rel  icon  type  image gif  href  favicon gif    gt   lt link rel  icon  type  image png  href  favicon png    gt    3  Another thing could be the problem that chrome can t display favicons  if it s local  not uploaded to a webserver    4  Try to rename it from favicon  whatever  to  yourfaviconname   whatever  but I would suggest you to still have the normal favicon  This has solved my issue on IE   5  Found another solution for this which works great  I simply added my favicon as Base64 Encoded Image directly inside the  tag like this    lt link href  data image x-icon base64 AAABAAIAEBAAAAEAIABoBAAAJgAAACAgAAABACAAqBAAAI4EAAAoAAAAEAAAACAAAAABACAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAA    AP   wD   8A    AP   wD   8A    AP   wD   8A    AP   wD   8A    AP   wD   8A    AP   wD   8A    AIaDgv Gg4L hoOC 4aDgv Gg4L hoOC 4aDgv Gg4L hoOC 4aDgv    8A    AP   wD   8A    AP   wCGg4L     AP   wD   8A    AP   wD   8A    AP   wCGg4L     AP   wD   8A    AP   wD   8AhoOC     wCGg4L hoOC 4aDgv Gg4L hoOC 4aDgv    8AhoOC     wD   8A    AP   wD   8A    AIaDgv    8A    AP   wD   8A    AP   wD   8A    AIaDgv    8A    AP   wD   8A    AP   wCGg4L     AHCMqP9wjKj cIyo 3CMqP9wjKj cIyo     wCGg4L     AP   wD   8A    AP   wD   8AhoOC     wBTlsIAU5bCAFOWwgBTlsIAU5bCM1OWwnP   8AhoOC     wD   8A    AP   wD   8A    AP   wD   8AU5bCBlOWwndTlsLHU5bC FOWwv1TlsLR    AP   wD   8A    AP   wD   8A    AP   wD   8A    AFOWwvtTlsLuU5bCu1OWwlc2k9cANpPXqjaT19H   8A    AP   wD   8A    AP   wD   8A    AP   wBTlsIGNpPXADaT1wA2k9dINpPX8TaT1 40ktpDH4r2tB K9hL   8A    AP   wD   8A    AP   wD   8A    ADaT1wY2k9e7NpPX TaT16AfivYGH4r23R K9u4tg WQLoL1mP   wD   8A    AP   wD   8A    AP   wA2k9fuNpPX5zaT1zMfivYGH4r23R K9uwjiPYXLoL1 S6C9W7   8A    AP   wD   8A    AP   wD   8ANpPXLjaT1wAfivYGH4r22x K9usfivYSLoL1oC6C9esugvUA    AP   wD   8A    AP   wD   8A    AP   wD   8AH4r2zx K9usfivYSLoL1DC6C9fwugvVXLoL1AP   wD   8A    AP   wD   8A    AP   wD   8A    AB K9kgfivYMH4r2AC6C9bEugvXhLoL1AC6C9QD   8A    AP   wD   8A    AP   wD   8A    AP   wD   8A    AP   wAugvXyLoL1SC6C9QAugvUA    AP  AADgBwAA7 cAAOgXAADv9wAA6BcAAO XAAD4HwAA E8AAPsDAAD8AQAA AEAAP0DAAD AwAA ycAAP nAAAoAAAAIAAAAEAAAAABACAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAAAA    AP   wD   8A    AP   wD   8A    AP   wD   8A    AP   wD   8A    AP   wD   8A    AP   wD   8A    AP   wD   8A    AP   wD   8A    AP   wD   8A    AP   wD   8A    AP   wD   8A    AP   wD   8A    AP   wD   8A    AP   wD   8A    AP   wD   8A    AP   wD   8A    AP   wD   8A    AP   wD   8A    AP   wD   8A    AP   wD   8A    AP   wD   8A    AP   wD   8A    AP   wD   8A    AP   wD   8A    AP   wD   8A    AP   wD   8A    AP   wD   8A    AP   wD   8A    AP   wD   8A    AP   wD   8A    AP   wD   8A    AP   wD   8A    AP   wD   8A    AP   wD   8AhISE 4SEhP EhIT hISE 4SEhP EhIT hISE 4SEhP EhIT hISE 4SEhP EhIT hISE 4SEhP EhIT hISE 4SEhP EhIT hISE     wD   8A    AP   wD   8A    AP   wD   8A    AP   wD   8A    AP   wCEhIT hISE 4SEhP EhIT hISE 4SEhP EhIT hISE 4SEhP EhIT hISE 4SEhP EhIT hISE 4SEhP EhIT hISE 4SEhP EhIT     AP   wD   8A    AP   wD   8A    AP   wD   8A    AP   wD   8A    AISEhP EhIT     AP   wD   8A    AP   wD   8A    AP   wD   8A    AP   wD   8A    AP   wD   8AhISE 4SEhP    8A    AP   wD   8A    AP   wD   8A    AP   wD   8A    AP   wD   8AhISE 4SEhP    8A    AP   wD   8A    AP   wD   8A    AP   wD   8A    AP   wD   8A    AP   wCEhIT hISE     wD   8A    AP   wD   8A    AP   wD   8A    AP   wD   8A    AP   wCEhIT hISE     wD   8AhISE 4SEhP EhIT hISE 4SEhP EhIT hISE 4SEhP EhIT hISE 4SEhP8AAAAA    AISEhP EhIT     AP   wD   8A    AP   wD   8A    AP   wD   8A    AP   wD   8A    AISEhP EhIT     AP   wCEhIT hISE 4SEhP EhIT hISE 4SEhP EhIT hISE 4SEhP EhIT hISE wAAAAD   8AhISE 4SEhP    8A    AP   wD   8A    AP   wD   8A    AP   wD   8A    AP   wD   8AhISE 4SEhP 4 vsA4ujuAOLo7gDi6O4A4ujuAN3k6wDZ4OgA2eDoANng6ADZ4OgA2eDoANng6ADW3uYAJS84APj6 wCEhIT hISE     wD   8A    AP   wD   8A    AP   wD   8A    AP   wD   8A    AP   wCEhIT hISE 9Xd5QBwjKgAcIyoRnCMqGRwjKhxcIyogHCMqI9wjKidcIyoq3CMqLlwjKjHcIyo1HCMqLhogpwA f7 AISEhP EhIT     AP   wD   8A    AP   wD   8A    AP   wD   8A    AP   wD   8A    AISEhP EhIT xtHcAHCMqABwjKjAcIyo 3CMqP9wjKj cIyo 3CMqP9wjKj cIyo 3CMqP9wjKj cIyo4EdZawD   8AhISE 4SEhP    8A    AP   wD   8A    AP   wD   8A    AP   wD   8A    AP   wD   8AhISE 4SEhP 2xNMAcIyoAHCMqJhwjKjPcIyowHCMqLFwjKijcoymlXSMpIh0jKR6co2mbG OqGFqj61zXZO4AeXv9gCEhIT hISE     wD   8A    AP   wD   8A    AP   wD   8A    AP   wD   8A    AP   wCEhIT hISE 6i5ygDF0dwAIiozACQyPQAoP1AALlBmADhlggBblLkGVJbBPFOWwnxTlsK5U5bC9FOWwv9TlsIp3erzAISEhP EhIT     AP   wD   8A    AP   wD   8A    AP   wD   8A    AP   wD   8A    AAAAAAAAAAAALztHAAAAAAAuU2sAU5bCClOWwkNTlsKAU5bCwFOWwvhTlsL U5bC 1OWwv9TlsL U5bC ViVvVcXOFAAAAAAAAAAAAD   8A    AP   wD   8A    AP   wD   8A    AP   wD   8A    AP   wD   8AAAAAAAAAAAALDhEALVFoAFOWwjpTlsL6U5bC 1OWwv9TlsL U5bC 1OWwvxTlsLIV5W i2CRs0xHi71TKYzUnyuM0gIJHi4AAAAAAAAAAAAAAAAA    AP   wD   8A    AP   wD   8A    AP   wD   8A    AP   wAAAAAAAAAAACtNZABTlsIAU5bCD1OWwv1TlsL6U5bCxFOWwoRVlsBHZJKwDCNObAA8icJAKYzUwimM1P8pjNT KYzUWCaCxgALLUsAAAAAAAAAAAD   8A    AP   wD   8A    AP   wD   8A    AP   wD   8A    AAAAAAApS2EAU5bCAFOWwgBTlsIAU5bCNVOWwgg cJEAIT1QABU XQA1isg4KYzUuymM1P8pjNT KYzU ymM1LAti9E0JYvmDhdouAAAAAAAAAAAAP   wD   8A    AP   wD   8A    AP   wD   8A    AP   wD   8AFyk1AE PuQBTlsIAU5bCAER7nwAmRVoADBojABRFaQAwi80xKYzUsymM1P8pjNT KYzU ymM1LgsjNE2MovXFB K9MUfivbBH4r2BgcdNAARQH8A    AP   wD   8A    AP   wD   8A    AP   wD   8A    AP   wAAAAAAAQIDABIgKgAPGiIABRMcABdQeQAti9AqKYzUrCmM1P8pjNT KYzU ymM1MAqjNM9HmqmACWK7SIfivbZH4r2 x K9vsuiudAFE2YACB69AD   8A    AP   wD   8A    AP   wD   8A    AP   wD   8A    AAAAAAAAAAAABhQfABtejgAoitEAKYzUACmM1JQpjNT KYzU ymM1MgpjNREH2mgABlosQAfivY0H4r26R K9v8fivbyKIrtR0CB1SggevTQIHr0Nv   wD   8A    AP   wD   8A    AP   wD   8A    AP   wD   8AAAAAAAAAAAACBwsAJX2 ACmM1AApjNQAKYzUGSmM1MYpjNRMInWxABNHdQAcfuEAH4r2Sx K9vUfivb H4r25iGK9DE2gt4EIHr0yyB69P8gevTQ    AP   wD   8A    AP   wD   8A    AP   wD   8A    AP   wAAAAAAAAAAAAAAAAAOMUsAKYzUACmM1AApjNQAJX6 ABE7WgAUWJwAH4r2AB K9mYfivb9H4r2 x K9tYfivYfG27RACB69HsgevT IHr0 yB69DL   8A    AP   wD   8A    AP   wD   8A    AP   wD   8A    AAAAAAAAAAAAAAAAAAAAAAAfaJ4AJ4XKABVGagAKKkoAG3raAB K9gEfivaEH4r2 x K9v8fivbCH4r2EB133wAgevQsIHr0 SB69P8gevSAIHr0AP   wD   8A    AP   wD   8A    AP   wD   8A    AP   wD   8AAAAAAAAAAAAAAAAAAAAAAAUSGwAFERwAElCOAB J9QAfivYAH4r2lx K9v8fivb H4r2qR K9gYefuoAIHr0BSB69M4gevT IHr00CB69AUgevQA    AP   wD   8A    AP   wD   8A    AP   wD   8A    AP   wAAAAAAAAAAAAAAAAAAAAAAAAAAAAkqSgAfivYAH4r2AB K9gAfivZLH4r2 R K9osfivYBH4PwACB69AAgevSAIHr0 yB69PkgevQwIHr0ACB69AD   8A    AP   wD   8A    AP   wD   8A    AP   wD   8A    AAAAAAAAAAAAAAAAAAAAAAAAAAAAEEiAAB K9gAfivYAH4r2AB K9gAfivYsH4r2AB G8wAge QAIHr0MCB69PsgevT IHr0eyB69AAgevQAIHr0AP   wD   8A    AP   wD   8A    AP   wD   8A    AP   wD   8AAAAAAAAAAAAAAAAAAAAAAAAAAAAXZrYAH4r2AB K9gAfivYAH4r2AB K9gAfifUAIHz0ACB69AcgevTQIHr0 yB69MwgevQEIHr0ACB69AAgevQA    AP   wD   8A    AP   wD   8A    AP   wD   8A    AP   wAAAAAAAAAAAAAAAAAAAAAAAAIDAB6E6gAfivYAH4r2AB K9gAfivYAH4r2ACB 9QAgevQAIHr0fCB69P8gevT5IHr0LCB69AAgevQAIHr0ACB69AD   8A    AP   wD   8A    AP   wD   8A    AP   wD   8A    AAAAAAAAAAAAAAAAAAAAAAABBAcAEUqDAB6E6wAfivYAH4r2AB K9gAggPUAIHr0ACB69AAgevQTIHr0qCB69HYgevQAIHr0ACB69AAgevQAIHr0AP   wD   8A    AP   wD   8A    AP   wD   8A    AP   wD   8A    AP   wD   8A    AP   wD   8A    AP   wD   8A    AP   wD   8A    AP   wD   8A    AP   wD   8A    AP   wD   8A    AP   wD   8A    AP   wD   8A    AP   wD   8A    AP   wD   8A    AP   wD   8A    AP   wD   8A    AP   wD   8A    AP   wD   8A    AP   wD   8A    AP   wD   8A    AP   wD   8A    AP   wD   8A    AP                wAAH 8AAB  P  f z  n 8wAZ  MAGf z  n 8wAZ  MAGf zAAn 8 gJ   AD   AAf  wEH   cA   8AH  8BB   BgH  xwB   4If  4EP   CD   hh   9w    4P    H    j              rel  icon  type  image x-icon    gt    Used this page here for this  http   www motobit com util base64-decoder-encoder asp

User · Answer

This issue was driving me nuts  The solution is quite easy actually  just add the following to the header tag    lt link rel  profile  href  http   gmpg org xfn 11  gt    For example    lt  DOCTYPE html gt   lt html gt        lt head gt           lt title gt  lt  title gt           lt link rel  profile  href  http   gmpg org xfn 11  gt           lt link rel  icon  href   favicon ico    gt

User · Answer

The path must be via the URI   full    Like  http   example com favicon png  so in your case    lt  DOCTYPE html gt   lt html gt        lt head profile  http   www w3 org 2005 10 profile  gt           lt title gt  lt  title gt           lt link rel  shortcut icon                 type  image png                 href   http   example com favicon png    gt       lt  head gt       lt body gt       lt  body gt   lt  html gt    Ref  http   www w3 org 2005 10 howto-favicon

User · Answer

It doesn t look like Chrome allows you to display the favicon in the address bar     http   en wikipedia org wiki Favicon Use of favicon  I ve also seen it done like this  Don t know if it would make a difference or not    lt link rel  icon  href   favicon ico    gt

User · Answer

Your html is completely wrong for starters  there should not be a div within your head section  nor after your body section   I suggest you look into correct html first before starting to work with favicons etc

User · Answer

I moved ico file to root folder and link it  It worked for me   Also  in chrome  I have to wait 30 mins to get cache cleared and new changes to take affect

User · Answer

These are the locations where browsers store the Temporary data in Linux   Note  you can see hidden files in File Manager using  Ctrl   H for Terminal use the command   ls -la  Chromium    cache chromium  profile  Cache   Google Chrome    cache google-chrome  profile  Cache   Also  Chromium and Google Chrome store some additional cache at    config chromium  profile  Application Cache Cache    and    config google-chrome  profile  Application Cache Cache   and generally here   tmp   so to apply new FAVICON or try to show it up is to clean them make sure u are inside each of these directories use the command  rm -rf

User · Answer

I ve found that  at Chrome 56  OSX  the favicon state appears to be cached for the browser lifetime  so if a favicon isn t being loaded  it won t be until after restarting Chrome  It appears that it doesn t show up in the  application  tab in dev tools and isn t cleared by a hard reload or  Clear site data

User · Answer

Another reason for Chrome not displaying the favicon is that it still remembers a time when the site in question did not have a favicon or the favicon was incorrectly configured   You re going to want to completely wipe the favicon cache    Exit all running Chrome processes  Delete the Favicons file in your user data folder  For example   C  Users me AppData Local Google Chrome User Data Default Favicons    This can not be resolved by clearing the browser cache  as it does not affect the Favicons container   Also note that  contrary to what you might read online  requests to favicon resources are not shown in the Network panel of the DevTools  Under very rare circumstances  one such request may show up there  but it is highly unlikely and the DevTools will not help you solve your favicon woes

User · Answer

Note if you have so many tabs open that Google Chrome is only showing the favicons then Google Chrome won t show the favicon for the selected tab  so if you keep reloading the tab with your page loaded in order to see your new favicon you will only see the text of your page s title   You will need to reload your page  and then select a different tab in order to see your favicon

User · Answer

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    lt link rel  shortcut icon  href  favicon ico    gt    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    lt link rel  shortcut icon         href  http   cdn sstatic net stackoverflow img favicon ico  gt    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

[html] HTML favicon won't show on google chrome

Examples related to html

Examples related to google-chrome

Examples related to hyperlink

Examples related to favicon