Diagonal Arrow

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 32 32"
>
    <linearGradient
        id="a"
        x1="-10.04"
        x2="40.15"
        y1="-10.04"
        y2="40.15"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#9cecfb" />
        <stop offset=".51" stop-color="#65c7f7" />
        <stop offset="1" stop-color="#0052d4" />
    </linearGradient>
    <g fill="url(#a)">
        <path
            d="M24 25a1 1 0 0 1-.71-.29L9 10.41V18a1 1 0 0 1-2 0V8a1 1 0 0 1 1-1h10a1 1 0 0 1 0 2h-7.59l14.3 14.29a1 1 0 0 1 0 1.42A1 1 0 0 1 24 25z"
        />
        <path
            d="M29 32H3a3 3 0 0 1-3-3V3a3 3 0 0 1 3-3h26a3 3 0 0 1 3 3v26a3 3 0 0 1-3 3zM3 2a1 1 0 0 0-1 1v26a1 1 0 0 0 1 1h26a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1z"
        />
    </g>
</svg>