SVG Live-Editor 🎨

Code

Live-Vorschau

Gitter anzeigen

SVG-Werkzeuge & Beispiele

SVG-Gerüst <svg>

<svg width="300" height="200" xmlns="http://www.w3.org/2000/svg">
  <!-- Dein Inhalt hier -->
</svg>

Rechteck <rect>

<rect x="10" y="10" width="100" height="80" fill="lightblue" />

Kreis <circle>

<circle cx="50" cy="50" r="40" fill="coral" />

Ellipse <ellipse>

<ellipse cx="75" cy="50" rx="70" ry="30" fill="khaki" />

Linie <line>

<line x1="0" y1="0" x2="100" y2="100" stroke="black" stroke-width="4" />

Polygon <polygon>

<polygon points="50,5 100,95 5,95" fill="limegreen" />

Text <text>

<text x="10" y="50" font-family="Verdana" font-size="35" fill="darkviolet">SVG</text>

Farben (Beispiele)

black white red green blue yellow gold cyan magenta gray silver maroon olive lime navy purple teal orange pink brown violet tomato royalblue limegreen coral khaki hotpink skyblue