chromium/third_party/blink/web_tests/images/resources/half-circles.svg

<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="100" height="100" viewBox="0 0 100 100">
    <defs>
        <linearGradient id="grad" x1="0%" y1="0%" x2="0%" y2="100%">
            <stop offset="0%" style="stop-color:rgb(255,0,0);" />
            <stop offset="50%" style="stop-color:rgb(255,0,0);" />
            <stop offset="50%" style="stop-color:rgb(0,255,0);" />
            <stop offset="100%" style="stop-color:rgb(0,255,0);" />
        </linearGradient>
    </defs>
    <circle cx="50" cy="50" r="40" stroke="black" stroke-width="2" fill="url(#grad)" />
</svg>