Yin Yang

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="100"
    height="100"
    viewBox="0 0 512 512"
>
    <circle cx="256" cy="256" r="256" fill="#31bafd" />
    <path
        d="M306.643 506.98c100.973-20.263 180.457-99.93 200.463-200.995L355.992 154.871l-72.983 68.375L146.934 347.27l159.709 159.71z"
        fill="#2b9ed8"
    />
    <circle cx="256" cy="256" r="142.222" fill="#e6f3ff" />
    <path
        d="M398.222 256c0-78.546-63.674-142.222-142.22-142.222v284.444c78.546 0 142.22-63.676 142.22-142.222z"
        fill="#cfdbe6"
    />
    <path
        d="M256 113.778c-39.274 0-71.111 31.837-71.111 71.111S216.726 256 256 256s71.111 31.837 71.111 71.111-31.837 71.111-71.111 71.111c78.548 0 142.222-63.676 142.222-142.222S334.548 113.778 256 113.778z"
        fill="#324a5e"
    />
    <path
        d="M398.222 256c0-78.546-63.674-142.222-142.22-142.222V256c39.274 0 71.111 31.837 71.111 71.111 0 39.272-31.837 71.111-71.111 71.111 78.546 0 142.22-63.676 142.22-142.222z"
        fill="#2b3b4e"
    />
    <path d="M256 398.222h.002z" fill="#324a5e" />
    <circle cx="256" cy="185.32" r="21.549" fill="#e6f3ff" />
    <path
        d="M277.549 185.32c0-11.9-9.647-21.549-21.549-21.549v43.098c11.902 0 21.549-9.649 21.549-21.549z"
        fill="#cfdbe6"
    />
    <circle cx="256" cy="334.438" r="21.549" fill="#324a5e" />
    <path
        d="M277.549 334.438c0-11.9-9.647-21.549-21.549-21.549v43.098c11.902 0 21.549-9.649 21.549-21.549z"
        fill="#2b3b4e"
    />
</svg>