none
favicon not showing in IE8

    Question

  • Dear All,

    I am building a web site and am stuck with this issue where the icon does not show for my web site. This is the icon that is suppose to display when a user adds it to Favorites and also shows in the tab when multiple pages are open. Further more it is also shown in the address bar. Here is what I have done.

    1 - Make a wild .ico file names "favicon.ico" file.
    2 - Put it in the root directory where index.html resides.

    The above does not work so I tried puting it by (X)HTML code as

    1 - <link rel="shortcut icon" href="/favicon.ico" />
    2 - <link rel="icon" type="image/vnd.microsoft.icon" href="/somepath/image.ico" />
    3 - <link rel="shortcut icon" type="image/x-icon" href="/favicon.png" />
    4 - <link rel="icon" type="image/x-icon" href="/favicon.png" />
    5 - <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />
    6 - <link rel="icon" type="image/x-icon" href="/favicon.ico" />
    7 - <link rel="icon" type="image/vnd.microsoft.icon" href="favicon.ico" />
    8 - <link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
    9 - <link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
    10 - <link rel="shortcut icon" type="image/x-icon" href=".../favicon.ico" />

    This is what is shown on wikipedia

    Internet Explorer has a slightly different format.

      <link rel="SHORTCUT ICON" href="http://www.mydomain.com/myicon.ico"/>

    Additionally the following is also acceptable:
     
      <link rel="SHORTCUT ICON" href="/somepath/myicon.ico"/>

    I have tried all the above and also the below ones.

    1 - Deleting the IE cache & Temp Internet Files (TIF).
    2 - Putting on the web and tring it with www and with out www.
    3 - Host an image file in the format of jpg, png and gif on an image hosting site and edit the href.

    Nothing seems to work. Does IE8 not support favicon.ico

    Any help will be much appreciated.


    • Edited by JAA149 Saturday, November 07, 2009 11:43 AM addition
    Saturday, November 07, 2009 11:39 AM

