Wie kann ich die Farbe eines 'svg'-Elements ändern?

Question

Ich möchte diese Technik verwenden und die Farbe des SVG ändern, aber bisher war ich dazu nicht in der Lage. Ich benutze dies im CSS, aber mein Bild ist immer schwarz, egal was ich mache.

Mein Code:

.change-my-color {
  fill: green;
}

Answer 1

Der kürzeste Bootstrap-kompatible Weg, ohne JavaScript:

.cameraicon {
    height: 1.6em; /* Legen Sie Ihre eigene Icon-Größe fest */
    mask: url(/camera.svg); /* Pfad zu Ihrem Bild */
   -webkit-mask: url(/camera.svg) no-repeat center;
}

Und verwenden Sie es wie folgt: