Favicon not working in IE11; works in FF and Chrome

Question

The problem

(I have my favicon working in Firefox and Chrome already.) In Internet Explorer 11, my version, I can't seem to get the d*ng favicon to work. I have my file stored as .ico, and I have an alternate for Firefox, because you can use 64x64 .pngs in there. It shows the default icon IE has for pages.

The info

Windows Version - 10
Internet Explorer Version - 11
Icon file type - .ico

The script

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

How do you access your page? Via HTTP (ie. URL starts with http://) or via file system (ie. URL starts with file://)? Because some browsers won't process your favicon correctly when accessed via file system. — philippe_b, Jul 12 '16 at 08:31
@philippe_b I'm still editing it, so I'm opening index.html on my PC. — Oddjob, Jul 18 '16 at 21:20
Then I advice you to make it accessible via HTTP to do serious debugging. Or you can ignore this issue until to you are ready to switch to HTTP. — philippe_b, Jul 19 '16 at 07:26

score 4 · Answer 1 · answered Mar 18 '19 at 15:13

4

Favicons do not work in Internet Explorer when the page is local file system file (file://...).

answered Mar 18 '19 at 15:13

ikkentim

1,639
15
30

score -1 · Answer 2 · edited May 23 '17 at 12:13

-1

I've wasted a ton of time on this. The only solution I found that was totally foolproof is to just change the favicon programmatically once the entire application is loaded. See

https://stackoverflow.com/a/29465098/393274

edited May 23 '17 at 12:13

Community

1
1

answered Nov 30 '16 at 19:19

Matt Sgarlata

1,761
1
16
13

Favicon not working in IE11; works in FF and Chrome

The problem

The info

The script

2 Answers2

Linked