Done

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 32 32"
>
    <linearGradient id="a">
        <stop offset="0" stop-color="#f0f" />
        <stop offset="1" stop-color="#00f" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="2.05"
        x2="30"
        y1="2.05"
        y2="30"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <g fill="url(#b)">
        <path
            d="M16 2C8.28 2 2 8.28 2 16s6.28 14 14 14a13.95 13.95 0 0 0 8.285-2.715 1 1 0 0 0 .215-1.396 1 1 0 0 0-1.398-.215A11.934 11.934 0 0 1 16 28C9.36 28 4 22.64 4 16S9.36 4 16 4s12 5.36 12 12c0 2.518-.773 4.845-2.094 6.773a1 1 0 0 0 .26 1.391 1 1 0 0 0 1.39-.26A13.952 13.952 0 0 0 30 16c0-7.72-6.28-14-14-14z"
        />
        <path
            d="m21.21 10.887-6.304 8.105-4.199-4.199a1 1 0 0 0-1.414 1.414l5 5a1 1 0 0 0 1.496-.094l7-9a1 1 0 0 0-.176-1.402c-.48-.339-1.1-.232-1.402.176z"
        />
    </g>
</svg>