We should be using SVGs all the time.
White circle: Okay cool, it's a simple circle SVG. Basically consists of origin coordinates, a radius and a fill color of white.
Ellipses with SVG: Basic ellipse SVG. Consists of origin coordinates, an x-radius, y-radius and a fill color of black. Throw in a purple meniscus. Just do that.
More Ellipses with SVG: A black ellipse, with an embedded white circle Combined circle and ellipse with coordinates like above. If you play music, this might look like a familiar icon?
Similar to above (black ellipse), but with an embedded white ellipse and hit it with a transform, Does it kind of look like a musical whole note? The visual configuration of this SVG is still unappealing though.