SVG favicon not working

Question

So I’m setting a SVG favicon to my hosted website, and it’s producing some strange behaviour. First, I set the href to https://api.sololearn.com/Uploads/Avatars/8055762.jpg (my SoloLearn avatar) and the type to image/jpg and it works fine. But when I try to set the href to this: `data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10'><circle cx='5' cy='5' r='4' fill='lightskyblue'/></svg>` (my example SVG image) and the type to image/svg+xml, the favicon stays with my SoloLearn avatar. Even if I change the favicon to https://api.sololearn.com/Uploads/Avatars/1.jpg (the SoloLearn logo), it stays the same.

Could anyone please tell me why this is happening? Thanks in advance.

Answer 1

I’m on my iPad, using a web hosting program called Glitch. Here is the code: https://glitch.com/edit/#!/test48?path=index.html

Answer 2

What IDE You are using? I ever get that issue too...

If you are using Visual Studio, I restart the PC,