<svg width="200" height="200" xmlns="http://www.w3.org/2000/svg" >
    <defs>
        <mask id="ym">
            <rect x="100" y="0" width="100" height="200" fill="white"/>
            <circle cx="100" cy="150" r="50" fill="white"/>
            <circle cx="100" cy="50" r="50" fill="black"/>
        </mask>
    </defs>
    <circle cx="100" cy="100" r="100" fill="red"/>
    <circle cx="100" cy="50" r="50" fill="red" />
    <circle cx="100" cy="100" r="100" fill="blue" mask="url(#ym)"/>
    <circle cx="100" cy="50" r="20" fill="blue" />
    <circle cx="100" cy="150" r="20" fill="red" />
</svg>