by AdamStanislav - uploaded on June 11, 2016, 3:18 am
This graphic contains standard SVG filters. Please be advised that not all browsers support them yet, so you may or may not see the filter effect applied to it.
The entire graphic is drawn as a single path and modified with a filter, in hand-coded SVG. The other half, usually shown in white is created here as a hole in the path. That means it is completely transparent, and has whatever color its background has. To achieve this, not just with SVG but with other vector formats, any black portion of the path is drawn counterclockwise, any “white” portion clockwise.
Also, this graphic is taking advantage of the kappa constant described in my e-book Bézier Circles and other shapes, freely downloadable from www.smashwords.com/books/view/483578 (kappa = 4 * (sqrt(2) - 1) / 3).