title: Is it possible to set a background image on an SVG element with CSS?
body: <p>Is it possible to target a <code>background-image</code> SVG with CSS?</p>
  
  <pre><code>.color {
     background-color: #fff;
     color: #fff;
  }
  
  .svg {
     background-image: url("data:image/svg+xml;utf8,&lt;svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 43'&gt;&lt;path class='color' d='M 55.584673,43.175632 36.75281,22.967243 0,43.175632 40.42403,0 59.71135,20.208389 96,0 Z' /&gt;&lt;/svg&gt;");
  }
  </code></pre>