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.5zM14.352 12.696c.483.443-.227 1.18-.693.728l-2.155-2.028v10.372a.5.5 0 0 1-1 0v-10.38L8.34 13.425c-.468.452-1.175-.285-.694-.728l3.006-2.828a.511.511 0 0 1 .694 0zm10 6.608-3.005 2.828a.509.509 0 0 1-.694 0l-3.005-2.828c-.483-.444.227-1.178.693-.728l2.155 2.028V10.232a.5.5 0 0 1 1 0v10.38l2.163-2.036a.495.495 0 0 1 .36-.135.503.503 0 0 1 .334.863z"
    />
</svg>