Invert svg image using css?
<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>