Microsoft Edge Not Showing CSS Base64 SVG Images

I use encoded SVG images for my icons in web pages. I'll probably continue to do it until http/2 is mainstream. I thought it was pretty standard, but of course, Microsoft Edge has a problem with them.

I get my icons from flaticon.com, which has a beautiful feature allowing to choose color+size then gives you the CSS for the icon.

Microsoft Edge doesn't show them. Go figure. Trying to find out why, it turns out Edge doesn't like utf8;

..url(data:image/svg+xml;utf8;base64,PD94S4...wvnPgo=);

Simply removing that gets the SVG icons working.

Thank you once again Microsoft for making the internet harder.


Leave a Reply

%d bloggers like this: