Left And Right Arrows

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 32 32"
>
    <linearGradient
        id="a"
        x1="16"
        x2="16"
        y1="29"
        y2="3"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#1a0841" />
        <stop offset=".999" stop-color="#4f9da6" />
    </linearGradient>
    <path
        fill="url(#a)"
        d="M24.5 3h-17A4.505 4.505 0 0 0 3 7.5v17A4.505 4.505 0 0 0 7.5 29h17a4.505 4.505 0 0 0 4.5-4.5v-17A4.505 4.505 0 0 0 24.5 3zM15 21.5a.5.5 0 0 1-1 0v-5.006a.472.472 0 0 1-.125.025l-5.977-.021 2.933 3c.46.455-.269 1.171-.715.7L6.35 16.344a.5.5 0 0 1 0-.7l3.774-3.843c.446-.467 1.176.243.714.701l-2.941 2.995 5.98.02a.482.482 0 0 1 .122.026V10.5a.5.5 0 0 1 1 0zm10.674-5.145L21.9 20.198c-.448.469-1.175-.245-.714-.701l2.941-2.995-5.98-.02a.487.487 0 0 1-.147-.03V21.5a.5.5 0 0 1-1 0v-11a.5.5 0 0 1 1 0v5.011a.483.483 0 0 1 .15-.03l5.977.021-2.933-3c-.46-.456.27-1.17.715-.7l3.765 3.853a.5.5 0 0 1 0 .7z"
    />
</svg>