SVG files were not showing up.

SVG files were not showing up. It looked to be a syntax error in the svg file for the base64 encoded png.

What to do?

open svg in a plain text editor and change this;

xlink:href=”data:img/png;base64,

to this;

xlink:href=”data:image/png;base64,

Thank you @fofwebdesign for your CSS-tricks @css post back in 2016 about syntax erros in SVG files. Fixed my issue and got me back on track. Cheers!
https://css-tricks.com/forums/topic/svg-css-background-image-not-showing-in-chrome/

Thank you for reading!

It's only fair to share...Tweet about this on Twitter
Twitter
Share on Facebook
Facebook
Email this to someone
email