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.25zm-.3 44.13a3.39 3.39 0 0 1-4.09 3.3 3.45 3.45 0 0 1-2.61-3.4V24.09A10 10 0 0 0 33.87 14a9.76 9.76 0 0 0-10.42 9.73v15.5l2.5-2.5a3.47 3.47 0 0 1 4.35-.52 3.38 3.38 0 0 1 .52 5.2l-8.35 8.35a3.35 3.35 0 0 1-2.35 1 3.4 3.4 0 0 1-2.43-1l-8.35-8.35a3.37 3.37 0 0 1 4.77-4.77l2.59 2.58v-15C16.7 15 24.25 7.1 33.48 7.25a16.52 16.52 0 0 1 16.22 16.5z"
    />
</svg>