SVG skalieren und Größe mit CSS anpassen
bearbeitet von
Olá!
> Möchte eigentlich nicht unbedingt mit Unicode weiter machen. Habe ganz bewusst mich für svg Bilder entschieden damit die Site lebhafter werden und auch mehr Übersicht bieten sollen. Da das gesamte Projekt eigentlich nur eine Liste ist sollen die svg`s dieses jetzt auflockern. Bislang hat das jeweilige Kapitel einen blauen Ball vorangestellt bekommen, jetzt sollen es Logos bzw. Wappen sein die den jeweiligen Text symbolisieren.
Das geht: [https://wiki.selfhtml.org/wiki/HTML/Tutorials/Listen/Gestaltung_mit_CSS#SVG_als_Pseudoelement](https://wiki.selfhtml.org/wiki/HTML/Tutorials/Listen/Gestaltung_mit_CSS#SVG_als_Pseudoelement)
Du musst den SVG aber die gewünschte Größe als width- und height-Attrinut mitgeben. Also alles von Wikimedia runterladen und dann maso menos `width="36px" height="24px" ` in das svg-Element kopieren.
[](/images/612d14cc-9bbc-11eb-8f31-b42e9947ef30.png)
>
> Muss mich damit wohl mit dieser Vorstellung von der klassischen HTML Liste verabschieden.
Nein, alles gut!
Muitas saudações!
Matthias Scharwies
--
Einfach mal was von der [ToDo-Liste](https://wiki.selfhtml.org/wiki/Kategorie:ToDo) auf die Was-Solls-Liste setzen.“