Hallo Leute,

Ich möchte über CSS die Farbe einer SVG in einem HTML-Dokument ändern.

Leider bekomme ich das nicht hin
Beispiel: Farbänderung

Dabei habe ich es meiner Meinung nach so gemacht, wie es in den folgenden beiden Artikel beschrieben wird
https://blog.htmlvietnam.com/wie-kan...ei-andern.html
https://www.stefan-rammer.at/2016/09...t-css-aendern/

Was muss ich denn ändern, damit ich die Farbe der SVG über CSS ändern kann???

Ich bin mir nicht ganz sicher, doch wie ich weiß, geht das, nur wenn man den SVG Code direkt einbindet und nicht ohne img Tag.
Siehe hier, da gehts
https://codepen.io/basti1012/pen/QWVNeEa

Mit Javascript kann man die Farbe auch im img Tag ändern , doch css alleine weiß ich gerade nicht

Vielen Dank für deine Antwort und dein Beispiel.

Dass das ganze Inline funktioniert, das weiß ich, aber ich möchte die SVG nicht Inline einbinden.
Laut den beiden Artikeln funktioniert das ganze, aber anscheinend stimmt das leider nicht, wie mein Beispiel zeigt.

Schönen Tag noch

Wenn du das SVG nicht inline einbinden willst, dann kannst du auch nicht die Farbe ändern. Lies deinen von dir verlinkten Beitrag durch, da wird das erklärt. Wenn du es als img-Tag einbindest dann musst du das SVG per JS neu laden und dann das img-tag mit dem inline-code ersetzen. Was aber unnötiger Aufwand ist, da man es direkt inline einbinden kann.

Was spricht dagegen das SVG direkt einzubinden?

Danke für die Info. Das habe ich wohl überlesen.

Wenn ich eine Webseite habe, die nicht mit einem CMS erstellt wurde, sondern aus lauter einzelnen HTML-Dokumenten und eine SVG auf jeder Seite eingebunden ist, dann müsste man den Code für die SVG auf jeder einzelnen Seite ändern, wenn man die SVG mal austauschen möchte.