svg als content im pseudo element ::before und ::after

Um ein SVG als content im pseudo Element ::before und ::after anzuzeigen, benutzt man url() und das beinhaltet dann den „data:image/svg+xml“-Code vom SVG oder einfach den Pfad der Datei.

::before {
  content: url("data:image/svg+xml,%3Csvg....");
}

::before {
  content: url("__bildpfad__");
}

Eine schöne Hilfe bietet dieser URL-Encoder für SVG.

Kommentare sind geschlossen.