Crescent Moon

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 24 24"
>
    <linearGradient
        id="a"
        x1="12"
        x2="12"
        y1="2"
        y2="22"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#00bcd4" />
        <stop offset="1" stop-color="#1976d2" />
    </linearGradient>
    <path
        fill="url(#a)"
        d="m21.309 11.715-.593.192.366.505a1 1 0 1 1-1.617 1.176l-.367-.505-.368.505a.996.996 0 0 1-1.396.22 1 1 0 0 1-.22-1.396l.365-.505-.592-.192a1 1 0 0 1 .617-1.902l.594.193v-.624a1 1 0 1 1 2 0v.624l.593-.194a1 1 0 1 1 .618 1.903zm-2.453 6.51a1 1 0 0 1-.208 1.232A9.984 9.984 0 0 1 12 22C6.486 22 2 17.514 2 12S6.486 2 12 2c2.397 0 4.71.865 6.531 2.44a1 1 0 0 1-.53 1.849h-.019c-.093 0-.189-.014-.283-.041A6.023 6.023 0 0 0 16 6c-3.309 0-6 2.691-6 6s2.691 6 6 6c.57 0 1.142-.084 1.7-.248.447-.13.929.064 1.156.473zm-4.862 1.52C10.551 18.853 8 15.72 8 12s2.55-6.853 5.994-7.745A7.93 7.93 0 0 0 12 4c-4.411 0-8 3.589-8 8s3.589 8 8 8a7.93 7.93 0 0 0 1.994-.255z"
    />
</svg>