SVG <image> tag inlined in HTML not loading image in browser
You need to use:
<image ... xlink:href="...">
See the SVG Document Structure spec.
This is not the case in question, but I ran across a similar issue with an <image href="/path/to/file.svg">
tag not showing up in Edge, while working correctly in Firefox and Chrome.
It turns out that if you don't explicitly set both a height
and a width
attribute on the <image>
tag Edge won't show the image. This is not the case in Chrome and Firefox where width
alone was enough.