Tutorial

(Watch the hints view in the bottom left changing depending on the selected object or function.)

Press + and c to add a circle as a reference.

Press → to switch to the form view. Hit ↓ until you get to the "r" property. Hit enter to edit the property. Change the value to 100 and hit enter again.

Move ↑ to "cx" or "cy". Hit t to translate the circle's center. Use the arrow keys to move the circle to (100/100) and hit enter to end the translation.

Go back to the tree view ←, up to the root element ↑, press + and add a path p.

Navigate to the "M"-command (move to) and set x1/y1 to (100/0). Set the "cs" parameter (curve start) of the "C"-command (Bezier Curve) to (33/0) and "ce" to (33/100).

With the cursor inside the "C"-command press capital c/C to add another "C" command after the current. (The lower "c" command will not work for this tutorial.)

Set "to" to (100/200), "cs" to (166/100) and "ce" to (166/200).

Add another "C" command and set its parameters to to(100/0), cs(233/200), ce(233/0).

Set "fill opacity" to 1. With the cursor on the last "C" command, press z to close the path.

Navigate to the tree view. With the cursor on path001, press c to copy the element and v to paste it after the current Bezier.

Change the props of the last C-command the new element to cs(-33/200) and ce(-33/0) and set fill to FFF.

Insert a circle and set its props to cx(100), cy(50), r(10), fill(fff) and fill opacity(1).

Copy and paste the circle and set its props to cy(150) and fill(0). Navigate to the first circle and press

Navigate to root, press f and x to save the SVG to your disk.