title: Change SVG fill color in :before or :after CSS
body: <p>I have a SVG graphic put like this:</p>
  
  <pre><code>a::before { content: url(filename.svg); }
  </code></pre>
  
  <p>When I hover over the  tag, I really want the SVG to change the fill color, without loading a new SVG file, as I have now:</p>
  
  <pre><code>a:hover::before { content: url(filename_white.svg); }
  </code></pre>
  
  <p>Is this possible to achieve using JavaScript, jQuery or just pure CSS that I am not aware of?</p>
  
  <p>Thanks.</p>