title: SVG background-image not appearing on IE11
body: <p><a href="https://codepen.io/leftynaut/pen/PKwEqz" rel="nofollow noreferrer">https://codepen.io/leftynaut/pen/PKwEqz</a></p>
  
  <p>Any idea what I am doing wrong with my svg background image here to make them not show up on IE11?</p>
  
  <p>(jQuery acting up on IE also, but my actual implementation with Angular is working fine)</p>
  
  <p><code>background: url("data:image/svg+xml;utf8,&lt;svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400'&gt;&lt;path fill='#000000' d='M192,32 C103.75,32 32,103.75 32,192 C32,280.25 103.75,352 192,352 C280.25,352 352,280.25 352,192 C352,103.75 280.25,32 192,32 Z M384,192 C384,298 298,384 192,384 C86,384 0,298 0,192 C0,86 86,0 192,0 L192,0 C298,0 384,86 384,192 Z'&gt;&lt;/path&gt;&lt;/svg&gt;") no-repeat center;</code></p>