Your turn. This is a live SVG editor: type shapes on the left, the picture appears on the right. Pick a challenge, open the reference if you need the vocabulary, and when you’re done (or stuck) reveal an example — there’s never just one right answer.
<rect x y width height rx><circle cx cy r><ellipse cx cy rx ry><line x1 y1 x2 y2><polygon points="x,y x,y …"><polyline>, <path>, <text>, <g>fill, stroke, stroke-width, opacityd commandsM move (pen up) L lineH / V horizontal / vertical lineC cubic curve S smooth cubicQ quadratic T smooth quadraticA arc Z close the pathUppercase = absolute coordinates. lowercase = relative to where the pen is.
One way to do it — there are many. Read it, then load it if you like.