Line
<svg viewbox="0 0 600 600"> <line x1="0" x2="600" y1="0" y2="600" stroke="red" stroke-width="30" stroke-dasharray="3" /> </svg>
<svg viewbox="0 0 600 600"> <line x1="20" x2="580" y1="20" y2="580" stroke="red" stroke-width="30" stroke-linecap="round" /> </svg>
Circle
<svg viewbox="0 0 600 600"> <circle cx="300" cy="300" r="100" stroke="red" fill="yellow" /> </svg>
<svg viewbox="0 0 600 600"> <circle cx="300" cy="300" style="r:10vw; fill:#00f" /> </svg>
Ellipse
<svg viewbox="0 0 600 600"> <ellipse cx="300" cy="300" rx="200" ry="100" style="fill:purple" /> </svg>
Rectangle
<svg viewbox="0 0 600 600"> <rect x="150" y="150" rx="20" ry="20" width="300" height="300" style="fill:blue" /> </svg>
Polyline
<svg viewbox="0 0 600 600"> <polyline points="0,0 200,100 100,200 300,300 400,100 600,600" /> </svg>
<svg viewbox="0 0 600 600"> <polyline points="00,00 200,100 100,200 300,300 400,100 600,600" style="stroke:black; fill:none" /> </svg>
Polygon
<svg viewbox="0 0 600 600"> <polygon points="100,300 200,100 400,100 500,300 500,500 300,500" style="fill:lime" /> </svg>
Text
<svg viewbox="0 0 600 600"> <text x="100" y="300" fill="#f00" font-size="90">SVG TEXT</text> </svg>
<svg viewbox="0 0 600 600"> <line x1="300" x2="300" y1="0" y2="600" stroke="#000" /> <text y="200" style="fill:#f00; font-size:30px"> <tspan x="300" text-anchor="start">Line One</tspan> <tspan x="300" text-anchor="middle" dy="100">Line Two</tspan> <tspan x="300" text-anchor="end" dy="100">Line Three</tspan> </text> </svg>