Arrow

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 64 64"
>
    <linearGradient
        id="a"
        x1="2.75"
        x2="61.25"
        y1="42.38"
        y2="42.38"
        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="23.45"
        x2="40.55"
        y1="24.68"
        y2="24.68"
        href="#a"
    />
    <g>
        <path
            fill="url(#a)"
            d="M60 23.5H44.93a1.25 1.25 0 0 0 0 2.5h13.82v32.75H5.25V26h13.82a1.25 1.25 0 0 0 0-2.5H4a1.25 1.25 0 0 0-1.25 1.25V60A1.25 1.25 0 0 0 4 61.25h56A1.25 1.25 0 0 0 61.25 60V24.75A1.25 1.25 0 0 0 60 23.5z"
        />
        <path
            fill="url(#b)"
            d="M30.92 46a1.26 1.26 0 0 0 2.16 0l7.29-12.62a1.26 1.26 0 0 0-1.79-1.66l-5.33 3.66V4a1.25 1.25 0 0 0-2.5 0v31.38l-5.33-3.66a1.26 1.26 0 0 0-1.79 1.66zm.37-7.22a1.31 1.31 0 0 0 1.42 0l2.74-1.88-3.45 6-3.45-6z"
        />
    </g>
</svg>