Left And Right Arrows

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 64 64"
>
    <linearGradient id="a">
        <stop offset="0" stop-color="#2bc4f3" />
        <stop offset=".5" stop-color="#00aeee" />
        <stop offset="1" stop-color="#0095da" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="6"
        x2="30.363"
        y1="32"
        y2="32"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="c"
        x1="33.637"
        x2="58"
        y1="32"
        y2="32"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <path
        fill="url(#b)"
        d="M28.363 21.272a2 2 0 0 0-2 2V30H12.828l5.313-5.313a2 2 0 1 0-2.828-2.828l-8.728 8.728a2 2 0 0 0 0 2.828l8.728 8.728c.391.391.902.586 1.414.586s1.023-.195 1.414-.586a2 2 0 0 0 0-2.828L12.828 34h13.535v6.728a2 2 0 0 0 4 0V23.272a2 2 0 0 0-2-2z"
    />
    <path
        fill="url(#c)"
        d="m57.414 30.586-8.728-8.728a2 2 0 1 0-2.828 2.828L51.172 30H37.637v-6.728a2 2 0 0 0-4 0v17.455a2 2 0 0 0 4 0V34h13.535l-5.313 5.313a2 2 0 1 0 2.828 2.828l8.728-8.728a2 2 0 0 0-.001-2.827z"
    />
</svg>