Arrow

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 64 64"
>
    <linearGradient
        id="a"
        x1="30.75"
        x2="33.25"
        y1="31.99"
        y2="31.99"
        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="2.74"
        x2="28.42"
        y1="31.99"
        y2="31.99"
        href="#a"
    />
    <linearGradient id="c" x1="35.57" x2="61.26" y1="32" y2="32" href="#a" />
    <g>
        <path
            fill="url(#a)"
            d="M32 2.75A1.25 1.25 0 0 0 30.75 4v56a1.25 1.25 0 0 0 2.5 0V4A1.25 1.25 0 0 0 32 2.75z"
        />
        <path
            fill="url(#b)"
            d="M27.8 30.92 4.63 17.54A1.26 1.26 0 0 0 3 19.33L11.66 32l-3.95 5.77L3 44.67a1.25 1.25 0 0 0 1.66 1.79L27.8 33.08a1.26 1.26 0 0 0 0-2.16zM8.15 41.54l6.06-8.83a1.27 1.27 0 0 0 0-1.42l-6.06-8.83L24.68 32z"
        />
        <path
            fill="url(#c)"
            d="M52.34 32 61 19.33a1.26 1.26 0 0 0-1.66-1.79L36.2 30.92a1.24 1.24 0 0 0 0 2.16l23.18 13.38A1.25 1.25 0 0 0 61 44.67zm-13 0 16.53-9.54-6.06 8.83a1.27 1.27 0 0 0 0 1.42l6.06 8.83z"
        />
    </g>
</svg>