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.25zM11 21l10-10a2.75 2.75 0 0 1 3.85 4l-5.31 5.31H51.1a2.75 2.75 0 1 1 0 5.5H19.54l5.31 5.31a2.77 2.77 0 0 1-2 4.7A2.72 2.72 0 0 1 21 35L11 25a2.72 2.72 0 0 1-.81-2 2.78 2.78 0 0 1 .81-2zm42.06 21.93-10 10a2.72 2.72 0 0 1-1.94.81 2.77 2.77 0 0 1-2-4.7l5.31-5.31H12.9a2.75 2.75 0 1 1 0-5.5h31.56l-5.31-5.31a2.76 2.76 0 0 1 0-3.89A2.82 2.82 0 0 1 43 29l10 10a2.74 2.74 0 0 1 0 3.89z"
    />
</svg>