Beispiel zur Notiz „SVG-Code verstehen“

Einbindung: was das Seiten-CSS erreicht

Die Seite enthält die Regel circle { fill: crimson; }. Das Inline-SVG wird rot, das gleiche SVG im <img> und als Hintergrundbild bleibt schwarz, weil es ein eigenes Dokument ist.

Getestet in Chrome 155. Browserstand und Einordnung: siehe Notiz.

inline <svg>
<img src="…svg">
background-image