Open the svg file in text editor like notepad and Change the following: xlink:href="data:img/png;base64, to xlink:href="data:image/png;base64, source: https://css-tricks.com/forums/topic/svg-css-background-image-not-showing-in-chrome/