Favicon does not work on IE

Asked

Viewed 339 times

1

Good afternoon everyone.I’m doing some HTML layout tests. I joined IE to see how it was and noticed that the code <link rel="shortcut icon" href="img/body/icon-amova.png"/> was not working in IE 10.

I looked up some articles:

https://tableless.com.br/favicons/

https://forum.imasters.com.br/topic/360525-resolver%C2%A0favicon-ico-n%C3%A3o-funciona/

And I changed my code to

 <link rel="icon" href="img/body/icon-amova.ico" type="image/x-icon"/>

Note that I have changed the file extension and it works perfectly on other browsers, but even so, it doesn’t work on IE 10.

Then I found an answer here in the O.R.

Favicon does not appear

And I changed my code to:

<link rel="icon" href="http://localhost/amova/img/body/icon-amova.ico" type="image/x-icon" sizes="32x32"/>

Notice that I used the full path, put the tag sizes, cleared cache information. But nothing has changed.

Any other suggestion?

  • Have you checked if the path is correct? Clear the cache of other browsers and see if it keeps appearing

  • @Lennons.Bueno the path is correct because in other browsers is normal. I cleared the cache of all browsers but in IE does not appear.

  • I’m using shaman. Can it be that? Only in IE that doesn’t work.

  • Are you sure it’s really a . ico? file just renaming is not enough

  • @Lennons.Bueno, the file was correct I exported by Corel

1 answer

1


Place the following code inside the <head> of your html:

<!DOCTYPE html>
<html>
    <head>
       <link rel="icon" href="img/body/icon-amova.ico" type="image/x-icon" />
       <link rel="shortcut icon" href="img/body/icon-amova.ico" type="image/x-icon" />
    </head>
    <body>
        Conteúdo do seu site...
    </body>
</html>

Your image should really be a file .ico not just rename it.

If it doesn’t work try using a file .png in place of icon file.

  • I’ll test it here...

  • 1

    It worked... after I put the two paths as you posted. Why does this happen? IE is very buggy.. mds

  • I believe to use . ico you have to use rel="shortcut icon", but I don’t remember exactly how it works. Then do some tests by just removing a link to see if it works.

Browser other questions tagged

You are not signed in. Login or sign up in order to post.