<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 200 200"> | |
<defs> | |
<clipPath id="left-half"> | |
<rect width="100" height="200"/> | |
</clipPath> | |
<clipPath id="right-half"> | |
<rect x="100" width="100" height="200"/> | |
</clipPath> | |
</defs> | |
<circle cx="100" cy="100" r="98" fill="none" stroke="green" stroke-width="2"/> | |
<circle cx="100" cy="100" r="98" fill="white" clip-path="url(#left-half)"/> | |
<circle cx="100" cy="100" r="98" fill="green" clip-path="url(#right-half)"/> | |
<circle cx="100" cy="50" r="49" fill="green"/> | |
<circle cx="100" cy="148" r="49" fill="white"/> | |
<circle cx="100" cy="50" r="10" fill="white"/> | |
<circle cx="100" cy="148" r="10" fill="green"/> | |
</svg> |