Favicon NOT working on Edge

Question

I have a problem with this favicon I generated for a local server php project. It works fine on most browsers (Google Chrome, Mozilla Firefox and Opera) but on Microsoft Edg

Answer 1

Solution for EDGE

---

TL;DR;

Host your favicon images externally.

---

If you don't have a favicon already, you can generate them here or here.

I have uploaded my 32x32 png to imgur.com It works during local testing only if the favicon/png image is hosted !externally!, like imgur.com.

In the head of the page I set the favicon like this:

There is no naming convention, you can name the favicon whatever you like xyz.png but I guess it has to be 32x32!

I have also setup a hosts entry pointing to my web app in IIS like:

127.0.0.1   www.your-app.com

Steps: Close the browser, wait 30 seconds and reopen it.

Enter your url either like: www.your-app.com or localhost/yourApp or localhost:xxxx/yourApp.

Try both!

Make sure you clear the cache. Hit F5. Probably you need to repeat this steps, two to three times.

It will take some time for Edge to grasp it.

This works in IIS. After that I have tested it wit IIS Express and it works there too. It doesn't matter. What matters is, you have to host the favicon externally.

For example, IE11 does not show favicons at all, no matter which site I visit. So, forget about IE11 ;-)