title: Change part of SVG color with css
body: <p>I have an SVG image and I'm looking to change part of its color.
  The SVG will always consist of 2 colors, i.e. black &amp; yellow</p>
  <p>I'm looking to change the yellow color with a css class, so I could switch to another color theme easily without creating all the svg buttons in the yellow version.</p>
  <p>Is this at all possible? I can't seem to find much online about this..</p>
  <p>The SVG is set on span/div's using a class with background-image</p>
  <p>If i implement the  tag with SVG then I can change the color with css. But I'm looking to use it as a class if possible (and the svg should not be directly in the html)</p>
  <pre><code>&lt;svg&gt;
   &lt;use xlink:href=&quot;#robot&quot; id=&quot;robot-1&quot; /&gt;
   &lt;/svg&gt;
  </code></pre>
  <p>Turorial:
  <a href="https://tympanus.net/codrops/2015/07/16/styling-svg-use-content-css/" rel="nofollow noreferrer">https://tympanus.net/codrops/2015/07/16/styling-svg-use-content-css/</a></p>
  <p>JsFiddle:
  <a href="https://jsfiddle.net/wahjvmnq/" rel="nofollow noreferrer">https://jsfiddle.net/wahjvmnq/</a></p>