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.8"
        y1="34.7"
        y2="34.7"
        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.55"
        x2="58.48"
        y1="31.99"
        y2="31.99"
        href="#a"
    />
    <g>
        <path
            fill="url(#a)"
            d="M21.14 34.7A10.87 10.87 0 0 0 32 45.56c14.4-.6 14.4-21.12 0-21.71A10.87 10.87 0 0 0 21.14 34.7zm19.22 0A8.37 8.37 0 0 1 32 43.06c-11.07-.42-11.07-16.29 0-16.71a8.37 8.37 0 0 1 8.36 8.35z"
        />
        <path
            fill="url(#b)"
            d="M46.7 12.61a1.25 1.25 0 0 0-1.39 2.08C65 27.84 55.66 58.67 32 58.75 6.34 58.43-1.25 24 21.78 13l-2.52 5.22a1.26 1.26 0 0 0 1.91 1.52l11.61-9.31a1.26 1.26 0 0 0 .46-1.16 1.28 1.28 0 0 0-.79-1L18.59 2.84a1.26 1.26 0 0 0-1.37 2l4.89 5.21C-4.74 21.2 2.85 60.82 32 61.25c26.13-.09 36.42-34.12 14.7-48.64zM29.53 9.79l-5.62 4.5c2.22-4.76 2.44-3.25-1.09-7.12z"
        />
    </g>
</svg>