Robert B.: Wie mit 'symbols:' innerhalb von @counter-style SVGs einbinden

Beitrag lesen

Moin MB,

Meines Wissens muss das SVG innerhalb des url auch entsprechend maskiert sein, also %3Csvg…%3E…%3C%2Fsvg%3E.

Das klappt auch ohne 😀 👍. Man muss nur escapen.

Was ist jetzt der Unterschied zwischen maskieren und escapen? Aus dem URL-Kontext kommst du ja nicht heraus.

Als Laihe gesprochen, nehme ich an, dass all das, was durch url() importiert wurde, unveränderbar ist. So gesehen, ist es nicht möglich, Die importierten SVGs weiter zu stylen (habe ich versucht).

Das ist korrekt. Auf deine Weise eingebundene SVG haben gewisse Einschränkungen.

Innerhalb von @counter-style sind ja mit der symbols-Property über diese url()s SVGs enthalten - wenn es funktioniert.
Deshalb drängte sich mir die Frage auf, ob in diesem Zusammenhang von symbols und url()s es eine möglichkeit gäbe, über url importierte SVGs doch zu stylen.
Sry, wenn ich mich nicht eloquent genug ausgedrückt habe 😕.

Das glaube ich zwar nicht, aber du könntest schauen, ob eine Icon-Font dir hier weiterhilft.

Viele Grüße
Robert