change background color of half circle in svg

Question

i want to create First and third quarter moon on this svg code

Answer 1

There are a number of ways you could do it. Other than making a half-circle in a vector editor of course.

The simplest may be to use a clipPath. We take a copy of the circle, but filled with black. Then we cut off half of it.