title: how to change stroke color on svg in <img> tag?
body: <p>I have an svg file, say a.svg, with the content:</p>
  
  <pre><code>&lt;svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50"&gt;
      &lt;g fill="none" fill-rule="evenodd"&gt;
          &lt;line x1="25" y1="15" x2="35" y2="24.6" stroke-width="3" stroke-linecap="round"/&gt;
          &lt;line x1="25" y1="35" x2="35" y2="24.6" stroke-width="3" stroke-linecap="round"/&gt;
      &lt;/g&gt;
  &lt;/svg&gt;
  </code></pre>
  
  <p>The svg has no stroke color, but I want to be able to set the stroke color in css when I import this svg with an  tag like so:</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;img src="a.svg"&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>img {
      stroke: red;
      /* This doesn't work */
  }
  </code></pre>
  
  <p>How am I able to do this?</p>