title: Invert svg image using css?
body: <p>I'm trying to invert an image file with <code>.svg</code> extension using <code>css</code>. I know <code>.png</code> and <code>.jpg</code> files can be inverted using <code>css</code> <code>webkit</code> properties. I am new on <code>svg</code> images. Is it possible to invert <code>.svg</code> images using <code>css</code>?</p>
  
  <p>I tried using  </p>
  
  <pre><code>-webkit-filter:invert(1);
          filter:invert(1);
  </code></pre>
  
  <p>but it did not work.</p>