score:1

Accepted answer

works ok for me in ie/ff/ch. i have valid svg, with the following in my root svg:

<svg
   xmlns:svg="http://www.w3.org/2000/svg"
   xmlns="http://www.w3.org/2000/svg"
...>

if you have that namespace, then the problem is most likely the svg is not formed correctly. or possibly, the svg itself is not viewable i.e. display="none" or the viewbox is tiny

score:0

if your html is correct, open up the "elements" panel on chrome dev tools and check the svg's 'display' (block), 'height', 'width', 'visibility' (visible) and 'opacity' (> 0) properties. if there really is anything there to be shown by the rendering engine (visible or not), chrome will outline it in the page while you hover over the dom node in "elements". also check if anything might mask/overlay the svg nodes.

additionaly, you can try setting a 'fill' or 'stroke' color on your svg nodes.


Related Query

More Query from same tag