SVG images not loading on Chrome (sometimes)

When using SVG in Chrome, you need to make sure that your root tag has xmlns="http://www.w3.org/2000/svg"

Edit

I haven't been able to find the problem, but one alternative would be

<object data="yours.svg" type="image/svg+xml"></object>

this seems to do the trick for all browsers.

For what it's worth I had an image like this

<img src="public/image/circles/circle.svg" class="circle_img" />

If you open the svg in an editor I changed

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