yin-yang.svg - mozsearch

Enable keyboard shortcuts

Checkerboard

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