Html – SVG not rendering in IE

csshtmlinternet explorersvg

I have a .svg logo on my website, http://www.dailydoog.com, and it renders correctly in every browser except for Internet Explorer. Even newer versions of IE (9+) that have built-in SVG support won't render the logo.

I'm using the following markup

<meta http-equiv="X-UA-Compatible" content="IE=edge" />

but it doesn't seem to be having any impact.
Am I just missing something really simple here?

Best Answer

Navigating directly to the SVG in question works fine.

If you use the F12 Developer Tools to disable CSS on the page, the SVG image renders.

If you remove the width property from #logo-image img, it renders, or you can add a height:35px property instead and the SVG will render.

Perhaps related to this question? SVG in img element proportions not respected in ie9

Related Topic