SVG not rendered in IE 11.0.9860.0
by mgoetzke
HTML
<img style="width: 40px; height: 40px; margin-right: -5px; fill: green; background-size: 100%;"...
JavaScript
/*
This image does not render on IE 11.0.9860.0:
The embedded svg above is:
<?xml version="1.0"?>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="512" height="512">
<desc iVinci="yes" version="4.5" gridStep="20" showGrid="no" snapToGrid="no" codePlatform="0"/>
<g id="Layer1" opacity="1">
<g id="Shape1">
<desc shapeID="1" type="0" basicInfo-basicType="0" basicInfo-roundedRectRadius="12" basicInfo-polygonSides="6" basicInfo-starPoints="5" bounding="rect(-68.667,-77.25,137.334,154.5)" text="" font-familyName="Helvetica" font-pixelSize="20" font-bold="0" font-underline="0" font-alignment="1" strokeStyle="0" markerStart="0" markerEnd="0" shadowEnabled="0" shadowOffsetX="0" shadowOffsetY="2" shadowBlur="4" shadowOpacity="160" blurEnabled="0" blurRadius="4" transform="matrix(1.21224,0,0,1.21224,259.89,401.772)" pers-center="0,0" pers-size="0,0" pers-start="0,0" pers-end="0,0" locked="0" mesh="" flag=""/>
<path id="shapePath1" d="M259.89,328.937 C235.828,328.937 224.365,320.22 207.092,308.127 L176.648,308.127 L176.648,495.418 L260.764,432.988 L343.131,495.418 L343.131,308.127 L311.915,308.127 C299.01,320.322 280.17,328.937 259.89,328.937 Z" style="stroke:none;fill-rule:evenodd;fill:#000000;fill-opacity:1;"/>
</g>
<g id="Shape2">
<desc shapeID="2" type="0" basicInfo-basicType="0" basicInfo-roundedRectRadius="12" basicInfo-polygonSides="6" basicInfo-starPoints="5" bounding="rect(-120,-120.25,240,240.5)" text="" font-familyName="Helvetica" font-pixelSize="20" font-bold="0" font-underline="0" font-alignment="1" strokeStyle="0" markerStart="0" markerEnd="0" shadowEnabled="0" shadowOffsetX="0" shadowOffsetY="2" shadowBlur="4" shadowOpacity="160" blurEnabled="0" blurRadius="4" transform="matrix(1.21224,0,0,1.21224,259.89,162.354)" pers-center="0,0" pers-size="0,0"...