All replies

  • Hi,

    are you using the <base> tag elsewhere in your head block?

    For the most consistant results use an absolute path to the favicon.ico file in your domain root folder.

    <link href="http://yourdomain/favicon.ico" rel="shortcut icon" type="image/x-icon" />

    (use a https location on secure sites)


    By default, browsers will also look in the domain's root folder for a file called favicon.ico and if not specified with a link tag will use this file as the page favicon.


    Rob^_^
    Saturday, November 07, 2009 9:06 PM
  • Here is a very detailed FAQ I wrote on this topic.
    Sunday, November 08, 2009 2:24 AM
  • Dear IECUSTOMIZER & jeffdav,

    Thanks a million & three for your efforts to help. As per your questions & suggestions.

    1 - I am not using the <base /> tag nested in the <head></head> tag at all.
    2 - I am using the absolute path in the <link /> tag.
    3 - I have put the favicon.ico file in the root directory as well as all other folders just to be sure.
    4 - The icon file is a valid icon file with the proper name as "favicon.ico".
    5 - The icon shows in Firefox 3.5.5 but not in IE8.
    6 - The icon shows for offline web pages (on my hard disk) but only in firefox but never in IE8.
    7 - Tried clearing the cache and deleting the TIF(Temp Internet Files) both for firefox and IE8.
    8 - Deleted the whole index.html file and upload a new index.file coding from scratch.
    9 - Tried with other 2 web hosting services.
    10 - Tried with and with out www in the URL.
    11 - Tried all the variations of the element.
        <link href="http://yourdomain/favicon.ico" rel="shortcut icon" type="image/x-icon" />
    12 - Opened the file in an image editor and it shows ok.
    13 - Tried other icon files.
    14 - Tried gif, jpeg, jpg and png file formats.
    15 - Tried the icon with animation and with out animation.
    16 - Tried to add a HTML snippet. Works in firefox but not in IE.
    17 - The IE does not load the favicon.ico file in its TIF(Temp Internet Files).
    18 - The favicon.ico shows for all other web sites such as www.msn.com, www.yahoo.com, www.google.com, www.wikipedia.com and atleast 20 other sites that I have checked personally. With all these site the favicon.ico files is downloaded in the TIF(Temp Internet Files).
    19 - I understand that IE8 does not request the favicon.ico file when loading the page. Only when the page is added to the Favorites, it demands the favicon.ico file. So with all the steps above I tried adding to the Favorites.
    20 - As above tried the 2 methods. The firsty being placing the favicon.ico file in the root directory. I have placed the favicon.ico file in the root as well as all other directory and also by just placing it only in th root directory. Second method of <link /> as tried with all the variations.
    21 - I had alreday read the post at http://jeffcode.blogspot.com/2007/12/why-doesnt-favicon-for-my-site-appear.html and done all the steps there with out success.
    22 - I verified at least 8, 9 times that my favicon really is an icon.
    23 - Used fiddler to verify. All reports are ok.
    24 - I have specified no alternative location using <link />
    25 - Tried creating icon files with paintbrush, photoshop, Visual Studio Icon Editor and an on line service www.favicon.cc - favicon.ico Generator
    26 - Tried every thing at http://www.rw-designer.com/favicon
    27 - Tried uninstall IE8 and re-install IE8.
    28 - Tried re-install windows xp.
    29 - Tried on a different PC with vista.
    30 - Tried in IE7 & IE6.
    31 - Tried posting here http://www.webdevforums.com/showthread.php?t=33700 and follow all steps.
    32 - This user solved the problem it http://www.webdevforums.com/showthread.php?t=31691&highlight=favicon.ico
    but does not know how it was solved. On my e-mail to him he said it started working automatically after 2 to 3 days. So i gave a gap of 3 days with each attempt 4 times now.
    33 - Tried with Chrome & safari. They work.
    34 - Tried as per http://www.computerhope.com/forum/index.php?topic=88509.0

    I am in my 3rd week now with no sollution with atleast 4 hours each day.

    Here is my web site

    1 - http://jawadasghar.site11.com/
    2 - http://www.jawadasghar.site11.com/

    Also

    1 - http://jawadasghar.tk/
    2 - http://www.jawadasghar.tk/

    But in these the icon ofthe hosting company is shown and not my icon which is "JJ". See it with firefox.

    I strongly suspect some thing is wrong either in the registery or the web hosting. But I re-installed IE8 as well as windows XP and also tried it on other PCs. Also tried other hosting services as mentioned in the above 34 steps that I have taken. There were many more that I have forgotten like the HTML snippet.

    Should I just give up. Guys any help or final solution will be much not only appreciated but also (I don't know, any thing)

    Thanks in advance.

    JJ

    Sunday, November 08, 2009 7:27 AM
  • Dear All,

    Ok I tried & tried & tried and I failed.

    1 - http://www.jawadasghar.site11.com/

    This site does not show the icon in IE8 but shows in Mozilla Firefox 3.5.5. It is the blinking JJ

    2 - http://jawadasghar.webng.com/

    This is thesame. Does not show in IE8 but shows in Mozilla Firefox 3.5.5. It is the black block

    3 - http://jawadasghar.webs.com/

    Now this site for some reason shows both in IE8 and Mozilla Firefox 3.5.5. It is the blue pentagon shape. I have no idea why the last one works. It does not even have the <link> code in it. Three different favicon.ico files are in the root folders of the each site.

    Any idea guys why the last one works???

    Regards

    Jawad
    Sunday, November 08, 2009 1:55 PM
  • Dear All,

    Ok guys it finally worked. That took me around 3 weeks. I was learning (X)HTML on the way. For the other guys who have or will come accross this problem here is the details.

    1 - Make sure the file is a valid icon file. There are files floating around that have the extension .ico but are not valid icon files. And there are problems (i think) if you convert bmp, jpg, jpeg or gif images to icon files.

    2 - Name the file exactly as "favicon.ico" with out the double quotes.

    3 - IE8 will never display the icon if the file is on your hard disk. It has to be on the internet. Other browers such as firefox will however show the icon even if they are on your hard disk.

    4 - IE8 will not show the icon if u do not have the www in your url address. So
        a - http://yoursitename.com will not work.
        b - http://www.yousitename.com will work.

    5 - IE8 downloads the favicon.ico file in the folder.
       C:\Documents and Settings\user\Local Settings\Temporary Internet Files
    where user = the name with which u logged in windos xp.

    6 - This method works if you simply place a valid icon file named favicon.ico in the root directory of you site.

    7 - So the following 3 sites have worked - FINALY

    a - http://www.jawadasghar.site11.com/
    b - http://jawadasghar.webng.com/
    c - http://jawadasghar.webs.com/

    In the above the first one did not work with out the www and only worked when I put the www in the URL. The bottom two I have no idea why they work with out the www. Maybe because the first site had another folder in itr root directory called public_html. I placed the favicon.ico file both in the root directory as well as in the public_html directory.

    thanks for all your help guys.

    JJ

    Sunday, November 08, 2009 3:18 PM
  • Hi JJ,

    Well I got the same problem you had, but it isn't solved on my site yet :(

    my favicon.ico works fine in safari, but not in IE8.

    check this site for where the icon should be:

    Limes and Oranges


    For the icon I have used the following code:
    <link rel="icon" href="http://www.limesandoranges.com/favicon.ico" type="image/x-icon">
    <link rel="shortcut icon" href="http://www.limesandoranges.com/favicon.ico" type="image/x-icon">

    You have any idea on how to solve it.. Tried already several things, diffrent formats of the code, recreating the Ico file (using diffrent online tools, but also just using photoshop.)

    When you browse to the file it indeed shows the icon.
    Friday, December 11, 2009 1:56 PM
  • Hi, But when I go to your site it has the icon in IE8, firefox 3.55, opera 10. My guess is it takes some time. Do'nt know why. Also with IE8 the icon will not show if the files are on you hard drive. IE8 requires the http:// suffix. Great site by the way. Regards JJ
    • Proposed as answer by Weblocity.com Thursday, December 16, 2010 6:00 AM
    Friday, December 11, 2009 2:49 PM
  • Hmmm, yes it seems to work now.

    Probably too impatient.


    Friday, December 11, 2009 3:51 PM
  • A very helpful article that accurately presents the fussiness of IE regarding favicons.
    I have now got success using:

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

    I changed two things:

    I put the lines of html immediately before the <title/> tag
    I changed the url to include "www".

    My icon definitely did not display without this code.

    • Proposed as answer by Weblocity.com Thursday, December 16, 2010 6:01 AM
    Sunday, January 17, 2010 12:17 PM
  • Sorry to tell you this dennan, but it's not showing on my IE8.

    In fact, I had clicked on several of the links above and only a couple were showing icons on the tabs.  Then I logged in to msdn, and now NONE of them are showing.

    My solution is to tell everyone to use Firefox or Chrome - both of which do favicons properly and do rounded corners on boxes, proper colour fills on pages, and a lot of otyer bits that IE fails on (including spell checking on the fly).

    Come on Microsoft.  You claim IE8 is your best browser yet - but there's still a long way to go.
    Friday, January 29, 2010 1:23 PM
  • Use this photoshop icon plugin. This works only in non-64 bit Photoshop.

    http://www.sibcode.com/icon-plugin/

    Put in C:\Program Files (x86)\Adobe\Adobe Photoshop CS4\Plug-ins\File Formats

    Restart photoshop, save as, ICO format should appear.

    I don't use any script in the head of the html file.

    Visualplastik.com, works in IE8, works every time. Other than that, delete your browser cache.

    I do agree with John that users should not use IE, and Microsoft should not have anything to do with the internet. IE and Outlook 2007 are true nightmares for a designer.

    Friday, March 26, 2010 3:11 PM
  • I was having a tough time with favicon.ico showing up in IE8.  Here's what it took for my system:

    1) If creating the icon in Visual Studio 2005, note that Visual Studio's new icon files initially have TWO embedded icons: one is 16x16 and one is 32x32.  I deleted the latter from the Image menu: choose Current Icon Image Type and select the 32 x 32, then do Image, Delete Image Type.  If you don't have Visual Studio, I hear IrfanView can make 16x16 ico files with 256 color depth.

    2) I did not use transparency, just a white background (transparency should work though).

    3) I then saved my 16x16 ico with 256 colors, and renamed it favicon.ico

    4) If Windows Explorer (at least on WIndows XP 32) doesn't show a tiny thumbnail of the ico file in proper colors, then the file type is not yet right.

    5) Copied the file to the root of my website (on my IIS 7 server), i.e. under C:\inetpub\wwwroot, though your site may be under a different folder

    6) Added <link rel="SHORTCUT ICON" href="http://mysubdomain.mydomain.com/favicon.ico" /> within the <head> section of the default.html file (or index.htm, or whatever your site's default web page is).  I hear this is optional with IIS 7, but I did it anyway.

    7) Cleared ALL history and TEMP files from my IE8 cache, then exited IE8 and went to my Temporary Internet Files folder to really clear everything out.  In theory, if all the favicon*.* files associated with your site's URL are gone, you should be all set.

    Now I get the favicon.ico image showing in the address bar on every web page within http://mysubdomain.mydomain.com, via IE8.


    - Michael
    • Edited by MikeOnline Saturday, April 03, 2010 4:09 AM another typo
    Saturday, April 03, 2010 4:04 AM
  • I wrestled with all of the above as well.  I finally used Irfanview to create the icon & the ico appeared immediately.  Irfanview is free at www.irfanview.com - just do a "save as" on a gif file & save as a .ico file, & place it in the root of the web folder.

    Wick

    Thursday, April 29, 2010 8:23 PM
  • Well I believe many of us are perplexed by this!  I have two websites with the favicon.ico in the root and the exact same link statements.  One works and One does not.  Go figure..  Work just fine in Opera, Firefox.

    Example:

    Works: http://www.coolthreadsweb.com

    Does Not Work: http://www.texashunterspest.com

    Something I'm missong ???

    Saturday, May 15, 2010 3:56 PM
  • Hi CAT,

    I tried this morning on Vista x86 SP2 and had no problems displaying the favicon on both sites.... untill I opened some other tabs in the browser and then your page at

    http://www.coolthreadsweb.com/

    started tab crash recovery in IE8.

    The Tidy validator reports that FX is assuming a proprietry DTD for the default page there.

    You could try running the page through the W3 validator and correcting the errors. When testing your pages in IE8 turn off "Automatically recover from rendering errors with Compatibility View" on the Advanced tab of Internet Options to stop the error handling in IE tripping and changing the rendering mode.

    http://validator.w3.org/check?verbose=1&uri=http%3a%2f%2fwww.coolthreadsweb.com%2f

    These errors should be corrected as they are within the <head> block.

    1. Error Line 6, Column 13: there is no attribute "NAME"

      	<meta NAME="description" CONTENT="Providing Commercial and Personal Advertisin…

      You have used the attribute named above in your document, but the document type you are using does not support that attribute for this element. This error is often caused by incorrect use of the "Strict" document type with a document that uses frames (e.g. you must use the "Transitional" document type to get the "target" attribute), or by using vendor proprietary extensions such as "marginheight" (this is usually fixed by using CSS to achieve the desired effect instead).

      This error may also result if the element itself is not supported in the document type you are using, as an undefined element will have no supported attributes; in this case, see the element-undefined error message for further information.

      How to fix: check the spelling and case of the element and attribute, (Remember XHTML is all lower-case) and/or check that they are both allowed in the chosen document type, and/or use CSS instead of this attribute. If you received this error when using the <embed> element to incorporate flash media in a Web page, see the FAQ item on valid flash.

    2. Error Line 6, Column 35: there is no attribute "CONTENT"
      	<meta NAME="description" CONTENT="Providing Commercial and Personal Advertisin…

      You have used the attribute named above in your document, but the document type you are using does not support that attribute for this element. This error is often caused by incorrect use of the "Strict" document type with a document that uses frames (e.g. you must use the "Transitional" document type to get the "target" attribute), or by using vendor proprietary extensions such as "marginheight" (this is usually fixed by using CSS to achieve the desired effect instead).

      This error may also result if the element itself is not supported in the document type you are using, as an undefined element will have no supported attributes; in this case, see the element-undefined error message for further information.

      How to fix: check the spelling and case of the element and attribute, (Remember XHTML is all lower-case) and/or check that they are both allowed in the chosen document type, and/or use CSS instead of this attribute. If you received this error when using the <embed> element to incorporate flash media in a Web page, see the FAQ item on valid flash.

    3. Error Line 6, Column 157: required attribute "content" not specified
      …ng Promotional Items. Custom embroidery, promo items, screen print and more.">

      The attribute given above is required for an element that you've used, but you have omitted it. For instance, in most HTML and XHTML document types the "type" attribute is required on the "script" element and the "alt" attribute is required for the "img" element.

      Typical values for type are type="text/css" for <style> and type="text/javascript" for <script>.

    4. Error Line 6, Column 158: end tag for "meta" omitted, but OMITTAG NO was specified
      …ng Promotional Items. Custom embroidery, promo items, screen print and more.">

      You may have neglected to close an element, or perhaps you meant to "self-close" an element, that is, ending it with "/>" instead of ">".

    5. Info Line 6, Column 2: start tag was here
      	<meta NAME="description" CONTENT="Providing Commercial and Personal Advertisin…
    6. Error Line 7, Column 191: required attribute "content" not specified
      …artwork,promotional items,houston promo items,houston shirts,houston printing">

      The attribute given above is required for an element that you've used, but you have omitted it. For instance, in most HTML and XHTML document types the "type" attribute is required on the "script" element and the "alt" attribute is required for the "img" element.

      Typical values for type are type="text/css" for <style> and type="text/javascript" for <script>.

    7. Error Line 7, Column 192: end tag for "meta" omitted, but OMITTAG NO was specified
      …artwork,promotional items,houston promo items,houston shirts,houston printing">

      You may have neglected to close an element, or perhaps you meant to "self-close" an element, that is, ending it with "/>" instead of ">".

    8. Info Line 7, Column 2: start tag was here
      	<meta NAME="keywords" CONTENT="shirts,cups,t-shirts,pens,caps,embroidery,scree…
    9. Error Line 8, Column 45: end tag for "meta" omitted, but OMITTAG NO was specified
      	<meta name="revisit-after" content="4days">

      You may have neglected to close an element, or perhaps you meant to "self-close" an element, that is, ending it with "/>" instead of ">".

    10. Info Line 8, Column 2: start tag was here
      	<meta name="revisit-after" content="4days">
    11. Error Line 9, Column 45: end tag for "meta" omitted, but OMITTAG NO was specified
      	<meta name="robots" content="index,follow">

      You may have neglected to close an element, or perhaps you meant to "self-close" an element, that is, ending it with "/>" instead of ">".

    12. Info Line 9, Column 2: start tag was here
      	<meta name="robots" content="index,follow">
    13. Error Line 47, Column 14: there is no attribute "onLoad"
      <body onLoad="runSlideShow()">

      You have used the attribute named above in your document, but the document type you are using does not support that attribute for this element. This error is often caused by incorrect use of the "Strict" document type with a document that uses frames (e.g. you must use the "Transitional" document type to get the "target" attribute), or by using vendor proprietary extensions such as "marginheight" (this is usually fixed by using CSS to achieve the desired effect instead).

      This error may also result if the element itself is not supported in the document type you are using, as an undefined element will have no supported attributes; in this case, see the element-undefined error message for further information.

      How to fix: check the spelling and case of the element and attribute, (Remember XHTML is all lower-case) and/or check that they are both allowed in the chosen document type, and/or use CSS instead of this attribute. If you received this error when using the <embed> element to incorporate flash media in a Web page, see the FAQ item on valid flash.

     

    I don't know why these errors should cause the IE8 tab recovery to kick in when I open additional tabs... your source is pretty basic... but contains numerous errors.

    Comment tags are not valid within <Style> tags.

    <style type="text/css">
    <!--
    .style1 {
     font-size: 24px;
     font-weight: bold;
    }
    .style2 {font-size: 16px}
    .style3 {color: #FF9900; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif;}
    a:link {
     color: #3333CC;
     text-decoration: none;
    }
    a:visited {
     text-decoration: none;
     color: #3333CC;
    }
    a:hover {
     text-decoration: none;
     color: #3333CC;
    }
    a:active {
     text-decoration: none;
     color: #3333CC;
    }
    .style4 {
     font-size: 16px;
     color: #3333CC;
    }
    -->
    </style>

    Regards.

     


    Rob^_^
    Saturday, May 15, 2010 9:38 PM
  • Just my extra 2 cents: I believe that the problem with favicon in IE8 lies in the way IE8 associates the favicon with the url and with the location where this association is stored.

    When we develop our sites and test it in IE8, we visit the address http://subdomain.website.com whatever that subdomain is: "www" or some other word.  While testing and opening that URL, IE8 makes association of that address with default IE8 favicon, because our new favicon is not created yet.  That association lasts some time and it is not refreshed every time we re-load the page.  Worse yet, that association is not erased when we go to Tools -> Internet options -> Browsing History -> Delete -> Temporary Internet options.  Apparently the favicon is not considered a temporary file.  I believe it may have a status of a cookie of some sort.  If you also mark the checkboxes for Cookies and History below Temporary Internet Files and delete them all, the favicon shows right after you refresh your website, provided you have properly formatted <link /> tag in place.

    What I believe seems to be confirmed by MikeOnline in this thread, who stated: "7) Cleared ALL history and TEMP files from my IE8 cache, then exited IE8 and went to my Temporary Internet Files folder to really clear everything out.  In theory, if all the favicon*.* files associated with your site's URL are gone, you should be all set." -- He actually erased the cookies from Temporary Internet Files folder.

    Also, the site/favicon association has some expiration time.  After awhile your IE8 will refresh the favicon on its own accord and the favicon will start showing up.  JAA149 and dennan seem to think you needed to give some time and were to impatient.

    I can be wrong, but I suggest, that there is nothing wrong with the favicon file or the embedding <link /> tag.  It is the way IE8 reads, stores and refreshes favicons that gives the developers a headache.  Clearing cookies and browsing history could be a remedy for that.  I deleted both, but it is possible that clearing only one of them is sufficient.  Perhaps someone could check it out and post here?

    Best regards.

    Monday, August 16, 2010 3:38 PM
  • The bit of information that says "this domain has no icon" is stored in UrlHistory, not the TIF.  Try clearing history.  The not-there state checks every two weeks, I think.  Cookies have nothing to do with it.
    Monday, August 16, 2010 4:08 PM
  • It is incredible, but whith IE 8 I renamed "favicon.ico" by "othername.ico" and only put:

     <link rel="Shortcut icon"  href="othername.ico"/> and....

    It works!!!!

    Remark: "othername.ico" can be any name, except "favicon.ico"

    • Proposed as answer by idlelimey Friday, November 19, 2010 2:54 PM
    Monday, August 23, 2010 11:10 AM
  • Yes; if the name of your favicon changes, IE will notice this and download the new one.
    Monday, August 23, 2010 6:40 PM
  • Well I also struggled with this initially but then made it work in IE 8, FF 3.6 and Chrome 5.0 with the following statement in my Master file. It appears that the icon does not necessarily have to be in the root foleder.

    <link rel="shortcut icon" href="../Images/Icons/MyIcon.ico" type="image/x-icon" />

     

    Hope this helps!

    Thursday, August 26, 2010 2:45 PM
  • Nope, it can be anywhere (on your domain).  I would use a fully qualified url since it doesn't respect the <base> tag.
    Thursday, August 26, 2010 11:48 PM

  • I tried many tricks to display favicon in internet explorer 8 but none of them worked, until i removed type=image/ico from the code. So simply put your code as: 
    <LINK rel="shortcut icon" href="http://www.yourdomain/favicon.ico">
    
    Good luck!
    Tuesday, September 07, 2010 2:38 PM
  • I couldn't get it to work in IE8 using the above suggestions. I then deleted the entire browsing history (temporary Internet files, cookies, history, form data, password and inPrivate filtering data. Closed IE and reloaded the site. Cured the problem.
    Saturday, November 06, 2010 7:36 PM
  • I know it's a stretch, but has anybody made favicons work with the "data" URI type?  (e.g. <LINK REL="shortcut icon" href="data:image/icon;base64,R0lGODlhlgCWAPf/... )

    Using the data URI type, you can embed the image (or other object) into the .html file.  It works for small images in IE-8 (larger images are supported in most other browsers).  I thought perhaps it would work for favicons as well.

    I have this working fine in Safari, Opera, Chrome, and of course Firefox.  Only IE balks at displaying it.  I think I am going to leave good enough alone and let the other browsers display the document properly even if IE can't handle it.

    • Proposed as answer by xyberbit Sunday, December 05, 2010 11:29 AM
    Tuesday, November 16, 2010 12:10 PM
  • try this, put it in head section, works for me in IE8 and all other browsers.

    <link href='your icon link address' rel='shortcut icon' type='image/vnd.microsoft.icon'/>

    icon name doesn't matter but it must be windows icon format instead of PNG or GiF, IE8 just supports ICO.

    icon location can be anywhere accessible.

    IE9 is another story...

    good luck.

    PS. sorry for mis-clicking at "propose as answer". : )

    Sunday, December 05, 2010 11:37 AM
  • I used www.mysitename.com and it worked fine for me. It was not working when i was using mysitename.com

    Thank you for your help

    PM

    • Proposed as answer by Weblocity.com Thursday, December 16, 2010 6:01 AM
    Tuesday, December 07, 2010 10:47 PM
  • I used www.mysitename.com and it worked fine for me. It was not working when i was using mysitename.com

    Thank you for your help

    PM

    Hello!

    I had the same problem with the "favicon.ico" file and used a free online little tool to re-make my favicon, and then all worked fine.

    Here is the link to it:  http://www.prodraw.net/favicon/index.php

    I hope it does help you make it easy.

    P.A. 

    Thursday, December 16, 2010 6:07 AM
  • Thank's Man 

     

    You are great :)

    This is working !! 

    Thank you so much, for this advise !!!!

     

    Sunday, January 16, 2011 9:56 AM
  • hi

    For IE8 the favicon Doesn't display.Because IE doesnt take favicon from disk.

    So publish the website in IIS and then Try in IE.

    It will work.

     

    -Raj

    • Proposed as answer by ARAJESH Tuesday, January 18, 2011 12:43 PM
    Tuesday, January 18, 2011 12:42 PM
  • Wow - that's a lot of time - I've only spent about 4 hours, not 4 weeks on this.  Seems like the entire development community is having this problem or similar.  I think I am going to wait for Microsoft to fix their problem - they are the only browser that does not show my favicon.ico.

    Why doesn't M.S. just fix it, and make it look like Firefox and Chrome?

    Friday, January 21, 2011 1:00 AM
  • hi,

    This was frustrating for me too, my ico worked chrom,safari & firefox but not in any version of IE.

    I managed to solve it by creating the ico 32x32 in illustrator cs4.

    Save as png, open file in irfan view and save as ico.

    Upload ico to the root directory of your website & adding this in head section of index root page as suggested above:

    <link rel="SHORTCUT ICON" href="http://mysubdomain.mydomain.com/favicon.ico " />

    That fixed it.

     

     

    Friday, February 04, 2011 7:47 PM
  • My favicon displayed in Firefox but not in IE. Deleting the browsing history in IE worked for me.

    http://jwr51.blogspot.com/2011/03/no-favicon-icon-internet-explorer.html

     

    Tuesday, March 08, 2011 11:10 AM
  • Dear All

    I have a solution! It is very simple. You can skip the next rant paragrapgh

    I have been struggling with this for days, only repeating all the stupid websearch legwork and tweaks and code snippets I had to do each time I have setup a new website over several years. Why Microsoft can't just deal with this once and for all completely beats me. Do thy care about webmasters at all? If Firefox and all the others can do t so simply, what is Microsoft's problem. Microsft reply please??

    The solution I found is very simple and, for me baffling. All you need is an extra question mark. Just insert in the header, before Title:

    <link rel="shortcut icon" href="http://www.XXXXX.YY/favicon.ico?">

    Where XXXX.YY is your domain. As we know favicon.ico needs to be in the root directory. This code snippet is the same as before EXCEPT for the critical  ? added after ico.

    God know what lunatic bug requires this buit for me and a lot of others I have seen this single character change works.

    Grief, Microsoft - why can't you make our lives simpler?

     

     

    • Proposed as answer by Clive VB Thursday, March 10, 2011 3:21 PM
    Thursday, March 10, 2011 10:25 AM
  • Answered!

    IE8 supports 32x32 icons and the steps above work!

     

    • Proposed as answer by Jammin Jamy Thursday, August 18, 2011 3:16 PM
    • Unproposed as answer by Jammin Jamy Thursday, August 18, 2011 3:16 PM
    Thursday, March 17, 2011 3:09 PM
  • If you tried everything above and it still doesn’t work in IE, check your IIS settings if you are using a Windows Server.

    Make sure that the  HTTP Headers > “Enable content expiration” setting, IS NOT SET to “Expire immediately”

    Thursday, August 18, 2011 3:17 PM
  • Here is the solution:

    This problem is occur because image is not actually a ico file. It may be a gif file and jpeg file. We just convert the extension with .ico and found this problem.

     

    1- change the favicon extension to favicon.jpg

    2- Go to this website:

        http://www.prodraw.net/favicon/index.php

     

    3- Upload your favicon image, and click on upload it. Your favicon.jpg image will be convert into favicon.ico

    4- Save this file on your root directory.

    5- Use this coding:


    <link rel="icon" type="image/ico" href="favicon.ico" />

    <link href="favicon.ico" rel="SHORTCUT ICON" />

    I am 100% sure it will resolve your problem.

     

     

    • Proposed as answer by Bilal Suleman Friday, September 20, 2013 2:36 AM
    • Unproposed as answer by Bilal Suleman Friday, September 20, 2013 2:36 AM
    Friday, September 09, 2011 5:11 PM
  • Here is the solution:

    This problem is occur because image is not actually a ico file. It may be a gif file and jpeg file. We just convert the extension with .ico and found this problem.

     Go to this website:

        http://www.prodraw.net/favicon/index.php

    this actually worked for me!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
    the true solution, your file is just not truly ico file... convert it to .bmp and use online tool to make it a real ico file...
    Wednesday, October 05, 2011 10:18 PM
  • Favicons do not work in IE most of the time, fact! They never have and looks like they never will.

    Sometimes they show sometimes they don't, even MS's own site doesn't work properly half the time.

    I've decided to not waste anymore time on this and simply accept MS are incapable of making favicons work properly. period!


    To err is human, to really balls things up you need Microsoft!

    • Edited by 1DMF Friday, October 07, 2011 10:44 AM
    Friday, October 07, 2011 10:43 AM
  • My last 2-cents on this issue:

    1) I indeed created an ICO file (not the same as a BMP)

    2) I cleared all the cache in IE8.

    That, one way or the other, fixed the problem of the favicon not showing up on the tabs.

    In regards to 1DMF's comment above:  "I've decided to not waste anymore time on this and simply accept MS are incapable of making favicons work properly. period!"

    I agree 100% - 我 同意 100% (now there's a useful tool)

    MS gets a lot of stuff right, a lot - but they don't sweat the details like Apple and Steve Jobs.  I mean, heck, even this forum, under MSDN, is crappy in the paragraph formatting, etc.  I'm going to miss Mr. Jobs, especially because he was a good guy, and he kept the rest of this sloppy-for-profit industry in check with his elegant and useful products.

    -Dave

     

    Saturday, October 08, 2011 8:06 PM
  • I would like to add, the favicon only shows when my pages are SSL (https) protocol, and the favicon doesn't show when non-SSL (http) ?

    So is seems to be some security issue?


    To err is human, to really balls things up you need Microsoft!
    Monday, October 10, 2011 10:00 AM
  • I had the same problem, then was able to solve with the below method. I have tried this with another website I have developed and worked fine.

    1. copy the favicon.ico file to some internal folder (e.g. your image folder /images)

    2. connect the favicon with url to the file as <link rel="shortcut icon" href="http://www.thinknet.lk/images/favicon.ico" type="image/x-icon">

    with the above method I have solved the problem. The favicon is working fine in my website www.thinknet.lk

    Thushara.

    Friday, April 06, 2012 4:27 PM
  • Very useful post ,, writing www before the URL was my problem also .   thanks alot
    Thursday, April 19, 2012 5:55 PM
  • Well our favicon started working all by itself a while back without me doing a thing.

    I think that makes it quite clear where the problem lies ;-)


    To err is human, to really balls things up you need Microsoft!

    Friday, April 20, 2012 8:35 AM
  • Ladies and Gents,

    I spent a long time with this like everyone else and I found 2 things:

    The fact that the .ico file is not an actual .ico file is an issue.  I found the easiest way around this was to create a lush looking 16x16 image and save as a PNG-24.  Then use an online converter to create the .ico.  They do it very well.  

    Then remove your references to the favicon.ico from your headers and place the favicon.ico in the root of the domain.

    This worked for me instantly in all browsers!

    Happy troubleshooting :-)

    Friday, June 22, 2012 4:32 PM
  • Well I got the same problem you had, but it isn't solved on my site yet today
    my favicon.ico works fine in firefox, but not in IE9.

    what is the reason???

    I love Windows


    • Edited by sanjananb Saturday, June 23, 2012 6:08 AM spelling
    Saturday, June 23, 2012 6:07 AM
  • The only way I got it to work with IE was

    1) createan ICO file (not the same as a BMP)

    2) I cleared all the cache in IE8.

    Probably you have to clear the cache for IE9:  Tools, Delete Browsing History and clear out as much stuff as possible.  Let us know if that worked for IE9.

    Sunday, June 24, 2012 9:04 PM
  • HI all....

    try using the below, This will Work For Sure.........:)

    <link rel="shortcut icon" href="/Content/Images/favicon.ico" type="image/x-icon">

    the difference is fevicon do not have closing tag "/"
    every thing should be embedded between "<>"
    we should not add "/" at the end of the closing tag

    This Should Work.....:)
    Tested...

    Thursday, July 26, 2012 5:41 AM
  • I struggled with this favicon problem for days - it showed in all the browsers but not in ie9 on a Windows 7 platform.

    I isolated the problem to be the icon file format.

    I suspected the file format speifically in definition-header and structure for the favicon.ico as it was the only thing left to examine having followed several tutorials and methods to the letter without success!

    It seems I was right – windows 9 + ie9 expect the icon to be constructed as 4 icons all contained within one file.

    Step by step:

    1)I constructed a 64x64 pixel 24 bit color graphic and saved it as a png file

    2)I imported  this file into a freebee called X-icon Editor get it here http://www.xiconeditor.com/

    3)I previewed the result (there will be four images 64x64, 32x32, 24x24 and 16x6 (all in pixels) and was happy with the result:

    4)I exported the result and noted the tips before doing the export…

    5)I then used the save as facility and directed the file to the root of my site files (where the index.html file is located) The file I saved was favicon.ico

    6)If you wish to view the files go to the site directory on your hard drive and double click on the  favicon.ico file and Windows Photo Viewer will show you 4 pages each representing the icon size.

    7)Edit your code as follows (the detail is found in tips step 4): under the head tag insert this tag: link rel="shortcut icon" href="favicon.ico"/

    8)Upload the changes to your server.

    9)Clear the ie9 cache files

    10)Wait about 20 minute (may take longer)

    11)Log onto your site and you should see the favicon

    So what are the other icons all embedded into a single favicon.ico file?

    64x64 are the large icons used by windows (if you create a shortcut on your desktop which has large icons the favicon will show your graphic in 64x64pixels),

    32x32 same as above but for a desktop set for medium desktop icons

    24x24  same as above but for a desktop set for small desktop icons

    16x16 is the favicon used on your web page. Its also the icon used in the pinto area at the bottom bar of the desktop (taskbar)– move the shortcut from the desktop to the task bar and you’ll see it resize

    All done – it works be – be patient for it to appear!

    PS (advanced users)  you can have more than one "Favicon" file but you'll need to rename all of them  then under the head tag point to each of the icon files for the various pages - but you're only allowed one (or none for multiple files)  favicon.ico files.... gets a bit hairy if you are a novice but go for it

    Tuesday, August 21, 2012 12:52 AM
  • I have tried all of the solutions above but unable to show favicon on internet explorer. Can any one suggest what wrong with it? below is the link to website.

    www.campaignmaster.co.uk

    Monday, September 03, 2012 1:32 PM
  • Try generating the favicon using this website http://www.favicon.cc/ 

    I tried all of the above steps and nothing, I generated the icon using the site above and voila! 

    Friday, September 28, 2012 12:04 PM
  • I'm using IE9 windows 7 Dreamweaver CS4: http://www.favicon.cc/ Didn't work for me.

    .

    However I've established its to do with the structure of ico file.

    .

    The only program that worked for me was X-icon Editor. Get it here http://www.xiconeditor.com/

    .

    If you name it favicon.ico and place it in the root of your site files it should show up in about 20 minutes but can take longer. To speed things up you could optionally, in your code under the head tag, insert this: link rel="shortcut icon" href="favicon.ico"/

    .

    If your icon file is not favicon.ico and is in a folder, in the examole to follow its in a folder called Icons,  edit code as follows under the <head> tag:

    -

    <head>
    <link rel="SHORTCUT ICON" href="http://www.yourdomain.com/Icons/another.ico"/>

    etc etc...

    .

    This allows you to have different icons for various page layouts (or templates) ...

    QED




    • Edited by Cherna Saturday, September 29, 2012 3:46 AM
    Saturday, September 29, 2012 3:41 AM
  • Thank you very much it worked using the above website ;)

    Cheers!!

    Tuesday, October 02, 2012 11:01 AM
  • The answer of Folok should be the first one, I have tried many things and is the only one works, single thing and is working, good!
    Wednesday, November 14, 2012 11:11 AM
  • The favicon itself must also be created correctly for IE. I wrote a blog post on the definitive way to do this. I hope it helps some people: http://jayl.ee/blog/2013/04/30/the-definitive-way-to-create-a-favicon
    Wednesday, May 01, 2013 6:17 AM