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.25zM35 43 25 53a2.71 2.71 0 0 1-1.94.8 2.69 2.69 0 0 1-1.94-.82L11.16 43A2.74 2.74 0 0 1 15 39.12l5.27 5.27V13a2.74 2.74 0 1 1 5.48 0v31.4l5.28-5.27a2.8 2.8 0 0 1 3.88 0A2.74 2.74 0 0 1 35 43zm14-18.12-5.27-5.27V51a2.74 2.74 0 1 1-5.48 0V19.61l-5.28 5.27A2.74 2.74 0 0 1 29.05 21l10-10a2.7 2.7 0 0 1 1.93-.81 2.71 2.71 0 0 1 1.93.79l10 10a2.74 2.74 0 0 1-3.91 3.9z"
    />
</svg>