SVG mittels CSS färben

[Robert B.]

Moin,

Nö, das hat mich jetzt inklusive Testen und Feierabendgetränk vielleicht 15 Minuten gekostet.

Klar. Aber dann mach's doch gleich in solchen Fällen.

Hätte ich ja gerne, wenn ich vom Firmennetz per SSH an meinen Server käme. Die paar Stunden kann SELFHTML auch mal ohne eine Antwort auskommen, zumal meine Behauptung ja nicht gerade gewagt war.

Hinweis: Das Beispiel hat nur eine kleine Schwäche. Es ist nur eine Grafik. Gefragt war: "so das ich einen roten, blauen, grünen e.t.c. habe ohne diverse Icons abzuspeichern."

Und was spricht gegen use?

<svg width="300" height="100" xmlns:xlink="http://www.w3.org/1999/xlink">
    <defs>
        <rect id="icon" x="0" y="0" width="80" height="80"/>
    </defs>
    <use xlink:href="#icon" id="rot" x="10" y="10"/>
    <use xlink:href="#icon" id="gruen" x="110" y="10"/>
    <use xlink:href="#icon" id="blau" x="210" y="10"/>
</svg>

Viele Grüße
Robert