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.63 28.15a3.74 3.74 0 0 1-3.75 3.75 3.77 3.77 0 0 1-3.75-3.75v-5.21L26.19 43.12h5.21a3.76 3.76 0 0 1 3.75 3.76 3.74 3.74 0 0 1-3.74 3.75H17.13a3.76 3.76 0 0 1-3.76-3.75V32.6a3.74 3.74 0 0 1 3.75-3.75 3.74 3.74 0 0 1 3.74 3.75v5.21l16.95-16.93h-5.22a3.76 3.76 0 0 1 0-7.51h14.28a3.76 3.76 0 0 1 3.76 3.76z"
    />
</svg>