svg:not(:root) overflow hidden and CSS transforms in IE9
<p>It's common practice to have:</p>

<pre><code>svg:not(:root) {
    overflow: hidden;
}
</code></pre>

<p>In your reset.css or <a href="https://github.com/necolas/normalize.css/blob/64de79a543546eaba548eed9d2be20986857a0e8/README.md#svgnotroot" rel="nofollow">normalize.css</a> because of an SVG rendering issue in IE9 (that I have not actually observed myself). However, if you rotate an svg with this applied using <code>-ms-transform: rotate(180deg);</code> the SVG will disappear.</p>

<p>Viewing this jsfiddle in IE9:</p>

<p><a href="https://jsfiddle.net/750r17hg/1/" rel="nofollow">https://jsfiddle.net/750r17hg/1/</a></p>

<p>You can see that by removing the <code>overflow: hidden</code> will make the icon appear..</p>

<p>My question is,what are the repercussions of removing this (as I have not seen the issue it is trying to fix) and whether there is anything else I can do to make the icon appear when rotated.</p>