Arrow

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 64 64"
>
    <linearGradient
        id="a"
        x1="21.14"
        x2="42.86"
        y1="34.73"
        y2="34.73"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#0170fe" />
        <stop offset=".38" stop-color="#035ed4" />
        <stop offset=".79" stop-color="#044dad" />
        <stop offset="1" stop-color="#05479e" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="5.45"
        x2="58.45"
        y1="31.99"
        y2="31.99"
        href="#a"
    />
    <g>
        <path
            fill="url(#a)"
            d="M32 45.56A10.87 10.87 0 0 0 42.86 34.7c-.6-14.4-21.12-14.39-21.72 0A10.87 10.87 0 0 0 32 45.56zm0-19.21a8.37 8.37 0 0 1 8.36 8.35c-.42 11.07-16.3 11.07-16.72 0A8.37 8.37 0 0 1 32 26.35z"
        />
        <path
            fill="url(#b)"
            d="m41.89 10.07 4.89-5.22a1.25 1.25 0 0 0-1.37-2L31.55 8.24a1.28 1.28 0 0 0-.79 1 1.26 1.26 0 0 0 .46 1.16l11.61 9.31a1.26 1.26 0 0 0 1.91-1.52L42.22 13C65.25 24 57.66 58.43 32 58.75a24 24 0 0 1-13.31-44.06 1.25 1.25 0 0 0-1.39-2.08A26.54 26.54 0 0 0 32 61.25c29.15-.43 36.74-40.05 9.89-51.18zm-7.42-.28 6.71-2.62c-3.54 3.87-3.3 2.37-1.09 7.12z"
        />
    </g>
</svg>