i am not able to see the fav icon in IE and also only in the tabbed heading in firefox
please help me

I have checked your site and the favicon is showing without problems in both IE and Firefox on my computer. Did you try all the hints given above? Especially adding the page to favorites and clearing IE cache before.

Hi,

  I have performed all the steps regarding the FAVICON to be displayed in the IE. But it is not getting displayed.

Well, your web site is OK, the problem is with your computer. Here are some more extreme recommendations: change your default browser to IE, delete all bookmarks to your site, clear IE cache, history folder, and recycle bin, restart computer, bookmark your page and then click a few times on the bookmark.

This Favicon things is quite silly on internet explorer.

One thing you can do, if you want the icon to be visible in your explorer, do like you do when you make a shortcut to a page on you desktop but drag the URL (or rather the little e-icon nex to the adress) to the internet explorer window itself so that it reloads the page.

Do that twice.

Suddenly the icon is visible.

Reloading alone does not cut it.

Considering that it was internet explorer that came up with this thing with an icon its really super-silly that it works fantasticly on Firefox...

thanks so much

Favicon can also be used in the latest Firefox to display a .gif file and hence a moving icon!

make sure you put in two of the favicon generators as follows:
<link rel="SHORTCUT ICON" href="favicon2.ICO">
<link rel="SHORTCUT ICON" href="favicon.gif">
IE selects the .ico file and firefox displays the moving.gif!

see an example here:
http://www.georgewood.clara.net/dh/

fewtrem (david wood)

Thanks for the info about animated favicons.

I can't get IE to show my favicon. It shows up in Safari and Firefox with no problem. I've tried the various steps recommended, but to no avail.
http://soundsurgeon.tv

Of course, now that I've refreshed the page 2 dozen or so times, the favicon now shows up!
F^&*$^&&! windows...

I wasn't aware of Fx being able to show gif instead of ico... good to know. Now if I can just figure out how to make my idea look good at such a small size I'm all set!

Sorry I did try all the paths above and read all the comments but still cant get it shown in ie in my website
http://www.accro-web.com
maybe it does show but not in my computer?
Can someone help me 😊 ?
thx in advance
Laurent

Your favicon is a renamed BMP. While Firefox understands it, IE requires a real Windows icon.

thanx a lot Vlasta, you seem to be right and I'll change it (in fact it's a renamed .png)

?

This page was very helpful! I've been looking everywhere to find out how to get an 'icon'... (didn't even know what it was called!) but now I have one working... if only all browers showed the animated one!

checkout crunkedout.com and see if you can see the animated one or the still one...

Firefox show the animated one there

Thanks alot, people like this make the web go around =)

I can not get the link to work on my site and I do use Mozilla Firefox. I tried using an ico file and a gif file. I changed the href different ways and it still does not work. Could it be that the server that hosts my site needs to allow one to use this feature? This does not make sense to me, but I can't imagine what I could possibly be doing wrong. The java script console just gives me my css errors. Thanks!

I got it to work by using the gif file with the full url address to the image. I realized that I tried the full url address with the ico file instead of the gif file. Either my host does not support ico files, or the program I used does not allow ico files to actually work in a trial version.

Thanks!!!!

my favicon doesn't seem to work either! do help me out some 1!
Thanx 4 support. >> Free Site problem probably

http://www.geocities.com/shashank8kumar

You need to specify the icon in a top level frame, which probably is not under your control on geocities.

Great guide! I made a favicon for my site and it works fine in Firefox and IE7 but not in IE6. I tried adding the page to favorites and it shows there but not in the address bar. I also deleted all of my temp internet files but still no luck. Do you have any other suggedtions?

Hi, I added this text on my html page.. but IE7 still doesn't show the favicon.ico.

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

I'm running this locally,
I'm using apache 2.0 and PHP 4.4.2

Works great in Mozilla Firefox, Opera 8.54, Netscape 8.0.4. I also did all the things that you said.

Please help.. Thanks.

