<svg width="200px" height="200px" viewBox="0 0 100 100">
  <circle style="stroke: #4285f4; transform-origin: center;" fill="none" stroke-width="6" stroke-linecap="round" cx="20" cy="20" r="15"></circle>
  <rect width="30" height="10" style="fill:rgb(0,0,255);stroke-width:3;stroke:rgb(0,0,0)" y="0" x="40"/>
  <ellipse cx="55" cy="25" rx="15" ry="6" style="fill:yellow;stroke:purple;stroke-width:2" />
  <line x1="40" y1="40" x2="50" y2="50" style="stroke:rgb(255,0,0);stroke-width:2" />
  <polygon points="30,50 15,60 20,70 30,70" style="fill:lime;stroke:purple;stroke-width:1" />
  <text x="0" y="90" fill="red"> SVG!</text>
  <polyline points="40,60 45,65 60,40 80,70 80,80 90,90" style="fill:none;stroke:black;stroke-width:3" />
  <!-- path 
M = moveto
L = lineto
H = horizontal lineto
V = vertical lineto
C = curveto
S = smooth curveto
Q = quadratic Bézier curve
T = smooth quadratic Bézier curveto
A = elliptical Arc
Z = closepath-->
</svg>