Chart

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 24 24"
>
    <linearGradient
        id="a"
        x1="3.5"
        x2="20.5"
        y1="12"
        y2="12"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#87f1fc" />
        <stop offset=".256" stop-color="#7fd4fb" />
        <stop offset=".529" stop-color="#78bcfb" />
        <stop offset=".784" stop-color="#74aefa" />
        <stop offset="1" stop-color="#73a9fa" />
    </linearGradient>
    <linearGradient id="b" x1=".5" x2="23.5" href="#a" />
    <path
        fill="url(#a)"
        d="M12 3.5a8.5 8.5 0 1 0 5.966 14.546.473.473 0 0 0 .048-.032.482.482 0 0 0 .031-.048A8.493 8.493 0 0 0 12 3.5zm7.475 8H12.5V4.525a7.499 7.499 0 0 1 6.975 6.975zm-1.837 5.43-4.431-4.43h6.268a7.458 7.458 0 0 1-1.837 4.43zM4.5 12a7.503 7.503 0 0 1 7-7.475V12a.507.507 0 0 0 .147.354l5.283 5.284A7.488 7.488 0 0 1 4.5 12z"
    />
    <path
        fill="url(#b)"
        d="M12 .5A11.5 11.5 0 1 0 23.5 12 11.513 11.513 0 0 0 12 .5zm0 22A10.5 10.5 0 1 1 22.5 12 10.512 10.512 0 0 1 12 22.5z"
    />
</svg>