Inverser l'image svg à l'aide de css?

Je suis en train d'inverser un fichier d'image avec .svg extension à l'aide de css. Je sais .png et .jpg fichiers peut être inversé à l'aide de css webkit propriétés. Je suis nouveau sur svg images. Est-il possible d'inverser .svg images à l'aide de css?

J'ai essayé d'utiliser 

-webkit-filter:invert(1);
        filter:invert(1);

mais il ne fonctionne pas.

InformationsquelleAutor Dream Hunter - hashADH | 2016-09-29
  1. 30

    Juste le style de l'élément SVG directement

    svg {
  -webkit-filter: invert(100%); /* safari 6.0 - 9.0 */
          filter: invert(100%);
}

    À partir de IE9 et au-dessus de vous peut utilisation de SVG dans <img src="" /> élément.

    CSS:

    img { /* svg on an img tag */
  -webkit-filter: invert(.75); /* safari 6.0 - 9.0 */
          filter: invert(.75);
}

    HTML:

    <img src="https://cdn.sstatic.net/Sites/stackoverflow/company/img/logos/so/so-logo.svg" />

    Vous pouvez définir la valeur en pourcentage ou en nombre comme cette docs dit

    Le montant de la conversion, spécifié comme une <number> ou un
    <percentage>. Une valeur de 100% est complètement inversé, tandis qu'une valeur de
    0% laisse l'entrée inchangé. Les valeurs entre 0% et 100% sont linéaires
    les multiplicateurs sur l'effet. La lacune de la valeur pour l'interpolation est 0.

    • Concis et précis!
    InformationsquelleAutor Engkus Kusnadi