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="44.5"
        y1="32"
        y2="32"
        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="17.38"
        x2="61.24"
        y1="32.01"
        y2="32.01"
        href="#a"
    />
    <g>
        <path
            fill="url(#a)"
            d="M43.25 40.68A1.25 1.25 0 0 0 42 41.93v16.82H5.25V5.25H42v16.82a1.25 1.25 0 0 0 2.5 0V4a1.25 1.25 0 0 0-1.25-1.25H4A1.25 1.25 0 0 0 2.75 4v56A1.25 1.25 0 0 0 4 61.25h39.25A1.25 1.25 0 0 0 44.5 60V41.93a1.25 1.25 0 0 0-1.25-1.25z"
        />
        <path
            fill="url(#b)"
            d="m18 33.09 12.62 7.29a1.25 1.25 0 0 0 1.66-1.79l-3.66-5.33H60a1.25 1.25 0 1 0 0-2.5H28.62l3.66-5.33a1.26 1.26 0 0 0-1.66-1.79L18 30.93a1.25 1.25 0 0 0 0 2.16zm9.1-4.53c-2.78 4.15-2.77 2.76 0 6.9l-6-3.45z"
        />
    </g>
</svg>