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.71"
        y2="24.71"
        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="M25.42 17.66 30.75 14v31.37a1.25 1.25 0 1 0 2.5 0V14l5.33 3.66A1.26 1.26 0 0 0 40.37 16L33.08 3.38a1.29 1.29 0 0 0-2.16 0L23.63 16a1.26 1.26 0 0 0 1.79 1.66zM32 6.5l3.45 6-2.74-1.89a1.26 1.26 0 0 0-1.42 0l-2.74 1.89z"
        />
    </g>
</svg>