Up And Down

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 32 32"
>
    <linearGradient
        id="a"
        x1="16"
        x2="16"
        y1="29"
        y2="3"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#1904e5" />
        <stop offset=".998" stop-color="#43cbff" />
    </linearGradient>
    <path
        fill="url(#a)"
        d="M24.5 3h-17A4.505 4.505 0 0 0 3 7.5v17A4.505 4.505 0 0 0 7.5 29h17a4.505 4.505 0 0 0 4.5-4.5v-17A4.505 4.505 0 0 0 24.5 3zM28 24.5a3.504 3.504 0 0 1-3.5 3.5h-17A3.504 3.504 0 0 1 4 24.5v-17A3.504 3.504 0 0 1 7.5 4h17A3.504 3.504 0 0 1 28 7.5zM21.303 7.161a.5.5 0 0 1 0 .707l-4.949 4.95a.501.501 0 0 1-.708 0l-4.95-4.95a.5.5 0 0 1 .708-.707l4.096 4.096V5.66a.5.5 0 1 1 1 0v5.597l4.096-4.096a.5.5 0 0 1 .707 0zm0 16.97c.465.453-.255 1.174-.707.708L16.5 20.743v5.73a.5.5 0 0 1-1 0v-5.73l-4.096 4.096a.5.5 0 0 1-.707-.707l4.95-4.95a.5.5 0 0 1 .707 0zM13.5 16.5a.5.5 0 0 1 0-1h5a.5.5 0 0 1 0 1z"
    />
</svg>