Inkscape ist ein leistungsfähiges, plattformunabhängiges freies Vektorgrafik-Programm, mit dem SVGs erzeugt werden können. Eine Einführung in Inkscape brachte 2016 das freiesMagazin:

• Inkscape für Einsteiger – Teil I: Grundlagen
• Inkscape für Einsteiger – Teil II: Praxis
• Ggf. Fortsetzung???

Vektorgrafiken lassen sich allerdings auch „von Hand“ erzeugen, dafür lohnt sich ein Blick ins SELFHTML-Wiki; beispielsweise erzeugt folgendes Markup:

beispiel.svg

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 200">
 <circle id="eins" cx="55"  cy="55"  r="50" style="fill:green;" />
 <rect x="95" y="95" width="300" height="100" style="fill:red;" />
</svg>

Folgende Ausgabe: