<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>