Any ideas why patterned SVG file is showing up blank in the browser?

Question

I have an svg file that I created in Illustrator that consists of a pattern - it was made using the swatch tool. When I try and load it locally it shows up blank in the browser

Answer 1

If you find that it works in Firefox, IE or Edge but not Chrome, this was my issue too.

I fixed it by opening the .SVG file in a text editor, and everywhere I saw this tag:

xlink:href="data:img/png;base64

I replaced it with

xlink:href="data:image/png;base64

This fixed it, and it displayed immediately. Hopefully this helps someone!!