/    Sign up×
Community /Pin to ProfileBookmark

Favicon for IE 7

Copy linkTweet thisAlerts:
Sep 20.2006

My fav icon appears in the address bar of Firefox, but not IE7. I know they do work in IE7, because this site has one that appears.

I have search and tried everything. What’s the trick to make this work?

Yes I added it as a favorite site, icon is right size, it is in my root directory, etc.

Thanks,
Matt

to post a comment
HTML

45 Comments(s) ↴

Copy linkTweet thisAlerts:
@kiwibritSep 20.2006 — I used no special trick. [url=http://www.shy.co.uk]This page[/url] on my company site pulls up the favicon for me in IE7. Is it there for you? If not, I suspect you may have a problem with your IE7 installation - or something unusual in your configuration of it.
Copy linkTweet thisAlerts:
@daytoniansauthorSep 21.2006 — Still not working. Can someone take a look at my code and see if you see any problems? http://www.jklutherie.com
Copy linkTweet thisAlerts:
@wiseguy007Sep 21.2006 — Hey maybe this will help.

I looked at your code, try adding this on the bottom of your meta tags like this:

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

Your favicon.ico is placed in the rood directory right??? Otherwise it would look like this:<link href="http://YOURSITE.COM/YOURFOLDER/favicon.ico" rel="SHORTCUT ICON" />

Hope this helps, not sure though!!! GOOD LUCK!
Copy linkTweet thisAlerts:
@kiwibritSep 21.2006 — daytonians, it would have been handy if you had replied to my question on whether you saw the favicon in the link I gave you - it would have eliminated the possibility of a duff IE7 installation.

That said, I have looked at your code. You have 3 lines relating to your favicon in your page.

I would delete those, and place just one line in the <head> (at present you seem to have 2 starts to the body section, with your 3 favicon lines appearing after the first start).
&lt;link rel="address bar icon" href="http://www.jklutherie.com/favicon.ico"&gt; - assuming you have the favicon in your root directory.

[list]
[/list] Note that you have 99 errors when the page is validated in the [url=http://validator.w3.org/]w3c validator[/url]. Until you sort that out, different browsers are highly likely to interpret your page layout differently.
Copy linkTweet thisAlerts:
@Carla_YapSep 22.2006 — daytonians, it would have been handy if you had replied to my question on whether you saw the favicon in the link I gave you - it would have eliminated the possibility of a duff IE7 installation.

That said, I have looked at your code. You have 3 lines relating to your favicon in your page.

I would delete those, and place just one line in the <head> (at present you seem to have 2 starts to the body section, with your 3 favicon lines appearing after the first start).
&lt;link rel="address bar icon" href="http://www.jklutherie.com/favicon.ico"&gt; - assuming you have the favicon in your root directory.

[list]
[/list] Note that you have 99 errors when the page is validated in the [url=http://validator.w3.org/]w3c validator[/url]. Until you sort that out, different browsers are highly likely to interpret your page layout differently.[/QUOTE]

yes I agree with kiwibrit
Copy linkTweet thisAlerts:
@Stephen_PhilbinSep 22.2006 — Did you first view your site before you put the favicon in place? If so, then it's probably just a caching problem. To fix it in Firefox, I just put the address of the favicon image directly into my address bar and view it as an image in my web browser. Then I press Ctrl + R to do a proper refresh and that usually sorts the problem of an incorrectly chached favicon. I don't know if it would work the same in IE, but it's worth a try.
Copy linkTweet thisAlerts:
@daytoniansauthorSep 22.2006 — Yes, I could see the favicon on kiwibrit's site.

I did view my site before adding the favicon, but I have deleted all cached files twice trying to make it work. It didn't help.
Copy linkTweet thisAlerts:
@TaschenSep 22.2006 — For a short cut icon all you need is the following placed in your head tag (where favicon.ico is placed in root folder). Note, your ico file must be called favicon.

[code=html]<link rel="Shortcut Icon" href="/favicon.ico" type="image/x-icon" />[/code]
Copy linkTweet thisAlerts:
@bradymcNov 01.2006 — I was having the same problem with my favicon not showing in IE7. Here's what I found out. The program I used to generate my favicon created, in my best guess, two versions within the same file. One was 32x32 and the other was 16x16. After I opened the file in the program and deleted the 32x32 version, I uploaded the favicon to my site. I deleted the temporary internet files and the history then closed and reopened IE. There it was!
Copy linkTweet thisAlerts:
@kiwibritNov 02.2006 — Hmm. My favicon is 16 x 16 - but I would have thought IE7 would cope with 32 x 32. Don't know, though.
Copy linkTweet thisAlerts:
@bradymcNov 02.2006 — I thought that mine was too..... until I checked it in the program that created it.
Copy linkTweet thisAlerts:
@WebJoelNov 02.2006 — 32 x 32 is a desktop icon. 16 x 16 ix a favicon. ?
Copy linkTweet thisAlerts:
@AmishOutlawsNov 16.2006 — Likewise, I am having a problem getting the favicon to show in IE7. Works peachy in Firefox, but nada in IE. The site is: http://www.amishoutlaws.com/

Any suggestions would be MUCH appreciated. Thank you!!

Brother Eazy Ezekiel

The Amish Outlaws

http://www.amishoutlaws.com/
Copy linkTweet thisAlerts:
@bradymcNov 17.2006 — Brother Easy,

I just pulled up your site in IE7 and saw a wagon wheel? for an icon.
Copy linkTweet thisAlerts:
@AmishOutlawsNov 17.2006 — Thanks for checking. Strange, I still am not seeing it. I read somewhere that it may take a few days to show up... hopefully it will. Anyone else able to see it/not see it?

here is a screen shot of what I get:

[URL=http://www.amishoutlaws.com/screenshot_icon.gif]http://www.amishoutlaws.com/screenshot_icon.gif[/URL]

Thanks!

Brother Eazy Ezekiel

The Amish Outlaws

http://www.amishoutlaws.com/
Copy linkTweet thisAlerts:
@bradymcNov 17.2006 — Did you try to clear everything out?..... cookies, history, etc. Try that, close IE, then reopen. That seemed to do the trick for me.
Copy linkTweet thisAlerts:
@lmfrenchNov 17.2006 — I was looking through this thread trying to figure out why the site I am working on isn't pulling up the favicon in IE7, it works fine in Mozilla, but then I read that someone wasn't able to view their own, but obviously we can, so I was wondering if you all could kindly let me know if you see the one on the personals site I am working on, right now I just have an underconstruction page up so please let me know what you see, if anything, in the address bar.

http://www.likemindedsingles.com

Thanks in advance
Copy linkTweet thisAlerts:
@bradymcNov 17.2006 — I see the male and female sign (whatever they're called)
Copy linkTweet thisAlerts:
@lmfrenchNov 17.2006 — I see the male and female sign (whatever they're called)[/QUOTE]
Ok, thanks. I was reading somewhere that I may actually have to restart my computer to view it...which I find odd, but as long as your using IE and you can see it, that is all that matters, I don't really need to see it. Thanks a million! ?
Copy linkTweet thisAlerts:
@AmishOutlawsNov 17.2006 — Did you try to clear everything out?..... cookies, history, etc. Try that, close IE, then reopen. That seemed to do the trick for me.[/QUOTE]

That did it. I had been deleting temp files, but not the history or cookies. When I did all three, it showed up. Thanks so much!
Copy linkTweet thisAlerts:
@lmfrenchNov 17.2006 — Yeah, I actually had to click on "view files" in my IE options and literally delete EVERYTHING out of there, but it worked. I am very pleased that I stumbled across this site, who know's how long I would have went on thinking that no one could see the favicons I have done for my clients. Thanks a bunch everyone. ?
Copy linkTweet thisAlerts:
@paulcoDec 03.2006 — I've been following the same steps here but no luck with my site - displays fine in Firefox, but not IE7.

Anyway, even if you can get it to work by deleting temp files etc., what use is that really? You want the favicon to show up for visitors to your site straight away.

Does anyone know any code to force IE7 to look for the latest favicon on a site and display it on the address bar and favourites?
Copy linkTweet thisAlerts:
@lmfrenchDec 03.2006 — I know what you mean, my clients all thought the same thing. But IE usually is set to 'automatically' update pages, so once the IE someone is uses, updates the pages, they will be able to view the favicon.
Copy linkTweet thisAlerts:
@FrankSkiiJan 03.2007 — Hello. For FavIcons to work in IE7, you must set your desktop icon size to 48 x 48 or smaller. For anyone that does not know how to do this, it is easy........Right click on your desktop, select PROPERTIES, then click on the APPEARANCE tab, click the ADVANCED button, then in the ITEM dropdown menu, select ICON, Then just set the size to 48 x 48 or smaller and that is it. Click, OK, APPLY, etc... Restart IE7 and you are good to go! NOTE !!! It seems that you must revisit the website, then after you restart IE7, the favicons will show. One more thing to help clear any confusion.... Let's say you clear out all of your temporary internet files, etc..... now you close internet explorer. After you reopen it, go to one of your favorite sites that DOES use favicons. If you already HAVE the site saved in your favorites, the favicon will NOT show up until you close and reopen internet explorer! Now, go to a site that you DO NOT have save in your favorites ( Bookmarked). If this site uses favicons, it WILL show up right away. I hope this helps.
Copy linkTweet thisAlerts:
@TheBestGraphicsJan 16.2007 — thanks to these forums i got my favicon to show

it was simply a matter of haveing it in my root directory and clearing my temp files AND THE HISTORY! if you dont clear your history it wont work.

here is the site http://thebestgraphics.com

ill be visiting here more often
Copy linkTweet thisAlerts:
@lovey75Apr 30.2007 — Same issue with with ie7, fixed this site by deleting temporary files, cookies and history in internet options. This did the trick for me.

I removed <link rel="Shortcut Icon" href="/favicon.ico" type="image/x-icon" /> and the favicon still displays in ie7 and opera, however, it disappears in firefox. Hope this helps!

Lovey75

http://www.golocal-uk.co.uk
Copy linkTweet thisAlerts:
@Sherry99Jul 08.2007 — How do you get the favicon to work in IE7? I can not get it to work. My web page is http:/www.egoldfilledjewelry.com .
Copy linkTweet thisAlerts:
@Sherry99Jul 08.2007 — How did you get it to work in IE?

Thanks for checking. Strange, I still am not seeing it. I read somewhere that it may take a few days to show up... hopefully it will. Anyone else able to see it/not see it?

here is a screen shot of what I get:

[URL=http://www.amishoutlaws.com/screenshot_icon.gif]http://www.amishoutlaws.com/screenshot_icon.gif[/URL]

Thanks!

Brother Eazy Ezekiel

The Amish Outlaws

http://www.amishoutlaws.com/[/QUOTE]
Copy linkTweet thisAlerts:
@jordanmcclementJul 09.2008 — IE7 is a bit weird - I had same problem when I uploaded a new favicon.ico

The old kept displaying, then when I emptied the cache - NO icon displayed until I restarted IE about 6 times!
Copy linkTweet thisAlerts:
@donatelloJul 09.2008 — I see your favicon fine in FF, but it's not there in IE. Worse still,

when I tried to just view the favicon in FF, I see it fine - so it's there.

http://www.jklutherie.com/favicon.ico

But when I try to see it in IE, nada! Go figure.

Maybe try making a new one. Go to Dynamic Drive and do it again. I've had problems with some favicon generators. I would also give your favicon a transparent background... it would look nicer. Dynamic Drive has a favicon generator. Every favicon I have ever made with this tool has worked for me flawlessly... ?

http://tools.dynamicdrive.com/favicon/
Copy linkTweet thisAlerts:
@natobassoJul 10.2008 — Make sure your icon is a favicon. Use this online tool to process it and it should work:

http://www.chami.com/html-kit/services/favicon/

I did not see your favicon in IE7 on a pc. Favicon code must be in the <head></head> tags.
Copy linkTweet thisAlerts:
@Laurie1Jul 12.2008 — Hi, I stumbled on this forum whilst looking for some help on Google. I uploaded a favicon to my website last Sunday and I'm having exactly the same problem as everyone else here - the favicon is showing fine on firefox but after trying everything suggested by you guys, still not showing on IE 7.

The site is www.svetlanakuznetsovasite.com

Any ideas? will be greatly appreciated ?

Very good forum by the way.
Copy linkTweet thisAlerts:
@natobassoJul 13.2008 — Don't forget to use Tools/Delete Browing History (check the checkbox as well) and quit and restart IE. IE likes to hold onto things, especially favicons, even after you refresh.
Copy linkTweet thisAlerts:
@Laurie1Jul 13.2008 — Don't forget to use Tools/Delete Browing History (check the checkbox as well) and quit and restart IE. IE likes to hold onto things, especially favicons, even after you refresh.[/QUOTE]

Thanks, I did that, stiil can't see the favicon. However, can you see the favicon?
Copy linkTweet thisAlerts:
@natobassoJul 13.2008 — 
  • 1. Have you followed the instructions I gave on how to create a favicon?

  • 2. Are you uploading to your live server and not your local environment?

  • 3. I see A icon, not sure it's the one you want. It looks like two people on a light cream/pink background?


    • I don't think you've done #1 yet because your favicon is a jpg! Make it a gif, then upload it the favicon site I posted here. Place that GIF file and it should then work. Try FF on a PC; the icon does work, even though it shouldn't.
    Copy linkTweet thisAlerts:
    @Laurie1Jul 14.2008 — 1. Have you followed the instructions I gave on how to create a favicon?

    2. Are you uploading to your live server and not your local environment?

    3. I see A icon, not sure it's the one you want. It looks like two people on a light cream/pink background?

    I don't think you've done #1 yet because your favicon is a jpg! Make it a gif, then upload it the favicon site I posted here. Place that GIF file and it should then work. Try FF on a PC; the icon does work, even though it shouldn't.[/QUOTE]

    It should be a GIF? Ok, I will try again. Yes, it is pink - intersting you can see.

    Thanks for your help.
    Copy linkTweet thisAlerts:
    @Laurie1Jul 19.2008 — I used http://tools.dynamicdrive.com/favicon/ to create the favicon. That seems to have worked bacuse I can see it now on http://www.svetlanakuznetsovasite.com/favicon1.ico on IE7.

    I've deleted all temporary files, cookies etc and turned off my PC for two hours.

    Nothing doing at the moment but I hope it will manifest itself soon on my proper web address. Thanks for everyone's help.
    Copy linkTweet thisAlerts:
    @sunil_jain174Apr 03.2009 — what is your code to display favicon in ie7.

    plz tell me.

    i m having problem with that....

    reply
    Copy linkTweet thisAlerts:
    @Laurie1Apr 07.2009 — The code I use is

    shortcut icon" href="favicon.ico"
    Copy linkTweet thisAlerts:
    @emyrtJan 08.2010 — Still not working. Can someone take a look at my code and see if you see any problems? http://www.jklutherie.com[/QUOTE]

    Try content-type application/octet-stream - at the moment it's coming up unknown (note this is a server configuration not something you set in your web page). Note that image/x-icon doesn't work in IE either
    Copy linkTweet thisAlerts:
    @jonmasterJan 08.2010 — the problem is

    there are some codes inside the head tag

    [COLOR="Red"]<div id="wrapper">


    <table id="ctl00_container" class="page-container" cellspacing="0" cellpadding="0" border="0" style="border-collapse:collapse;">

    <tr id="ctl00_header">

    <td id="ctl00_headerContent" class="page-header"><table id="ctl00_container" class="page-container" cellspacing="0" cellpadding="0" border="0" style="border-collapse:collapse;">

    <tr id="ctl00_header">

    <td id="ctl00_headerContent" class="page-header"><table cellspacing="0" cellpadding="0" width="100&#37;"><tbody><tr><td>[/COLOR]    <HEAD><link rel="icon" href="http://www.jklutherie.com/favicon.ico" type="image/x-icon">

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

    <link rel="address bar icon" href="http://www.jklutherie.com/favicon.ico">

    You have two HEAD TAGS, AND TWO BODY TAGS...did u create the site from template


    you have to sort these codes inside the body tag. And then you can see your favicon
    Copy linkTweet thisAlerts:
    @Eye_for_VideoJan 08.2010 — From here it look like your favicon is just a jpeg renamed as a .ico file.

    It will show up in FF but not IE.

    To test, paste this address in IE:

    http://www.jklutherie.com/favicon.ico

    image not available

    Then do same in FF, save to desktop and check file properties... shows jpg.

    Use a photoshop plugin to create an actual .ico file. Google for lots of options.

    Best wishes,

    Eye for Video

    www.cidigitalmedia.com
    Copy linkTweet thisAlerts:
    @emyrtJan 09.2010 — the problem is

    there are some codes inside the head tag

    [COLOR="Red"]<div id="wrapper">


    <table id="ctl00_container" class="page-container" cellspacing="0" cellpadding="0" border="0" style="border-collapse:collapse;">

    <tr id="ctl00_header">

    <td id="ctl00_headerContent" class="page-header"><table id="ctl00_container" class="page-container" cellspacing="0" cellpadding="0" border="0" style="border-collapse:collapse;">

    <tr id="ctl00_header">

    <td id="ctl00_headerContent" class="page-header"><table cellspacing="0" cellpadding="0" width="100%"><tbody><tr><td>[/COLOR]    <HEAD><link rel="icon" href="http://www.jklutherie.com/favicon.ico" type="image/x-icon">

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

    <link rel="address bar icon" href="http://www.jklutherie.com/favicon.ico">

    You have two HEAD TAGS, AND TWO BODY TAGS...did u create the site from template


    you have to sort these codes inside the body tag. And then you can see your favicon[/QUOTE]

    Don't _ever_ put link tags inside the body element - they MUST go in the head element. I don't think you meant to suggest that the link tag go inside the body, jonmaster, but it took me a couple of reads to work that out. What you mean is that the table goes in the body and the link in the head, no? :-)
    Copy linkTweet thisAlerts:
    @jonmasterJan 09.2010 — Yes i did not say

    add the link tag inside body tag.

    Ofcourse it should be inside head tag.

    what is said was there couple of body tags and heads, so he has to clear up things and finally add favicon link inside head tag
    ×

    Success!

    Help @daytonians spread the word by sharing this article on Twitter...

    Tweet This
    Sign in
    Forgot password?
    Sign in with TwitchSign in with GithubCreate Account
    about: ({
    version: 0.1.9 — BETA 5.7,
    whats_new: community page,
    up_next: more Davinci•003 tasks,
    coming_soon: events calendar,
    social: @webDeveloperHQ
    });

    legal: ({
    terms: of use,
    privacy: policy
    });
    changelog: (
    version: 0.1.9,
    notes: added community page

    version: 0.1.8,
    notes: added Davinci•003

    version: 0.1.7,
    notes: upvote answers to bounties

    version: 0.1.6,
    notes: article editor refresh
    )...
    recent_tips: (
    tipper: @AriseFacilitySolutions09,
    tipped: article
    amount: 1000 SATS,

    tipper: @Yussuf4331,
    tipped: article
    amount: 1000 SATS,

    tipper: @darkwebsites540,
    tipped: article
    amount: 10 SATS,
    )...