Try using absolute path. For IE6, the icon should be in the webserver root (http://localhost/favicon.ico). Also, it could be incorrect icon format.

Hi, having no luck with favicon showing up in IE:

http://www.invasivespeciesinfo.gov/test.shtml

Please help!
Thanks, J

Hey - wow - i thought this one was gonna be the fix! \
But that damned little square still won't load ... i've included the code but its still not getting picked up (www.illfm.net) and the icon is in the top level and inside the main site folder.
Any more suggestions ?

Even Google does not show its favicon in IE so what chance have we???

nikko is right...
the favicon does not show in IE!
all fine with FF.
IE su**!

Thanks for your suggestions on the installation of Favicon.
However, I tried all your fixes for IE and after much aggrevation I got the icon for your site and for my site to show both in the address line and in the bookmarks for IE v6. However, as soon as I close the IE browser and open it again I lose my icon, AND the favicon for your site in both the address line and the bookmarks.
Firefox, opera, and Netscape all took the favicon just fine.

Thanks,
Sharon Wood
Web Developer.

For who can't display favicon on IE.
Try this:
Go to tools> internet options> advanced> navigation> activate personalized "favorite" menu.
I've tried this and it's working good now.
But still I have to add the page to favorites to display the favicon.
Good luck.

I have successfully posted a favicon at www.firstnemo.org - is there a way for it to show up in the Title bar at the top of the browser (and not just in the URL address bar)? I tried to add an image tag as part of the title but that didn't work.

AFAIK it is not possible with current browsers.

It seems to me that IE 6 only adds favicon for bookmarked pages. So if your site is dynamic then one would have to add bookmarks for all pages... You can easily test this with for instance Wikipedia. Firefox works like a dream...

mine shows up in my favorites.. it has both the 16x16 and a 32x32 in the ico file... shows in fav list and when browsing the fav folder it shows the big one... but does not show in the address bar... winxp, ie6

To get this to work with IE 6, make sure a 16x16, 32x32, and 48x48 in the ico file. I tried all kinds of tricks to get it to show, but that was the only thing that worked.

it's fine

My IE browser is not showing the favicon.ico. If i open like www.softcrylic.com/favicon.ico, the browser is not showing the icon. I even tried Go to tools> internet options> advanced> navigation> activate personalized "favorite" menu. But its not working. I think if i can dispaly that icon in the browser, then it works in the address bar. So please help me what should i do to display that icon in the browser

Your favicon is a PNG image, not a real icon. While Firefox accepts any image format, you need a proper .ico file for IE.

I tried everything suggested above to see the favicon in IE but it is not working. www.nazaydemir.com is the website... it is working perfectly in firefox....

I tryed the code but supose doenst work whitout a webpage

I am trying to add a favicon to my site, but I want to test it first to make sure that it works. Does this code work - <link rel="shortcut icon" href="/favicon.ico"> or do I need to direct it to my site somewhere for example <link rel="shortcut icon" href="www.example.com/images/favicon.ico">

The first version is correct. If you want your favicon to be shown in IE6, it must be in the root of your site and called exactly favicon.ico

Thank you for responding Vlasta but it is still not working, <link rel="shortcut icon" href="images/favicon.ico"> I have it 16x16 the correct code, not sure what to do from here, any suggestions?

You should use absolute path - that is including the leading slash. And you should place it to the root directory, not to any subdirectory. Otherwise it would not work with IE6. Other than that, I would suggest to read the previous comments.

Just want to say thanks for your site--I was able to get the icon working for IE6 finally.
For those who have Photoshop, there was a free plug-in to do .ico files. I used the 16x16 size.
And I notice here on this site you used a relative (vs. absolute) placement for your .ico file--and sure enough, it shows in Firefox, but not in IE6!

Hi my name is fabian i dont know what happen with the ie my favicon.ico is in the root file, and it works with the opera but it does not work in the ie what could be the problem,
i made the favicon in fireworks and in dreamweaver i change the .jpg to .ico
i dont know if this could be the problem
please heeeellllppp me
thanks

Favicon should (and in case of IE must) be an .ico file. It is not enough to rename a .jpg to .ico.

Wow

I had added the give statement in the head section of my web page. It is working all fine in Mozilla but not working on Internet Explorer. Though I have IE6 but it is not working. I had also tried to add the page as favourite but still it is showing the IE icon

There are more hints in the comment section, but usually this kind of problem is caused by slow refresh of IE.

Hi
After creating my favicon and following your instructions it still does not appear. Our home page uses frames and I have inserted the line of code in the frames page and also both pages that are shown in the frames any suggestions?

I have checked your site and it seems that you have not uploaded the favicon 😉. It should be accessible at www.yoursite.com/favicon.ico

Hi
The icon file had the extension in upper case, forgot that Linux is case sensitive, the favicon is however still not coming up when I open internet explorer (version 7) any more help would be appreciated
Thanks

Works all right from my computer in both IE6 and IE7. One minor thing - your icon is 32x32 pixels, you should add a 16x16 format.

I can't get this working again using IE7. Firefox is all good. ico created using photoshop plug-in. 16x16pix 400bytes.
www.martinassociates.co.uk

use rel="shortcut icon", not just rel="icon" and use absolute path to the icon ... href="/favicon.ico" <- just like in the example in the article

My icon is not showing. Any help would be appreciated. It shows in Mozilla no problem, but not in any version of IE. The URL is http://tesolarabia.org

Works all right from here.

My icon is not showing up www.bikini2990.net

I think I have done everything right yet the favicon does not appear. At least not for me. Anyone else see it? http://appliedintegrity.us

both bikini2990.net and appliedintegrity.us favicons show without problems from here.

It works when I type blakenewman.com but does not when I type www.blakenewman.com. Is that a matter of my cache or my temporary internet files?

works for both addresses for me, BUT: favicon should be 16x16 pixels - yours has all but this format and a file length of over 350kB!

www.vividbroadcast.co.uk has an icon that works fine in anything but IE. in IE6 it appears in the favorites when added but not in the URL bar.

After you add it to favorites in IE6 and click on that link in favorites, it will show in address bar. But only for that single page.

Hi. Done all you have said and I can't seem to view the favicon? My URL is www.directsubmit.co.uk Any ideas?

I have tried everything, works in every browser on every system but IE 7...arg... www.advantageofficesuites.com

I can't seem to get my favicon to view on the page. I use IE 7 and the page is alchristian.com Any help would be appreciated.

www.directsubmit.co.uk and www.advantageofficesuites.com work without problems. Favicon at alchristian.com should only contain 16x16 pixel images.

I can't get it to work either. Does favicon show up for you in www.patong.biz?

hi,
well my favicon working on mozila(2.0) and not work on IE(6.0)

Regards,
Minhajkk

I find it actually takes two lines in the page headers to make a favicon work well across all browsers:

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

Perhaps this will help those with problems in certain browsers.

Rick Wheat
www.wheatworks.com

Mine won't work on IE 7.0

Wheatworks, I added your extra tag, but IE 6 still continues to ignore my favicon. Any other workarounds exist for IE?

The two lines are not necessary unless you want to use different favicons in IE and Firefox. The rel="icon" line is ignored by IE and only affects Firefox.
If you are having problems in IE6, check you page from another computer. It is usually only a caching issue.

I am using IE6. I tried all above said tricks. But the icon is showing in Favorites list only and not in Address Bar. It is working find in Firefox.
Plz reply.
sbhutani.tech@gmail.com

I am using IE7. I tried all the above tricks mentioned and still I can’t see Favicon in the address bar. It is working find in Fire fox.

Can you help me with this?

I am in the same situation. Have tried for a while now to get IE7.0 to show the favicon on my site but no luck. Also went through all the steps mentioned above - no change. Any other suggestions? This is driving me nuts...

 It works fine with Firefox.  Can't get to work with MS

Not the answer I had hoped for 😞 Especially since all other websites show up with the favicon, just my own is not working regardless of what I do.

People, its kind of hard to help you unless you also include the url of your sites 😉.

Tiffani=Can you add a favicon to your myspace page?

I am not sure, I do not have a MySpace account. It should be possible if you can modify the page header.

i have tried to get my favicon to work in IE7 but can't any ideas? Works fine in Firefox

One that works with Firefox and NetScape
<link rel="shortcut icon" href="images/animated_favicon1.gif">
Some of the ones I've tried with MS IE6 without any luck
The file facicon.ico is in the root path
<link rel="shortcut icon" href="/favicon.ico" />
or
<link rel="shortcut icon" href="/favicon.ico">
or
<link rel="shortcut icon" href="http://www.web-site/favicon.ico">
There were a couple other things I found and tried with no luck

Yet another case of works in FF, not in IE (only tried IE 6). URL...

http://development.web.bareescentuals.demandware.net/on/demandware.store/Sites-BareMinerals-Site

you can open: http://development.web.bareescentuals.demandware.net/favicon.ico

Tried the provided suggestions, but no joy. Maybe someone from MS will visit this site and tell us all what we're doing wrong?

The icon file is OK, but it does not show from my computer either. Did you try to use "/favicon.ico" instead of referencing a different domain?

I've added a favicon to my web page and it displays in the favorities but not in the address bar. I'm using IE7 is there something I'm not doing?

How come favicons work in IE7 for sites like www.bankofamerica.com or clickforlessons.com, since when you view their source code, there's no refernce to the <link rel= ... method? I'm confused; how are they doing it? :0 I'm unable to get it to work for www.icedpitamusiclessons.com by the way. 😞

Sometimes browsers just use for favicon.ico from the root directory. And your site works OK.

Sorry, not sure why my previous post reposted itself. Funny, you're seeing my site work OK with the favicon. I've tried it on 5 computers now with different versions of IE to no avail. Very strange!

I have opened it in IE6, added to bookmarks and favicon appeared... Then after a click on the bookmark it also showed in address bar as it should.

Thanks, I did finally get IE6 to work only after adding to bookmarks. IE7 still doesn't, however. I still wonder though how these sites do it, that I've never been to before, much less bookmarked. Like yours, it loaded upon my first visit in IE7! Why's it work?

Fixed it by adding: type="image/x-icon" to the line. So, <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">

ADI I have tried this line at IE7 and it didn’t work…

me using https protocol is there any problem with https for displaying favicon.

regards,
Minhajkk

I have followed the directions, my website is www.find-my-plane.com and the favicon isn't displaying. Thank you

Looks OK form here in Firefox and IE6. One note though - you are missing the closing ">" on some of your meta tags.

http://www.juancolebeta2.com/

The favicon never sticks with IE 7 on this site. I've tried all the different tags, just nothing, all is well in Mozialla. It creases me, I duplictaed everything here perfectly, cleared the cache, used and absolute url, modidifed the tag from above, added the (space)/> at the end of the tag for xhtml, still nothing. Any ideas?

The problem is in your favicon.ico file - it is a renamed gif image and IE requires a real .ico format.

Thank you so much, I appreciate it. I apologize for the triple comment post, I didn't realize a refresh was re-posting.

Again, bless you for the answer. Thank you.

I am not really sure what a "real" ico format is, other than re-naming it. Photoshop doesn't recognize ico files, and I could only work with the jpg that was given to me.

Okay, unclear on the concept, it's not exactly a new experience for me in this life. Go to those sites that generate this ico file for you, since you can't do it. I did. I replaced it on the server twice and it still won't show in IE.

In interviewing for a Manager job so I can flee IE. It's not worth it in this life. Anything further you can suggest, thank you very much, I'm not stressing. It's a bona fide ico on the root, still klunks.

I have checked the site from IE6 and it seems to work fine. It is probably just a caching issue on your computer.

Sharan: Hi, as discussed in the forum,

I added the favicon.ico in to my Tomcat web server (ROOT Folder). Is this enough to make the favicon work for all the pages?

My requirement is to have the little icon on the address bar without bookmarking the page. We cannot request the user to bookmark to see our company icon. How do I force this to happen with out bookmark? Our application has around 50 jsp files. Should I had <LINK> element in all the jsp files. Please help me out. Thanks, Sharan.

Hi,
the icon just won't show up in front of the address for IE7. It does on Firefox and Safari. But none of them displayed the icons when I saved them as favorite or saved it as shortcut on my desktop. Can you please help me out? www.apcommerce.net
Thanks!
Patricia

Sharan: you should add the <link ... - it does not maater what technology you use on the server. And for IE6 susers must add the page to favorites, for other browsers, the icon shows just by visiting the page.

Patricia: Your favicon works in IE7, it just takes a more time to display, because there is relatively lot of data on your page.

I tried all the directions to display it for IE but i cannot get it to display. I can however get it in firefox and opera. Can you help. www.pay4rent.com

ok, can anyone help me here? Tried all these suggestions, but am using joomla in combo with a one-fits-all template. Got so many index.htm, index.phps all over, I'm just lost. Favicon works in Firefox... here it ain't. http://blakesands.com Thanks.

pay4rent:
yout .ico file is relly a renamed .jpg - you need a real .ico format
blakesnads: put your favicon to the root directory

hey, this is the blakesands.com poster again. Favicon is everywhere, including the root, but joomla has a special config for it, and wants it in the /images/ folder. And, TA-DA! It works for me, and I hope for you too. AGAIN, I concur... it is first a file location issue AND also a cache problem. Also, adding it to favs seems to help the icon show correctly. Thanks all for your help. I spent hours on this, only to discover from another computer that favicon shows just fine in IE on the first try.

blakesands.com poster, again, here... another interesting fact. IE ignores any icon that is not 16x16 and in official ico format. Search for a free icon editor if you need to adjust size, there are lots of free and trial ico editors out there.

the favicon still not showing in IE 5, 6 and 7... I tried evey thing! my web site is arabimages.com

Best,

Sam

No wonder, your html is a big mess. There are at least two </head> tags on your page.

paradox (2007-01-31): "Photoshop doesn't recognize ico files"
As an FYI to those who use Photoshop. There is a free plugin that will add ico support which can be found at.
http://www.telegraphics.com.au/sw/

Good Luck,
Choakster

Hi, I feel that i've added the favicon.ico tag correctly:

<link rel="icon" href="/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
www.fordpas.org - the icon shows up in FireFox and Safari, but not in IE 6 nor 7. Do i just need to wait a bit?

I've gone over all these forums and cant find the answer. I generated the Icon using an Icon generator and it looks good in those other browers, but most of our people use IE.

Thanks a lot!
Son

looks OK from here in both IE6 and IE7

i have tried all the steps to show icon for my page but still it doesn't show up.

Mine worked Great!!!! thank you folks for all the help 😊

I have one question..How can I use this on a php site that has no html intro?

Sonny Tee I see the Icon just fine on your site. Looks Good

There should be no problem with php. Php, like all similar technologies, just produce html code. But, of course, you have to find the right place in the script you are using.

LOL yea so I see but everything I have tried hasnt worked.. But I'll keep trying

firefox used to display favicons just fine until the latest version (2.0.0.1) - then they showed up from other sites, but not mine, until I added the "shortcut icon" tag in the headers. Strange, because firefox never needed that before as long as favicon.ico was in the root web directory.

I have tried everything I know to put this on php but nothing works Help!!!!!!!!

same problem as with sonny.tee...........

Mozilla Firefox n all those "good" browsers work great in showing the icons.....but IE7 juzz blatantly refuses to show it.......

all others find the icons even if I place it in subfolders n give the appropriate path..........

Got it to work fine. THANKS !!!

How do you integrate this with Wordpress (the platform, not the .com)?

Hi, Mine didn't work either!! I inserted the general code in Yahoo! GeoCities Servers. Please help in details!!

i did what ever it say to do in this page but nothing is working.
i have IE7 & AVANT & the both don't show the favicon, what to do?
how i can see my favicon?

I can not even see the favicons of Microsoft, Google, etc...
Can anybody suggest anything? Maybe in the security settings of ie?...

I had have problem in displaying favicon on IE7 using all the tips mentioned online. Finally, I realise it works only by adding <body> .. </body> in my test page. I have a bad habit to ignore these tags.

your own favIcon don´t appear in IE... that´s because I love FF!
It works perfectly!
Thanks!

Sorry... that´s WHY i love FF...
My Englih is not so good!
In portuguese we have one word for because and why! 😊

So --

your own favIcon don´t appear in IE... that´s why I love FF!
It works perfectly!
Thanks!

favicon not showing in ie http://www.twelvebeads.com

use the html code stated in this article and use a real .icon file, not renamed jpeg

<link rel="shortcut icon" href="/favicon.ico">
its working with FF and IE7 automatically but not automatically working with IE6

I put the link as stated above, I've tried everything but the icon is not showing at all, I'm using IE7 and dreamweaver. I don't know why its not working, I've also deleted temp files but still the same, I don't usually have problems seeing changes made to the website, Please advise if I've missed anything, thanx

Hard to tell without the url of your site.

sorry this thing sent the same message again... here's the url >> http://kasturirestaurant.com , I'm also trying to put it on my other site too... thanx for the response..

I refreshed this page that's why it sent the same message back... very sorry for that... so ppl do not refresh page after sending comments... :P

OK, I think I done it, the file although on my pc is 16 x 16 , for some reason it was showing as 48 x 48 on the server... I removed it all and tried again, seemed to have sorted the problem for now, I also think it only lets a genuine ico file work better than a transformed gif or jpeg

Your favicon doesn't work in IE6.

I tried to put favicon icon on one site but it doesn't work. I tried everything and I don't know where I'm wrong!?! The site url is http://www.inet.hr/~vjezic
I've placed icon file in the root folder.

No, you icon is not in root folder, but actually in /~vjezic folder. I know that for you it seems to be a root folder, but for browsers, it is not, the root folder would be http://www.inet.hr/

not working in firefox or ie7 on mine
www.inplainview.co.uk

oops icon in wrong place, www.inplainview.co.uk working now

not working in ie7, www.greatdesigns4u.us

Your favicon is a renamed .gif. You need a real icon for IE.

Urm....this is embarrassing !!!!!!!!!
I just commissioned a script so viewers can go to:-
http://www.favicon.co.uk and make a favicon.ico file from
any image that they have on their computer
The script is supposed to convert the image they supply
into a favicon.ico file
In early stage of design BUT http://www.favicon.co.uk/new.html
has the necessary code and the favicon.ico file is uploaded
but....guess what...I can't see it in my favourites
I tried all the advice offered by Googling "favicon don't show"
and from this page...to no avail
Any further advice appreciated.
Secondly can somebody try the script and let me know if it works
for them (after uploading and bookmarking to your own site)
You could mail me stay[at]canastahotel.com
Thanks in advance for any useful comments

Problem fixed - it was actually a problem with the script and the way it formatted the favicon.ico image - now corrected.
If anybody wants to try it out please go to: http://www.favicon.co.uk
to design your own favicon.ico file

Hi I'm hoping you can help as I'm rather perplexed! I created a favicon, uploaded it to my root folder, inserted the link into my main index page (as in example on this page) but the icon is only showing against my 'forum' page and not the others. I can't work out why it's showing on that one page when it's not even the page I inserted the link. I'm getting really frustrated now so any help will be greatly appreciated 😊 Thanks

It depends on the browser you are using. Sometimes it is enough to have favicon.ico in root folder for the icon to appear, sometimes the browser does not fetch the icon, because it already has the default one cached for that page.

I cleared my cache and hey presto its working . . thanks for your help 😊

i am still not able to view icon in address bar

www.cariboopg.ca Works in FF not in IE7

I got it working but when i tried to change the design by overwriting the file & clearing the cache, the old design shows up.

Icon was being displayed, now it's not. Any tips?

If you did not change anything then probably the cached icon on your computer was updated or dropped. Re-add it to your favorites if your are using IE6.

Hi, www.eyeonbooks.com.au seems to work in FF but not in IE7? Can you please have a look?

Works OK in my IE7, it will be just caching issue on your computer.

I cannot get the fav icon to show up on Internet Explorer. Please check my site http://www.egoldfilledjewelry.com and tell me what I am doing wrong.

Looks OK from here, probably just not updated cache on your computer. But you should remove the 32x32 pixel format from your favicon or at least make it similar to the 16x16 format.

trying IE 7 at newreflectionscounseling.com and cannot get it to display. Have tried all suggestions. I can see rw-designer.com's favicon and other sites, but not mine. Any ideas?

Uhm, I cannot find the <link rel="... tag in your page.

I have a frames based website does the <link rel="shortcut icon" href="/favicon.ico"> go in the index.htm, thanks

Yes, to the top level page, that defines the frames.

Many thanks for that, but it still does not want to work. I used one of your icons. It being the letter "W" Could you try it your end in case its the cache thing. Its www.woodleynet.co.uk. Cheers

That page seems to redirect to geocities. That will be a problem for IE6, because you cannot put the icon to the root folder of a site.

Hi I cannot see the fav icon that has been added to my website in ie .. it works fine in firefox... i have tried numerous times.. can you please help.

woops would be good to give you the web address - http://www.zesthealthcare.com.au

You should put the favicon to the root folder. Also, it is better if it si 16x16 pixels.

worked for me using the free icon generator and a gif file - thanks for the instructions

enjoying your site...i already had the "<link rel..." already in place with the addition of "type="image/x-icon". As soon as i copied my newly made icon out there it worked great in firefox. no luck in IE 6 or 7 yet despite deleting cached information and favorites. the site is www.navini.com

... no problems in my IE7

just an interesting note, i changed the file name and code from favicon.ico to navini.ico and it worked immediately in IE7. something was evidently cached somewhere. in any case, if i learn anything fun i'll share it.

Good call on the renaming the icon, that worked for me too and is a tip that's probably worth adding to the list above.

I tried adding a favicon to my website www.cornerstonesservices.com I made the 16X16 favicon and placed it in the root directory--and linked it appropriately (I think) but it still does not show in IE7 though it works fine in Firefox. Any suggestions?

I can't get my favicon to display in either IE 6 or 7...works fine in Firefox though. ???

Tried the renaming and it worked for me, after I'd spent ages cutting and pasting, assuming I was an idiot. Well done, one step closer to looking professional:

http://www.virtuallydone.co.uk

Downloaded trial version but all the favicons I tried to create ended up 25k. Used the online version & it worked great (<2k). Found advice true: Comes up great in Mozilla; a struggle to get it to come up in IEv6 or v7.

The online tool is good for favicons, the normal editor gives more freedom (you can for example create favicons with transparency and smooth edges). You should delete all but 16x16 images when using it for favicons.

Tried all the suggestions above, but still can't get the icon appearing in IE 7. Works in Firefox and IE6.

Hi, my favicon work in firefox, but not in IE i haven`t any idea why. I try to check in other computers, but... http://www.miribelkin.co.il/default.aspx

thanks

works OK from here

HI,

My favicon shows up on FireFox, but not in IE. I have tried every other alternative, but in vein. Please help. I have created the favicon 3 days ago.

When I redirect with cjb.net My favicon is not shown. What should I do? when I enter to my normal address all are fine

I cannot make it work in IE either. It works fine in FireFox. My web site is in Spanish (hope you don't mind too much): http://www.llaveros.org
Any more suggestions? Many thanks.

Looks ok from here, clear your IE cache.

GGallery

I have done all of the above..
My favicon will not show in IE7

My favicon shows up in FireFox, but not in IE7. The url is www.stjarnadesign.se. I've tried the solutions above, including clearing the cashe, but no luck so far. Any ideas?

I still can't get it to show up in IE7 or Netscape. http://ammloc.freehostia.com any more ideas?

www.stjarnadesign.se is OK in my IE7.
ammloc.freehostia.com - renamed jpegs are not cool as favicons

Well, I can get the favicon to show up in Netscape and Opera, I haven't tried IE or Firefox. I can't get it to show up in Safari. Other people's web page favicons show up just fine in Safari, but not mine. : ( Any suggestions?

I am sorry, I do not have Safari browser, but in general, try to be as compatible and conservative as possible, use 16x16 .ico file, default name favicon.ico.

I can't get the favicon to work. I use a Template for all of the pages, and this is where I've added the code. This is what I've entered:
<link rel="shortcut icon" href="http://www.infectiousthreads.com/Images/favicon.ico">
Website is www.infectiousthreads.com
Please help.
Thanks:)

You favicon url returns 404 Cannot be found...

I tried making the favicon ico show one time and it worked. I tried it again and nothing can some help bigdre312002@yahoo.com

Adding the link you suggest
<link rel="shortcut icon" href="/favicon.ico">
actually STOPPED the favicon from appearing in Firefox and it did NOT make it appear in IE7. I also tried with absolute address, but that didn't change anything (except that the icon still disappeared in Firefox.) Any thoughts???

Hm, yes, something else is wrong. Read the page and old comments carefully...

andee,

place the favicon.ico in the same folder as your index.html. Then use <link rel="shortcut icon" href="/favicon.ico">.

NOTE: IE's ICON Handling flaw requiores that you add the "Type" info to the icon link to make it work.
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">

Paul Vilevac

Last week I was tasked to "freshen up" my company's Web site. I thought this would be a great chance to learn how to put an
icon next to the address bar--something I'd wanted to do for my personal site for ages. So I checked out a few sites like this
one and soon had my company logo into a favicon file and the relevant code in the index file. I didn't want a lone graphic floating about in the root directory so put the .ico file in /graphics and added that path to the href. Worked beautifully in Opera 9.24 (my browser of choice) right off. Then I tried it in IE6. Didn't work. Firefox 1 (I keep it for testing new scripts!)--no problem. A search on "favicon in IE6" brought me here.
Now I can't be experimenting with my live company site so I switched to my personal one, which is hosted on GeoCities. I got the same result as above. First I tried moving the favicon file into the same directory as the index (and edited the href). Still no good for IE6. Then I tried everything suggested above--including the reboot! I found the source in Vlasta's site (I warmed my nose before sniffing
around!) and copied the link rel line from there. Still no good for IE6, and I agree with milongal, the "/" stopped it from working
in Opera and Firefox. The "type" (with "image/x-icon" or "image/vnd.microsoft.icon" recomended by Wikipedia) didn't help.
Then I noticed something weird in Opera and Firefox. Even though my icon shows up next to the address bar, when I bookmark my site, the icon appearing in Bookmarks is totally different to mine and nothing I recognise! Is this is because I'm on a hosted site--GeoCities are forcing an arbitrary icon of their choice on my bookmark? I checked a few other sites and all the ones that look the same next to the address bar and in bookmarks appear to have their own servers (or at least domain names) and use the simplest form of the "link" declaration.
I'm stuck and have given up for now. I've now spent more than 10 times the amount of time trying to get this to work in IE6 than it took to do in the first place! My boss and just about everyone else in my company are IE devotees so I guess no-one's going to see my work!
Sorry this has gone on too long--any helpful advice on my comments would be welcome!
Osaka Slim

A solution I found was to add in the ref link the whole url address with a question mark at the end, that will tell the server to look for any change in the file everytime your page loads, that worked for me, good luck!!

<link rel="shortcut icon" href="www.website.com/favicon.ico?">

I found that I had to rename my favicon to favicon1, change the code to say <link rel="shortcut icon" href="/favicon1.ico">. That was the only way I could get it to work.

Clearing the cache, deleting history, removing cookies, restarting IE7 - none of it worked.

What DID work was adding the question mark, as the UA post of 11/11/07 suggests. Works like a charm!

thanks i have icon for my site

frome ganesh
thanks i have icon for my site

Hi,
I'm just beginning to develop a new website and added a favicon yesterday. It's working fine in Firefox and Safari, but wasn't working in IE7. Just now I checked to see if it worked without typing in the www in the beginning...and it *did*! Any reason why it still isn't coming up in IE7 when typing in the www first? Thanks.
http:www.chambersdsn.com

...cache...

adding the ? at the end of the link worked perfectly! thanks!

Hello! Good site!

Thank you!

Many thanks for helping me with this! This worked for me perfectly:

<link rel="shortcut icon" href="/favicon1.ico?">

Hi, in my site fevicon.ico works fine in FF, but its not show in IE in any version. my site is www.sivajitv.com

i have checked with model icons in my site which is available in this site and i have developed my icon from, online icon created which is advised my this site.

Thanks in advance

I have added
<link rel="ICON" href="/public_html/favicon1.ico?">
in the head area but the icon is still not coming up. I've cleared my temp internet files, I tried it with & without the ? mark

... the /public_html seems a bit strange - do you really have this folder in the url?

Hi Vlasta,

  Thanks for response, i stores my files which needs for this site(html, jsp, servlets,...), within the public_html folder in FTP. The server also detects the files from public_html.

Yes that is where my site is stored on the web hosting server

location on server is not important - url is.

How do find the URL, is having public_html folder or not? Is this my work or server support team work? Sorry, i have poor knowledge, tell me briefly

you can see the url of a page or image or whatever in the address bar of an internet browser

Here's the deal - I have done everything correctly (according to many webpages and my icon is still not showing up in IE. What the heck am I doing wrong? See Code below!

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

This is my URL http://www.sivajitv.com/firstPageLoad.do, whenever i call the index page it should pointed my servlet "firstPageLoad.do" which is available in WEB-INF and returned with index.jsp file. These all files are available in public_html. if public_html is available in my url means how do i remove it?

you favicon.ico file is just a renamed .png. It is mentioned on this page several times, that you should use a real .ico.

Hi Vlasta, Its works fine now, thanks for your great help

I tried all things you mentioned for Internet Explorer. But favicon is not showing. I am using Internet Explorer version 7. Kindly guide me

Hey thanks alot its cool 😊

I followed all of the steps and it still does not work

I tried to get IE 7 to show favicon whole afternoon and it did not work. Finally, decided to use Mozilla firefox and it works immediately.

I've found out that this code # type="image/x-icon" # is making IE7 sometimes not to show favicon.
I have recently changed my favicon, and the result was IE7 not showing it at all. After i've played some time with the problem
I just have removed this line of code in my link tag, and it shows icon immediately

the icon won't work. dunno why
URL: http://www.freewebs.com/racinfreek

Works OK in FF and IE7, in IE6 you may have a problem, because you cannot put your favicon in the root folder on a shared web.

nm got my icon to work. thx

I've added a favicon to my webpage...then redesigned the icon and reposted to the site; however, the new icon does not appear...just the old one despite deleting and uploading the new design to the site...any help? Thanks

Clear browser cache and wait.

Still not working 😞

attempting to replace an outdated favicon. was successful with firefox, no luck with IE7. emptied cash, removed out of favorites, and added back, inside header is
<link rel="shortcut icon" href="/favicon.ico">

etc etc.

www.yarn-store.com . . . now what?

Now, make it real .ico, not just renamed .gif.

My favicon shows up in IE7 but not with Mozilla. Why is this so?

do you have to have a web address rather than testing from a local root folder as works ok with firefox and opera but not with ie7

From PCLIVE:
I view my webpage at two locations. At home my favicon always shows up. At work and another location, the favicon will not show.
Yesterday my favicon was suddenly showing at work when I added a bit of code to the end of the suggested code:
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />

Today, I'm back to my favicon not showing again. IE7 Windows XP.
Any ideas?

Thanks.

...the same as before...

Any ideas on why our favicon on www.southerncrossbluecruising.com doesn't work after having done everything stated above? Thanks

I did everything above but my favicon still not showing on my site.

If it doesen't work, restart IE!

shows for me in both ff and ie

😊

could u plz put the line of code? i can't make it show in IE

hallo - I too cannot get my favicon to show in IE7. It works fine in Firefox on each page of my site. I have tried to alter the code on this page:
http://uk.geocities.com/poel.festival@btopenworld.com/pastevents.html
to see if I can show it. I've managed to squash the yahoo icon, but all that shows now is the generic IE icon. Any help gratefull received!

any one help me how to display favicon in IE Browser

How do I get my Favicon to override the Yahoo One that shows up instead

www.geocities.com/chihuahusa_rus

I think the code works but its for SHORTCUTS.
I, too want it to show up on my web page, but it will not.

i can see my avatar but others cannot.

http://www.valeriemorrison.net/blog
or
http://www.valeriemorrison.net

...well follow the instructions in this article.

I followed the directions to place a favicon on my home page at www.navigatestorage.com Foxfire shows the favicon but i.e. does not. I tried the steps you said to try to correct this but to no avail. Can you help me?

Looks OK from here in IE7. But you may want to change the mime type of the favicon from your current text/plain to image/x-icon.

i followed your specific notes but i am not able to view in internet explorer. My sites are:
http://www.kanpurmart.com
http://www.bhartiyaminfo.com

reply me urgent what should i do?

Followed the guide? Hmmm... 1) your favicon is a renamed .bmp. 2) it is better to put them in the root folder.

Hi,
The favicon for my website www.edgemi.com shows on Winsows XP IE but not on Windows Vista IE, why? Thanks.
Eugenio

Hi There

I have tried everything to make my fav icon come up on IE 6. But no luck. I have provided a hard coded path to the icon file in my Header control, added as bookmark etc after clearing previous bookmarks, Temp files etc but no luck. I noticed that when I browse to my icon file through IE and look at its properties - it shows Type: "Not Available". Is this causing the issue? Why is that? When I go to the icon file through file structure on the server and go properties - it shows it as a 16x16 .ico file. Please help. Thanks. Jatin

My site experttitsolutions.biz also has the same problem of not dispalying Icon. Please suggest.

TPTech

experttitsolutions.biz seems to be offline. As for the IE6 problem, make sure, the favicon.ico is really an .ico file, not just renamed .bmp, it is in the root folder and called exactly favicon.ico. You may aslo check it mime type if it is not something weird. With IE6, it is often a cache issue, try a clean computer, add your page to favorites and click it.

I use IE and have tried everything to get it to show.
Any other ideas?

Hard to tell. If you have tried everything, there is not much left 😉.

i'm not able to display favicon, as i followed Browser specefic notes for IE.

Firefox shows it for almost anything.. but not for IE. Is there any size constraint for favicon.ico file.

hello
Internet Explorer not supports favicons
? do it
pls

I just added a questionmark after the favicon.ico.
It did work (ages ago when I found the hint in 2005) but stopped working somewhere and also in FF3.0.

Hi, I tried all sorts of things like deleting the cache, cookies, restarting the machine...but couldnt see favicon on IE6..I can see it on Firefox. Any help?

my web page is http://whd.pcriot.com i have done all you sited above. but fevicon showing in mozella not in ie please help. my id is muntadev2in@yahoo.co.in

Mozilla shows perfectly Explorer Not at all. I have 3 hours into it. I used http://www.html-kit.com/favicon/validator/ and it says it is all working. When I looked on my Temporary internet files my favicon was downloaded at one time because I can saw it and I have been erasing my temp files every hour to make sure it is not full. Also I have set explorer to redownload every time it visits a page. When I deleted my favicon from my temp files and went back to the temp files 30 minutes later it did not show it in my temp folder.

I'm overly puzzled

www.Aqualified.com

Poster from the 27th I see your Icon on explorer it looks great http://whd.priot.com

no mozilla nao aparece o icone, porque????????????????????????

You said: "Make sure, the icon file is called favicon.ico and it is placed in the root folder of your web server."

I tried and tried and tried and couldn't get it to work. I moved the file to my /images folder and made the path correction in the code and it worked perfectly.

So in my case, it could NOT be in the root folder. Hope that helps.

IE 7 supports favicons, and all you need to do is make sure that your image is 16 x 16 pixels; save as favicon.ico, and upload to server. Hope that helps!

I did everytthing you mentioned and it still does not display

I did everything mentioned above and it still does not display

The icon will not appear on the internet explorer page no matter what!

Its working good in Mozilla.....

But not in IE....

I copied and pasted the line <link rel="shortcut icon" href="/favicon.ico"> and the icon worked with firefox but not IE. I removed the forward slash in front of favicon and it works in both firefox and IE.

wouldn't show in IE 7 until I moved it to images
<link rel="shortcut icon" href="images/favicon.ico">

the forward slash makes a difference. If the webpage was in the images directory and favicon was in the root, it should still work if it is addressed properly. href="../favicon.ico". If your statement said href="/images/favicon.ico", it would not work for the same reason href="/favicon.ico" does not work.

if the .icon file is in the same folder just paste
<link rel="shortcut icon" href="favicon.ico">

I have tried every which way but still only works in Firefox. How come I can see yours and others favicon in IE but not my own?

a what

https://labs.mozilla.com/forum/index.php?action=profile;u=3683

I, too tried all the above and my favicon will not appear. There are others showing from different sites, I can see it on a ddifferent computer, just not mine. I kept adding it and moving it around trying to have it appear to no avail. Then was very surprised to see it show when I was on a different PC

do you know how this would work on an glassfish application server

I tried doing all of the suggestions in here, however I still can't get IE7 to diplay the icon in the address bar.

Do you actually need a published Web Site? I'm just trying to test it on my PC locally (XP SP2) and have simply setup a folder the sample html (index.html) and a favicon.ico file. I also have a sub-solder /images with the favicon in it, but neither work.

Any more suggestions?

PS: It does work in FireFox!!

Hello, my favicon shows in Firefox, but will not show in IE7. I deleted the temp files, and still not showing. Please help!! Thank you.

This is probably primitive ( and more likely redundant), but I put the following three lines my header tags...

<LINK REL="SHORTCUT ICON" HREF="../favicon.ico">
<link rel="shortcut icon" href="/favicon.ico">
<link rel="shortcut icon" href="favicon.ico">

and now it works in IE as well as Firefox.

This is driving me mad! My IE6 Favorites (yes I have tried deleting and re-adding) ALL show with the standard IE icon. The only thing I haven't tried is rebooting (XP Home)

I'm sure it usen't to be like this and have slight suspicions of the beta Chrome (which seems to have affected some Firefox settings).

Icons work fine on Firefox, Chrome and Safari.

I am trying to add a favicon to a website that is on a webserver with an html folder that holds all of the webpages. The pages are created in Microsoft Frontbage. I have saved my favicon to the html folder. Is there something else I need to do since I am not actually writing html code for my website?

I have been trying to add a favicon to IE6 for longer than I care to mention. I have read NUMEROUS articles and have taken everyone's advice. I also followed the instructions on MSDN and have not yet found anything telling me how to get this to work. I cannot force people to add my page to their favorites just to see my icon. Yes, I cleared my cache, favorites, offline pages, closed IE and restarted and refreshed. I have played with MULTIPLE versions of the <LINK ...> statement and it still doesn't work. If anyone has successfully gotten this to work, without putting the full URL in the link statement (I need it dynamic so I can develop on LOCALHOST before moving to a server), I would like to hear how you did it, and I would like to see it to prove you did it (I'm a skeptic and need proof). Everything I've read says it should be working, yet it's not. No one has offered the proof by giving me a URL to look at (with the favicon in the address line) with the exact code used and instructions to get it to work. If you are just going to give me your advice, please don't respond to this, I've heard it all. I'm looking for a solution (with proof) that works all the time.

I cant display it in IE

@ The Coming Wave
Tried this, and yet it still does not work in IE7 or IE6 (could care less about 6 though)

It makes little or no sense. What annoys me even more so is that I made another website and the favicon appears flawlessly there, yet it only gives me trouble with the new site I am working on.

Perhaps it takes IE longer to figure out that it needs to display a favicon? IE takes forever to render plain HTML and run Javascript, so...

I have a subfolder on my root which holds wordpress.
I want the wordpress pages to display a different favicon than the main root.
is this possible?

main favicon: http://www.redwinebuzz.com/favicon.ico

subfolder favicon: http://www.redwinebuzz.com/winesooth/favicon.ico

how can i add my icon to my yahoo geocities using pagewizard

in firefox the icon is display in the navigation box, and in the tab, but i can't get it to display in the bookmark. i've deleted cache and then deleted the bookmark and readded, and it still doesn't work.

this might not be w3c copliant, but i've seen a number of sites including halifax using rel="icon" as well as rel="shortcut icon". all works fine in ff, also works in ie if you bookmark it.

My problem was that I created a 16x16 favicon.gif image and then just renamed it to favicon.ico - it worked perfectly in Mozilla, but tried everything in IE (to no avail), until I read an article on it and decided to properly convert the image with a tool - it worked like a charm!!!

Still no hope does not appear inspite I did all what is mentioned I have other sites it do work on it, http://sparelives.org

Not really - first, you have double <head> tags in your page and second, you favicon is a renamed .png.

I struggled with this as well, until I got a plug-in for Photoshop and saved it as an .ico file from there. The plugin can be found at http://www.telegraphics.com.au/sw/ - I have Photoshop CS3 and it worked just fine.

I am agree

I have tried most troubleshooting procedures however I cant get favicon to show up on my website. The funny thing is it shows up when I type my ipaddress (instead of my domain name) on the address bar. Pls help me if anyone knows how to solve this problem.

thanks

It's still not working for me. However, I think there may be a problem with my .ico file. It shows as a broken link in IE when I pull it up by itself.

I hav done all the above thing for ie but still unsuccessful.Same thing in firefox is working fine. I doubt if any set up in hosting server has to be done.

I tried locally but it didn't worked just tin Firefox and Opera. After I have put it up it worked in IE as well.

The problems in IE are a lot about browser cache refresh. IE has made it very complicated and obscure.

For some reason IE does not like favicons that are 16 x 16. if you make it 32 x 32 then and upload it to the root directory then it will display properly, no need for the rel=icon code either... i struggled with this for many hours... just through trial and error this managed to work. 😊

Thanx for online icon tool. Goog work 😊

I downloaded the plug-in from telegraphics (thanx), but it still does not show up in FF, even after clearing the cache. But I can see it in Opera.
www.benardetearchive.org

Hey you guys 😊

Just wanted to say, read the instructions, followed them, and it worked like a charm! thanks a lot.

Even though I found this post through google, giving it a stumble thumb-up!

Delete your Browser Temp Files and your History files then refresh!

Works excellent.. Thanks
Sue
http://www.suesfree4u.com

I tried renaming favicon.ico to someothername.ico, and then IE picks it up..

I tried renaming favicon.ico to someothername.ico, and then IE picks it up.. For some reason it wasnt getting picked up otherwise..

<html>
<head>
<title>This is the title of my page!</title>
<link rel="shortcut icon" href="/someothername.ico">
</head>
<body>
My page is not empty. See?
</body>
</html>

That is the caching effect in action. Clearing your cache would work as well. I would still recommend to at least keep the favicon.ico file on the server.

My favicon shows up on all of my pages except one: the index.html page. The favicon is listed in my root directory as favcon.ico. It shows just fine on both IE and FireFox - except for the index page.

I have a paid site and use Cpanel's html editor. My favicon was created with a favicon program, is 16x16 and is named favicon.ico

I've cleared the bookamark, cache, history, and cookies a dozen times and it still won't show up on the index page - but shows up fine on the other four pages. :/

I have two other websites and those favicons show up fine on all the pages (including the index pages) using the same process and coding. What could the problem on this one page be??????? Why does it not show on this one sites index.html page?

The code is am using:

<head>
<title>...</title>
<meta name="..." />
<meta name="keywords" content="..." />
<meta name="Author" content="..." />
<link rel="shortcut icon" href="images/favicon.ico" />
</head>

Any suggestions to get this darn thing to work on this one page would be appreciated.
Jayne

Thanks ..

Thanks for the favicon lesson..
Working great for me..
Peace,
Sue
http://www.suesfree4u.com

not able to create icon from a .png image. Even if I make the background transparent,it is setting black as the background, due to which the entire icon becomes black;(

Dogshit! Does not work!

For me this worked but only while the *.ico file was on the internet, it did not find it on my hard drive, only on the web.

Sorry, but I don't feel like registering.

Please check out the (draft) standard for "favicon" at the W3C site ("How to Add a Favicon to your Site"). The current HTML standard and XHTML standard are somewhat different from what things have been. Also note that since the standard itself is not actually a standard yet (it's in draft), things may change again (but I doubt the "link" tag will change much, if at all from what you see below), but it makes my description of this below a little complicated.

HTML:
<head profile="http://www.w3.org/2005/10/profile">
<link rel="icon" type="image/png" href="http://example.com/myicon.png">

XHTML:
<head profile="http://www.w3.org/2005/10/profile">
<link rel="icon" type="image/png" href="/somewhere/myicon.png"/>

Note that the W3C states that the "profile" attribute and value as shown in the "head" tag should be added as shown for the purpose of properly defining the meaning "icon" value of the "rel" attribute. However, it is my opinion (professionally, I'm a computer programmer and a website designer/coder) that at this time the use of the "profile" attribute is completely superfluous. (I say this, because if you look at the profile that the W3C gives as an example, it seems to provide nothing at all in terms of giving information to a browser that the browser would use to know what to do. The one I'm seeing as I write this seems purely for human reading.)

In the "link" tags above, the "rel" attribute is simply "icon", not "shortcut icon". (In fact, the format of the value "shortcut icon" is bad - contrary to current standards - because it has a space in it, and in current standard the space is a delimiter, so "shortcut icon" would be referring to two different link types, one called "shortcut" and another one called "icon".)

The "type" and "href" attribute values are examples, but note that only the following three values are allowed values for "type" (corresponding to the MIME types of the allowed image formats of the icon file):

type="image/vnd.microsoft.icon"
type="image/gif"
type="image/png"

Note that previously "image/x-icon" was used, because it was an unregistered MIME type - unregistered, meaning that Microsoft had never registered that image file format type officially with the organization, IANA, where all MIME types are officially established. But that particular image format is now registered, so from now on you should use "image/vnd.microsoft.icon" for that type. (Note also that a lot of web server software does not have the new MIME type for ICO files configured, so they will ignore what you've specified anyway, and send it as "text/html" or "text/plain" - which is what they do for every type you specify for anything that the server is not configured to recognize as a valid MIME type.)

This means that you can now make the icon in either the up-until-now typical ICO format, or you can also make it either a GIF file or a PNG file. But remember that whatever format you choose to put the image file in, you must still comply with using a geometry of 16x16 or 32x32 pixels, and either an 8-bit or 24-bit color depth. (Obviously, if you make a GIF, then you can't have 24-bit color; however, a GIF file allows for animation if you want to use it.)

The reason I'm writing about this is because I just recently had occasion to want to use the "favicon" with a web site, which I've never done before, and googling around and digging up relevant information I've been studying this. (I also just updated the Wikipedia article on the subject, which is how I ended up here in fact from the link to this page that is at the bottom of the Wikipedia article.)

- Todd S. Greene
(Charlotte, Michigan)

I used this code:
<link rel="favorites icon" href="favicon.ico">
<link rel="shortcut icon" href="favicon.ico">
<link rel="icon" href="favicon.ico">
<link rel="favorites icon" href="favicon.gif">
<link rel="shortcut icon" href="favicon.gif">
<link rel="icon" href="favicon.gif">

on internet explorer 7 and it didn't show niether the static nor the animated!!! http://joosle.recoding.net/

Have you checked the files favicon.ico or favicon.gif really exist in the same folder of the page?

Try to use the slash to tell the browser that the favicon is in the root folder like this

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

There is also a page which check and download the favicon of others

http://www.getfavicon.org

You can see from there how your favicon is displayed to the world.

IE really needs to get with the program...favicons are nice but IE 7 will not show mine for me ..but i can see others...

I'm from joosle.recoding.net I preffered to use only the static favicon... i discovered it was my internet the only one that didn't showed it 😞 but I fixed it

Actually, any favicon is a good favicon, since too many sites do not have one at all. Once you have a favicon, you can use your favicon to advertise your site at IconDrive.com (http://www.icondrive.com).

Thanks for the information below. However, my favicon wouldn't show up under my subdomains. My main domain is http://www.jomra.com, the subdomain I tried it on are http://iphone.jomra.com.
So I copied favicon.ico to the main folder of the subdomain and linked it in the head as:
<link rel="shortcut icon" href="/favicon.ico">
= Didn't show up

<link rel="shortcut icon" href="http://iphone.jomra.com/favicon.ico">
= Didn't show up

<link rel="shortcut icon" href="//wwwjomra.com/iphone/favicon.ico">
= WORKED on IE7 and Firefox!!

Ensure you clear you cache when trying.

Good luck,
Redouane

Thanks man, this stuff works. I tried it and tested it on opera and firefox and it worked well. thanks.maybe those who complained it didn't work didn't do it well.

Prince C. CIWA

Todd S Greene... Thank you. This worked perfectly.

Yep Worked a treat although for some reason I only added my file as
favicon.gif ( Animated ) then linked to it
<link rel="shortcut icon" href="favicon.gif">
And it played the animated one in Firefox and just played a static
one in IE ... Cleared everything and tried on three different pc's .
Go figure ( IE 7 and firefox 2.2 to 3.011 )

How do I add a custom favicon to a favorite in Chrome? I used to be able to assign my own favicons to links in IE, but I don't see that in Chrome...

My favicon at www.lfmi.org still doesn't show up on IE7 - I followed all your instructions. Anything I should know about 7?

exclent

in IE7 u should ad the attribute type="image/x-icon" in the link tag

e.g.

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

I needed to add my favicon.ico to my ...root\images\ folder (not root server folder as specified) in order to work.

Yes, I had it working in Firefox with it in root folder but wouldn't work in IE7 so put in root/images folder and works on both Firefox and IE7 now. Thanks.

Hmm i cant make it work in ex! 😞

Can't get it to work in IE - http://schwartzgroup.net/
Please Help!!!!

hi,

my favicon is not working, http://www.moneymakingsecretsforyou.com/favicon.ico\

it shows there, but why not normally?

Can i add favicon from body? Coz i am using wap builder, my wap was http://indonesia.phn.me

I can't get it work - just have a blank where the icon should be.

I'm using IE8 and can't get my favicon to show on the page tab. It shows on the favorite bar and in my favorites list, but not on the tab. I have the following entries in my <head> section. The favicon is located in my root and images directories. Any suggestions?

<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
<link rel="icon" type="image/vnd.microsoft.icon" href="/favicon.ico">
<link rel="SHORTCUT ICON" href="favicon.ico"/>
<link rel="SHORTCUT ICON" href="http://www.stjohnboscoco-op.org/favicon.ico">
<link rel="shortcut icon" href="/favicon.ico" />

worked perfectly, cant believe its just a one liner. gud work

To the person that responded to my question above through the form in the schwartzgroup.net's website: It is an .ico file and the root folder is http://www. I'm a web developer, not the owner of the website. I've tried all the tricks in the book, but to no avail. Got any other tips? I appreciate your help, but next time please reply through the forum and not through my client's website. Thanks!

Put it in your root/images folder and it will work.

<link rel="shortcut icon" href="/images/favicon.ico">

that is the code you will use after the first <head> comment in coding

no

It works like charm. Thank you for your help

Hi all,
I'm new to this site (and web development as well...lol!!!). However I do have a problem regarding this topic. I'm creating a personal website, I've followed all the "rules" for showing my "favicon.ico" file but in IE it wont show...arrrgh!!

Code I use:
<link rel="shortcut icon" href="/favicon.ico">
<link rel="icon" type="image/ico" href="favicon.ico">

I tested the page in Mozilla Firefox 3.5.5 and it works like a charm. Any Suggestions???

Thanks in advance...

For me, works on:

XP with both Mozilla 3.5.5 and IE8
SUSE 11.0 with Mozilla 3.0.16
Win7 on Mozilla 3.5.5

Does not work on:

 Win7 with IE8

I am having an issue also displaying in XP and IE 8. Works fine in firefox. Below is my code
<head>
<title>test site</title>
<link rel="shortcut icon" href="favicon.ico">
</head>
Can anyone tell me what I am doing wrong?
thanks

I am having the same problem. My favicon works in Google Chrome, Safari, Firefox, but not in IE8. I have tried all the suggestions here and nothing works.

Update: I resolved the problem, it was all to do with the favicon itself. I used a favicon generator from...http://www.favicongenerator.com/
It produced a favicon that did not work in IE. I then tried a favicon generator from....http://www.degraeve.com/favicon/index.php, and it produced favicons that actually worked in IE. I hope this helps all of you who are having IE favicon problems.

I could be wrong but you might have not successfully closed your line.

Try:
<link rel="shortcut icon" href="favicon.ico" />

Instead of
<link rel="shortcut icon" href="favicon.ico">

Cool, awesome simple trick for newbie like me, thanks alot.
At first it wasnt work but after i changed the path to "root/htdocs/img/favicon.ico" instead of "root/htdocs/favicon.ico"
and changed the code to
<link rel="shortcut icon" href="/img/favicon" >

It Works, i cant see the diffrent with the original Tut but it work

I am using a wysiwyg editor, and cannot 'mess' with html code. I can see my page code in Page Source inside wy editor itself and in Mozilla separately, but there is no option for copy/paste or edit. Is there any hope for this? It is the same thing with banners. I can use only custom made widgets provided by my hosting provider.

Adrijana

awesome. You have really helped me. This is my first time to visit ur site and i love it. thanks again

Not working for me in IE 8 . I've got I've tried placing it in the root folder with the favicon.ico and still no dice.
I triend using a pocture from a site too to see.

Here is a piece of my code.

<link rel="shortcut icon" href="http://www.mannythemovieguy.com/images/superman_warner_bros_won.jpg" />

Hi,

I have an issue with favicon with IE6. My website (http://www.burhanpur.x10hosting.com/home.html) icon works fine with firefox but not with IE6.
After adding to my favorites, Icon appearing in the favorites but not in address bar.

I want icon to appear also in address bar of IE6.
Any one faced the same issue with IE6?

Thanks & regards,
Burhanpur
http://www.burhanpur.x10hosting.com

how to change the path.. where to change it. please give me complete details of making a favicon by uploading image

Hi, I am hoping someone might be able to help me on the following issues:

My website is www.clearlyorganizedlife.com.

1) In IE 8 I cannot get my favicon to show at all. UPDATE: SOLVED! Finally got it working - I erased the cookies and other temporary files. I think it was the cookies that were the problem.

2) In Foxfire, why does the favicon only look good in 2 of the 3 spots where it appears - it's okay on the tab, it's okay in the address bar, but doesn't look good in the bookmark. (It's jagged and not transparent.) UPDATE: SOLVED! Same issue as above - I deleted the cookies and other temporary files and now the browser is using the same version everywhere.

3) How can I get my favicon to look really crisp - like Yahoo's or Craig's list? What type of file do I need to begin with? I turned a 300 dpi jpg into a gif with 16 colors. I'm not a graphics designer, but know a little about Illustrator and Photoshop. STILL NEED HELP HERE....

Any help you can provide on these issues would be great. Thanks!!

Hello TravellingInPink,

I see your problem in both FireFox 3.6 and Internet Explorer 8. 😞

If you would like to see my favicon the address is >> http://cdl.viviti.com.

I started with an old preexisting 200 dpi file, normally I would bump up the resolution to 300-600 dpi, but the effort was intended merely to test the outcome.

Usually speaking, the higher the resolution (dpi/ppi) the better the image and the larger the file. My original file was a bitmap 246 x 246 pixels / 1.23 x 1.23 inches @ 200 dpi (222k), transparified & saved as portable network graphic (42.8 k), the resulting generated icon was 244k.

I used Paint Shop Pro 9.01 to produce the bitmap and portable network graphic, & @icon 1.21 (safely available through cnet download.com >> http://download.cnet.com/Icon-Sushi/3000-2195_4-10547564.html?tag=mncol;rbxcrdl1) to produce the icon. Aicon works well, is simple, & is freeware. All I did was open the .png in @icon 1.21 and saved it as a single icon.

It has been a while since I used the RealWorld Icon Editor (prior to version 2008.1), I loved using it when I did. In RealWorld Icon Editor you have the option to save as a smooth Windows XP icon or a Windows Vista icon (see >> http://www.rw-designer.com/vista-icon). There are other options which may assist you in achieving a smoother image in RealWorld Icon Editor.

When using RealWorld Icon Editor I would simply open the 200-300 dpi image and save in Windows XP or Windows Vista icons. If the image I was working with was too small the results would be a bit pixelated, I believe 512 x 512 is recommended.

You might also want to try to smooth out the edges of your original with shape based anti-aliasing and/or various blurring or smoothing adjustments/effects in PhotoShop. I haven't used PhotoShop yet but I hear that it is much the same as Paint Shop Pro.

If you are using RealWorld Icon Editor you may want to take a look at "Related resources: " here >> http://www.rw-designer.com/3D_icon_editor.php.

There is also a "free to try" convenient service online for rendering vector images >> http://vectormagic.com/home.

You may contact me via my website's navigation panel, http://cdl.viviti.com, if you need further assistance.

Good Luck!

😉 cdl

I am trying to add a favicon and I can edit the html code, but where do I put the .ico file.

graccias gracias!!! you save my life lol

Not displaying in IE7

My favicon does not show up on the browsing tab in IE 8. It shows up fine in the favorites menu and on the toolbar. Nothing I have done to correct this (e.g. deleting history & cookies, resetting defaults) has enabled the icon on the tabs. The favicon shows up everywhere in Firefox. I have not seen this particular problem in the forums I have searched so far. Any ideas would be appreciated.

yes i have same problem

me too face the same problem that animated favicon is not working on IE8

Hello!
Thank You Very Much!

Regards,
~Theodor Rakco~

Hi,

My site's favicon, www.ipoliticalrisk.com, is not showing up on IE. Any suggestions if I've tried all those things above?

Thanks1

How can you claim you have done all those things above? Your HTML is a big mess.

Hi !I did all you mentioned above...fav ico is not working . It is showing at firefox but not in IE 8. Pls help

I have followed all the rules, but the icon is only displaying in FF and Safari, NOT IE! http://dev.birthrisk.com/

You have broken rule #1 - your image is a renamed .bmp

Thank you!!!

I have the same problem but my site does not work all together
it says ERROR 404 PAY YOUR F WORD FINE i know this sounts crazy but its true

i've resolved the problem.

if you use this tag it dosesn't work
<link rel="shortcut icon" href="www....com/favicon.ico" type="image/x-icon">
<link rel="icon" href="http://www....com/favicon.ico" type="image/x-icon">

but if you change the type it works!!!!

<link rel="shortcut icon" href="www....com/favicon.ico" type'image/vnd.microsoft.icon'>
<link rel="icon" href="http://www....com/favicon.ico" type='image/vnd.microsoft.icon'>

hello,
i did ur rules, but it isnt working. please help me. It is showing at firefox, opera, chrome but not in IE 8. please help me

Hi,

It is not working in IE6

<link href="favicon.ico" rel="shortcut icon" />
<link href="style.css" rel="stylesheet" type="text/css" />
<link href="layout.css" rel="stylesheet" type="text/css" />
is my code but its showing only in firefox not in chrome or ie.. help me

use this instead

<link rel="icon"

     type="image/gif"
     href="http://yourdomain.com/assets/favoritesicon.gif">

change the type to what your image file is

^ that won't work in IE... IE only accepts .ico

working in Firefox not in IE 8

my website is www.masterseek.com

i tired these
<link rel="icon" href="http://www.masterseek.com/favicon.ico" type="image/vnd.microsoft.icon" />

and

   <link rel="shortcut icon" href="http://www.masterseek.com/favicon.ico" />

and both are not working. any one can you help on this???

why the ; ?

http://www.performanceitalia.co.uk/homepage.html shows the favicon with this code <link rel="shortcut icon" href="http://www.performanceitalia.co.uk/favicon.ico" /> in safari and firefox but not IE. IE8 puts it in the corner of the top tab, but not in the address bar???

I have tried different ways of doing it as suggested above ...
http://www.performanceitalia.co.uk/favicon.html
and http://www.performanceitalia.co.uk/favicon2.html, but no change.

???

Your icon is not an .ico, but a renamed .gif.

Thanks - I have made it with your online creator (love the tool) and hope to see the new favicon show up soon - I cannot see it right now.
Thanks for your help!

I've tried it all, but still not working in IE, but it does show up in the link on my favorites bar. It also works in FireFox, just not in the address bar on IE.
I've tried a single line of code as well as two lines of code.
The website is teapartygearonline.com (www as well, I didn't want to look like a spammer).
I've used favicons plenty of times in the past and all are working fine, just not this one.
Does anyone have any ideas?

Hm, it seems to send a wrong mime type as it displays as text in Firefox - I do not know if this is the real reason though...

I’m stumped on this one. I’ve even used three different sites to download new favicons. I wonder if it has something to do with Dreamweaver CS5??? Could that be possible?

i have tryed it on firefox it work but not on explorer...please can any one get to me my pasting the solution to this site..thansk...me

is there a way to add this to a style sheet so you don't have to do it on every page? I look at the code on sites like apple and yahoo and they have it show on every page but there is no ".ico" anywhere in their <head>

Not to my knowledge> But for some browsers, just having favicon.ico file in the root folder is enough.

I have created favicon for my website and it is working in firefox but not in IE7 & google chrome. I have use the following code in html,
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon"/>
plz help.

Big white space at the top of the page... above "How to make a fav-icon?"

You might want to mention that Firefox and Chrome will accept 32x32 .ico files as favicons. These look ALOT better than 16x16.

To do this so that IE shows the 16x16 file and firefox/chrome show the 32x32:

<link rel="shortcut icon" href="favicon2.ico" >
<link rel="shortcut icon" href="favicon.ico" >

Where favicon.ico is 16x16 and favicon2.ico is 32x32.

Firefox and chrome grab the first one and since IE can't show the first one, moves on to the second one.

This is the only way to order it as far as I could tell.

Also, FYI, it looks like chrome will actually show a 64x64 icon, but very few screens would be big enough to notice any difference. I can't tell if firefox will show a 64x64.

Well, there is a bit of misinformation in your post.

I definitely would not recommend placing two favicon links into your page html, there is no advantage. If you want to be hi-tech, you can place both 32x32 and 16x16 images into a single .ico file.

IE accepts larger icons just fine and actually uses them (unlike FF or Chrome) if you use higher DPI screen mode. If it appeared to you that 32x32 favicon looked better in FF or Chrome, your 16x16 favicon was probably not well designed.

its not showing....
i just put this <link rel="shortcut icon" href="favicon.ico"> in header section

and favicon.ico is on root path...

I tried everything...but it still doesn't show
Do I have to do something in Dreamweaver CS5? Plz help.

I can get it to work on IE (of all things?) but it does not seem to work on Firefox. I did not even add any head tags. Can you possibly explain why it does not work on Firefox. Is a special link tag NECESSARY for the Firefox browser.
Thanx in advance

Just typed in www.myserver.co.uk/favicon.ico and it showed up but it is still not showing up when I type iun my website (www.sandstec.co.uk) if you need to contact me or my team send us and email at Mail@sandstec.co.uk

your favicon.ico is a renamed .png file... convert your .png to .ico

IE8, FF3, GC, Safari, all are working fine with NO code, just the favicon.ico in the root.

To the post on the 2nd, the link you use may not work reliably in IE, because you have specified a type attribute. See here for more details;
http://en.wikipedia.org/wiki/Favicon

My site is not showing the favicon, please help 😞

It seems that CTRL F5 on page (full refresh - no cache) doesn't refresh favicons. If your icon wasn't valid first time you opened your the site from browser, this invalid icon gets cashed and doesn't refresh until you open it directly (full path to icon file) and then go with CTRL F5.
Hope it helps..

Deceptively simple it sounds but incredible impossible to do this at times. I am amazed. I have been struggling with a favicon.ico for my bugzilla site for around an hour now. Still not working. I can open the favicon in my browser, URL is working. It seems alright but of course it is not.

not working in Chrome

Of course it does.

I could display icon in Firfox but not in IE8

I already convert to .ico

Works perfectly in Chrome and IE8.

Parts of this site are loading totaly wrong. I wouldn't follow recommendations of the one who built this site!

Where is it wrong?

I think they're talking about IE9.

This site may have some issues with its formatting but the article helped me with a favicon issue.

Some parts do not render well in older versions of IE, I may fix it, but I may just wait until everyone updates to newer versions...

It's driving me crazy:
http://emm2nmj.x10.mx/Requirements.html

I've tried everything and no favicon on W7 and IE8
What am I doing wrong?

All looks fine, maybe it is just the cache. Maybe try removing the images with 24bpp color depth from the favicon and use the more standard 8bpp instead of them.

Hi, im havin a problem with displaying the favicon in internet explorer 9.
IT shows up in Chrome and Firefox, its in the root folder, and still nothing.

This is the site
http://www.teoriataranului.info/

Your favicon is not an icon, but a renamed .png Convert the image to icon.

Hi i'm having an issue with IE9, i tried a lot of things, like <link rel="shortcut icon" href="http://www.growskinny.com/favicon.ico" /> with or without type="image/x-icon"
My favicon is 16x16 ect... i even used this site's favicon
IE is driving me insane grrr

OMG i finaly found the bug it's working i was launching my index.htm localy thank you

😁

nice tutorial.. tnx a lot 😁

What a wonderful site. Think I'll be coming back. In the meantime I have a problem with a favicon.ico. I made one, uploaded it and everything was hunky dory but the icon itself was rubbish. So, I made another one to replace it. It's a whole lot slicker and works in F/fox; Opera; Chrome; Safari for windows. The problen is that no matter how many times I clear my cache, or "add to favorites" or "add to favorites bar", IE8 refuses to show anything other than it's own default icon.
The address is www.snapsphotoservices.biz
The icon is proven to be on site via www.snapsphotoservices.biz/favicon.ico
This issue has buggered up my whole day.
Any help greatly appreciated. By the way, the original rubbish favicon.ico DID work in IE8.
Cheers,
Gene Stevo.
IGNORE THE ABOVE. Noticed that win7 saw my favicon.ico as a jpeg. It appears not all online favicon generators are born equal. Just replace with a new one generated by RealWorld on line generator and it worked 1st time. Nice one.

would this make a difference if i use a local root instead of a url link?
(eg.<link type="image/x-icon" rel="shortcut icon" href="file:///Users/mypc/Desktop/profile.html/favicon.ico"/> ) i tried so many times, but i still couldn't get the result.

Yes, it could. If you are thinking about using favicons, you should have a web server installed at least at your own computer.

Please help me on this site:
http://www.alfonsomariafusco.org/

Favicon http://www.alfonsomariafusco.org/favicon.ico not showed on IE.
In html code i have:

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

In apache, i have mime type set to image/x-icon on ico extension.
I suspect a problem server side with mime type, can you help me?

:-(

everything looks OK, maybe try <link rel="shortcut icon" href="/favicon.ico" />
but it is a small chance

Very helpful site, and great thread helped me solve my problem thanks to Gene-Stevo's hint that favicon generators are not created equal. Indeed! Thanks to all. RW generator took care of the problem.

Brilliant! I wondered how this was done, works a treat, so simple. Thank you.

very helpful thx

does your site need to be ONLINE ??
or can you always see the icon even if you are editing your site OFFLINE ??

thx

lostlittleboy3000 😁

I beg to differ with the statement that Firfox supports favicons flawlessly. I uploaded our own favicon.ico to the root folder to replace the web host's favicon that was placed there whey they first set up the site for us. Chrome and IE8 picked up the new favicon without a problem. Firefox 3.6.13 would not pick it up even after deleting browsing history, removing and recreating the bookmark, etc. Finally, I installed the Favicon Picker extension available from Mozilla and that did the trick.
https://addons.mozilla.org/en-US/firefox/addon/favicon-picker-3/

Browsing to [yourdomain]/favicon.ico did force both IE8 and Firefox to load the image when dumping history and pressing Ctrl+F5 didn't work, and only Chrome was displaying the favicon. However, Firefox first asked me what program I wanted to use to open the image and I had to select Firefox. I also already had installed the Favicon Picker. Thanks for the tip, though! 😊

Face!

Hi there! I've tried this on my site (http://guppyfishweb.com) and on http://midloband.org... works beautifully in Firefox, but nothing shows in IE. I tried everything listed to troubleshoot. Thoughts?

Frequent problem #2 - you are not using .ico files; your favicons are renamed .gif and .jpg files.

Sorry... must not have uploaded latest edited version. I have done so now for the GuppyFish site.

Hello, I have done everything you said to do. My favicon shows up in Firefox but on IE. I have trouble shooted for hours, cannot figure out the problem. My site is www.1kindesign.com. Thanks

I have a weird problem. I have a main favicon for the actual site, then I have 3 subdomains. Each subdomain has it's own favicon in the subdomains own folder. Only one of the subdomains' favicon actually shows up on the webpage. There must be a fix..

-Sidney
www.vegaproduktions.com

I uploaded new files to http://guppyfishweb.com and wonder if you will take a look at why the favicon does not show in IE... Thanks!

Still the same problem. You need a true .ico if you want it to work in all browsers. Here is a converter.

Now it shows when I add it to favorites but not on the tab in IE. Thoughts?

IE caching

dont work 😞

es posible cambiar el icono del website que se encuentra en la barra de tareas

Hello there, sadly IE does not want to play nice.
http://www.figureofspeech.ca/

^ frequent problem #2

😊

Good one it works 😎

Icon is showing on Firefox, but not showing on IE..
http://www.fatima-group.com/

same here, no IE showing but firefox works.

favi con showed its image on all browser even in 'chrome' but in 'chrome' it displayed image in the tab but not in the address bar it worked the half for me.

So I've sussed out that my favicon displays in FireFox but not IE. My site's set up in Word Press. Any suggestions on how to get it showing in both? Thanks
http://www.figureofspeech.ca/

still frequent problem #2 (your favicon is a renamed .gif), why don't you read the answer before you write the same question again?

Thanks

it's ok

thnkss aaaaaaallllllllllllloooooooootttttttt (cuz im a dummycal idiot who doesnt kno neting abt html) 😊 😊

my favicon is not showing in firefox or IE.

But i correctly uploaded it and it is visible at http://www.websigmas.com/favicon.ico

Please help me by emailing at wsigmas@gmail.com

Thanks for the help!

remove your browsing history and then reload your website..now you will see your favicon on internet explorer aswell 😊 cheers..

can you use this on your own website? and like on facebook, it's the little 'F' in blue, the icon on the URL bar, is that what this creates? that's what im trying to create.

:-(you did so bad you made me cry 😞

Hi, I have placed the favicon.ico file and set the link as you have said but I still can't seem to get it to work. My e-mail is hosunee@hotmail.com and the site is www.thevixenstore.com.

Thanks

Thanks! Got it to work with every browser but Explorer, any help would be appreciated!?
http://enticare.com
email: info@enticare.com

your favicon is renamed .gif

Still having problems with this. Tried several sites to create icon and uploaded to host but still no joy http://www.fixmyservices.co.uk

No serious error, but a couple of small ones on your site. You have the code in your header twice, the 24bit .ico format is not the best one and your server claims the mime type of the .ico file is text/plain.

its working with chrome bt not other browsers

good use

It doesn't work at all!:-(

doesn't work with google chrome... favicon dipslace in tab correctly, but not in url address line field next to the domain url.. instead the google globe remains

I tried it many times. But it didn't worked out. Any other idea for icons for webpage.

Hi, i did what you said but it's not working. What am i doing wrong? Please help - www.enigma-web.co.za

Not really. You have not upload your favicon and the you code is incorrect.

how to make favicon supported by mozilla

hello

The following tag worked for me: <link rel="shortcut icon" href=favicon.ico>. Put it after your title tag

No, use the code given on the page. You code is not correct HTML - it is missing double quotes around attribute value and proper tag closing mark.

Was having trouble getting a favicon for a client to work so sourced out new code for the header and found yours - worked like a charm in Safari, Opera, Chrome - waiting to see if it works in Firefox and IE, but assuming I just have to wait. But wanted to say thanks! 😊

doesn't work, kinda a wast of time :/

thank you for the informative tutorial. After clearing history' it worked like a charm...very appreciative 😊

its not working in google chrome

Just copy the code and paste it in head tag.
But remember to link to your favicon were located.
Example, if you put your favicon with jpg format in a folder called "picture"
in public html, the code will be :

<link rel="shortcut icon" href="picture/your favicon name.jpg" />

.ico in above sample is the favicon file extention. It may be .jpg .gif .png etc.
Just try it.....

If you have had more knowledge about HTML,PHP,Javascript,etc, please tell me to
ngurahabdisaputra@yahoo.co.id
I still learning too.... 😉

is it works in all browsers? 😎

this code not working in i & mozilla for me 😴

Thanks For The Information

favicon icon is not shown in browser bar in google crome

its just working on mozilla for me,and no other browser.Please help!!!

Thank you

how would i link to my page only 😉 😴 😞

Worked Great, Thanks!! 😊 !

Not showing up in Mozilla for me.

Thank you 😁

Thanx, put to http://onlineglobe.org but problem was cache in my case.

This page was very helpful. Initially I tried clearing my cache in firefox to display our new favicon, but wasn't working. By actually going to the favicon.ico directly and refreshing the new icon finally appeared on the 3rd or 4th refresh.

Odd how seamless chrome handles this favicon change, while other browsers struggle. However not surprised about IE.

Thanks A Lot 😉

the favicon that appear on my web is the old one from my hosting, how can i changed for my company ico?

thanks

Wow! Thank you so give 5 stars! 😎

😁 Wow!It's great.

favicon shows on the website i build at home on the computer i built and uploaded it on (IE9) but at work on IE* it only shows the IE "E" as the favicon... deleted all histoy, cookies ect as advised and also added tofaviortes and favorites bar but nothing.

I got it to show up on firefox, but not IE Θ__Φ

I'm using
<link rel="Icon" href="favicon.ico" />
in between the <head></head> tags.

I deleted history and form data, etc. I don't have this html file uploaded to the net, just a project on a local machine. Does that make much a difference? If so, what would I need to do to adjust to it?

You need to access the file via http protocol, not file protocol. So, probably yes, it makes difference. Also, use /favicon.ico instead of favicon.ico.

thanxxx 😊 😉

this is not working in my IE 9.0 version 9.0.8112.16421 , i m able to see the same in chrome safari ,and mozilla but not in IE 9 wats the problem ,i tried all the things as mentioned above...

apparently not... otherwise it would work... cannot help you without specific details...

Not showing up in IE8?
Why exactly?
Works fine in Google Chrome / Mozilla Firefox!

Absloutely useless!
IE or THIS CODE?
I DUNNO!
If using IE - DON BOVER!

Actually, this web page is quite cool.
But IE isnt!

I don't FREAKING understand . I have done exactly this everytime , but it just doesn't seem to work . I tried manually doing it through the registry and command prompt, but when I try in command prompt it says " <head> We are sorry to inform you but the information you are looking for is secured by a WPA lock, please try your request later </head>

Thankz bro...superb...!!

Good

umm if i use a .ico or .png pic from my pc, it wont come out when using google chrome but comes out when i use firefox. any helping tips?

Thanks

www.layan.info

my favicon shows up fine in chrome but i can't get it to work in firefox for the life of me. i added to favorites, added to bookmark bar, deleted, added again, cleared cache and cookies, did it all over again.... and still it works fine in Chrome but nothing in firefox (also not working in IE but i don't care about that so much)

please help!!!

Not working on google chrome why?

Thanks for your forum.it works perfectly fine except IE9.

Please.....Please upload a video..!

Thank you! I'm using an animated favicon (as .gif) and it works perfectly in Firefox, but only shows 1 image in Chrome. Any suggestions are greatly appreciated (if it's not just a Chrome thing)!

Why in the fu*k would anyone be trying this in the registry? It's got to do with a website you fruitcake hence ftp space etc.. not anything to do with the local pc.

thanx

cant get working in ie9 but works fine in opera and Chrome

work
thanks 😴

Its not working for me in google chrome!! What can i do??

works perfectly in explorer but won't load in firefox. However, favicon loads perfectly if I puts its url in the address bar and search for it in firefox. Deleted cache etc etc

Problem solved re: loading in explorer but not firefox. Simply create both a .ico file and a .gif file and load both files to the server. In my case explorer accepts the .ico and firefox accepts the .gif. No idea why, but it works and that's all that matters 😉

and of course write the two lines into your source code.
<link rel="shortcut icon" href="/favicon.ico" />
<link rel="shortcut icon" href="/favicon.gif" />

It only works for firefox. 😞

Thanks.......

I've tried all of the advice posted here but only see my new favicon in the url/location bar if I add it favicon, favicon.ico or favicon.gif to my doc root html path in the firefox browser: www.mydomain.com/favicon (and in chrome it doesn't show up in the url at all, only in the body of the page)

I have 2 different urls/sites/virtual hosts on my dev server, and the other favicon works well for the other domain. I don't want to use the same favicon for both domains though! Guess I should try another image and see if I get the same results...but if the favicon doesn't work due to the nature of the image, it wouldn't show up in the url/location bar at all...I wish my apache error log would tell me something!

ok it was very slow, probably due to substandard hardware: the favicon showed up first in a subdirectory page, then on the home page, but it was an older favicon. The new one now appears in chrome (both pages) so it should renew itself in firefox soon...no wait, I had to clear the browser history, which is weird since I've set firefox to never remember history! Anyway, crisis averted, thanks.

this is not properly base
and give me site information code of html 😞 :-( 😞 :-( 😞 😁 :-D 😁 :-D 😁 :-D

thnx

just use following codes

<LINK REL="SHORTCUT ICON" HREF="http://www.domain.com/favicon.ico">

Thanks
Gautam Lohar
Chandigarh
India

is using the code : <LINK REL="SHORTCUT ICON" HREF="http://www.domain.com/favicon.ico">
requires your page to be online or on a server or not

Gautam is right. Make sure that the code is capitalized or you'll go crazy.

Is there a way to add a favicon to all of your pages at once?

Only if you use some kind of content management system that allows you to modify parts of all your pages in one place. If you are using plain html files, you would need to change each page.

hello sir,
i added the html code to my web page, but this method isn't working .... i need a favicon for my site...i have an icon,, just want to know easy steps for adding it.... please inform me i would be highly obliged....

Regards:
Bhagesh Pant
bhageshpant64@gmail.com

<link href="ur image link" rel="shortcut icon" type="image/gif">
try this plz 😉

for any more help contact me
justlive@hotmail.co.uk
only for fb...

THANK YOU!!..
IT WORKS..

Hello Guys, Thank you for your help it work great, but the problem is it only work on the first page. it does not work when click on a product or change to another page. Can yo advise what is teh problem

than kyou Gautam Lohar

i don understand pls explain more

My favicon shows on firefox and others, but not on internet explorer. I have the "all in one favicon" plug-in through wordpress that allows me to upload the image and then changes it to the appropriate file. Can you help me get it so it works with internet explorer?

Thank You..
It's really nice.. 😁

its not working for me with gif and ico also...
windows 7 and ie 8..please help...

it's really working thnk u soooooooo much.............Rohit(Nishit 😊 )

I have my favicon showing up in the latest firefox, chrome, and such, but it won't show up in IE9. here is my code I am using

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

I have a real .ico file as I created using a photoshop plug-in

I see you wanted signed comments so the one above is mine

Does it work on safari?

Good Sir! I thank you kindly!

so nice, thanks 😊

this is my website www.netwowrkenergysoultion.com, and i tried this code but its not working <head><link rel="shorcut icon" href="http://www.networkenergysolutions.com/images/favicon.ico"></head>

and i tried with this code <link rel="shorcut icon" <head>href="http://www.networkenergysolutions.com/favicon.ico"></head>

its not working

there is no file at "http://www.networkenergysolutions.com/images/favicon.ico"

Its not working

Awesome Its working.. I liked the editor... 😉

https://www.pmamcrm.com/

not showing in IE

your favicon.ico is just a renamed .png file (why none read the "Frequent problems and solutions" section?) -> convert it to .ico

i have internet explorer 8 and the favicon for facebook doesnt show up it just looks like the internet explorer image not a square with an F
anyone know what to do?

It is really work for me.Thanks you so much 😊

it's not working i can inserted but it's can't working... why?

this is my website www.quotophobia.weebly.com how should i put it here?

idot it is not working
hole mat thok 😁 :-D 😁 :-D 😴

WTF 😮

The <link> works if placed in the HEAD of the document. Make sure the ico file is located in the root, or next to the document. If not, specify the path. Also make sure the name is 'favicon.ico', or update the bit of code to reflect the proper name.

Side Not: Whoever commented above me, please note that this response was in no way to assist you. Do not call any developer an idiot. If you would have read through the entire guide, applied a bit of common sense, you would have had better luck!

its not showing. Should i rename my icon as favicon or not? 😞

ohww my god, 😮
its not working,, 😞
Should i rename my favicon to other name? 😞

how can i do this? 😞
its still not working,,, 😞 :-( 😞

its working in chrome but not in mozilla firefox 😞 :-( 😞

works great, thanx.

it is working.thanx

it is working as you can see in my site www.savingpocket.com thank you

Worked great.. just read the instructions carefully!

Thank you.........................

thanks

Even after clearing the cache, I'm still not seeing the favicon I made. I'm using Chrome. Made a simple website in notepad++ to have my school's bell schedules show up as a webpage in Chrome. Using Dropbox to host both files (this is probably my problem). Here is the source for reference:

<HTML>
<HEAD>
<title>2012-2013 Bell Schedules</title>
<link rel="shortcut icon" href="/favicon.ico" />
<TITLE>CHS Bell Schedules</TITLE>
<STYLE TYPE="text/css">
<!--
@page { margin: 0.5in }
P { margin-bottom: 0.08in }
-->
</STYLE>
</HEAD>
<BODY LANG="en-US" DIR="LTR">
<P STYLE="margin-bottom: 0in"><IMG SRC="bell schedules 2012-2013.jpg" NAME="graphics1" ALIGN=CENTER WIDTH=665 HEIGHT=843 BORDER=0><BR CLEAR=LEFT><BR>
</P>
</BODY>
</HTML>

Any thoughts?

is it accessed via http or file protocol?

<link rel="icon" href="images/favicon.ico" /> works, but if you are not on a web server you will not see the icon. Except in Firefox.

Thank u so much. Its working.

thanks

thank u so much

thanks alot... its working.. 😊

good

am also trying to create favicon but still it does not show in my Google chrome and in my IE. what might be the problem

Have created a favicon.ico, placed tags in head of html but now the icons only appear after you browse to the favicon.ico file on the server. e.g. If you browse to web site http://www.example.com/, favicon doesn't appear in browsers. If you now go to http://www.example.com/favicon.ico, the favicon appears as it is supposed to when browsing to web site initially.

Hey favicon ico works online when the webserver is online in google...
In firefox or IE i believe it is instantaneous for offline also....

yup 😁

This doesn't seem to work with html pages within frames.

IE9 doesn't push limits.

if you do not see your icon change, it is because of cache or DNS. Add a period after domain.com (ie domain.com. ) in the address bar and it will show up. -- D0rk

thank

When i use the mobile browser to browse my own website but there isn't appearing icon on mobile and it shows page icon "none" on mobile except p.c.

😉

not bad

its realy a magic tutor.........THANKS for ur Post.
We lov Youl.

gud

I used the tool to change a .png to .ico and reloaded. All browsers seem to work except for IE9. I changed the path, made in all caps and it does show if I go directly to the link. I have cleared cache and saved to favs. the page I have it on is a test page I am working on but will go live and replace the existing in a week or so. any other suggestions for IE9?
http://www.ggforrest.com/index.html

works fine in my IE9

thanks

thank you so much.. by venkivenkat 😊

tnxxx guysss

thank you! i have may own icon for my site 😁

For IE8, I had to link to the favicon for the first page and then all pages used that favicon. It sounds like you are trying to add it to the middle of the site.

thx for this 😊 :-) 😊

I'd like to add a favicon to my site, but your tutorial is only for Widows-based OS.

How do we civilized folks with Macs do it? 😉

There is nothing Windows-specific about favicons...

thanks dear................. 😉

Thankz dude 😁

thanku

You can also add animated favicon and scrolling text. 😊 http://iwebeffects.com/adding-a-favicon-to-web-page/

thanx 😎

what he means is that you mention windows quite a bit, but make NO mention of Mac users. until the above posting, i was wondering the same thing about Mac compatibility. im sooooo glad that its a GO 4 MAC USERS, cuz this site is unbelievably cool! when im done my mac is going to look like a candy store.

thanks 😊 (← and i can trash this guy finally)

😊

thanks dude

my favicon icon is working in Mozilla when i open it from Google Chrome its not working

Yes same here, working in FF but not on Chrome and IE 😞

Its not working in IE and Chrome 😞

I tried it on all browsers but doesnt work on chrome for me, help !?!?!?

www.hcgdiet.org.il

it works from here in Chrome ... cache?

I have tried this but with no success, when I used an icon on my hard drive and placed the full file name path in href.

You can also add animated favicon or scrolling text favicon http://iwebeffects.com/adding-a-favicon-to-web-page/

why......

What do i put in the "shortcut icon" section?

Does not work at all

awesome

did not work on g.c

dosn't work for me......any one with different idea pls......

Works only on firefox

it works good....
thanks.... 😊

it work fine,any one know how to make it work on IE?????

<link rel="shortcut icon" href="/kp.ico" />

didnt work!!!

😁 nice from bespren-ro.com

good

Nice Information
Sandy

It really works 100%

Works only on firefox

it is working only in firefox. what about ie and crom

😞 mine is working only with google chrome 😞 it is not respoding in firefox or internet explorer 8 😴

Thank you so much 😊

I need help on mine. The original code reads,
<link rel="shortcut icon" href="/favicon.ico" />
<link rel="shortcut icon" href="/favicon.gif" />
and i'm not sure where I should edit my personal information for the Favicon. 😉

<link rel="shortcut icon" href="foldername_You_put_the_icons/favicon.icons" />

<link rel="shortcut icon" href="favicon.ico" />
Same Folder as your Index folder! See the diferance!

<link rel="shortcut icon" href="foldername_You_put_the_icons/favicon.icon" />

hehehe sorry didn't see the "s,n" Favicon.ico

Here is an example --> <link rel="shortcut icon" href="/media/storage/pics/pie.ico" />

<link rel="shortcut icon" href="foldername_You_put_the_icons/favicon.icons" />

<link rel="shortcut icon" href="favicon.ico" />
Same Folder as your Index folder! See the diferance!

<link rel="shortcut icon" href="foldername_You_put_the_icons/favicon.icon" />

hehehe sorry didn't see the "s,n" Favicon.ico

very bad

I'm Iranian.
Tank you 😉

con somenone expaine this to me 😞
i am being able to di it

goood is working marius from galati RO

It's not working with Internet Explorer. 😞

how can i add image icon on my HTML? 😮

how can i remove the google image from my browser title?

i didn't get result for adding favicon why?

why do they call it a favicon?

its not showing on google chrome with me tho

Nie działa z google hrome 😞

wlasnie Nie działa z Googla 😞

Favicons can be made in RealWorld Icon Editor as well.