Arrows

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 64 64"
>
    <linearGradient
        id="a"
        x1="3.25"
        x2="60.75"
        y1="32"
        y2="32"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#5bb4f6" />
        <stop offset=".61" stop-color="#2191e5" />
        <stop offset="1" stop-color="#007edb" />
    </linearGradient>
    <path
        fill="url(#a)"
        d="M50 3.25H14A10.76 10.76 0 0 0 3.25 14v36A10.76 10.76 0 0 0 14 60.75h36A10.76 10.76 0 0 0 60.75 50V14A10.76 10.76 0 0 0 50 3.25zm1.72 22.36a3.58 3.58 0 0 1-5 0l-2.38-2.38v4.14a17 17 0 0 1-17 17h-4.11l2.38 2.38a3.51 3.51 0 1 1-5 5l-8.37-8.37a3.5 3.5 0 0 1 0-5L20.65 30c3.38-3.12 8.16 1.59 5 5l-2.38 2.39h4.14a10 10 0 0 0 10-10v-4.16L35 25.62a3.51 3.51 0 0 1-5-5l8.38-8.37a3.49 3.49 0 0 1 2.48-1 3.5 3.5 0 0 1 2.48 1l8.37 8.37a3.5 3.5 0 0 1 0 5z"
    />
</svg>