Left Arrow

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="100"
    height="100"
    viewBox="0 0 512 512"
>
    <linearGradient
        id="a"
        x1="-26.973"
        x2="-14.766"
        y1="640.586"
        y2="628.383"
        gradientTransform="matrix(21.3333 0 0 -21.3333 562.556 13791.667)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#369cdc" />
        <stop offset="1" stop-color="#aa56d0" />
    </linearGradient>
    <path
        d="M117.333 0c-5.888 0-10.667 4.779-10.667 10.667v490.667c0 5.888 4.779 10.667 10.667 10.667S128 507.221 128 501.333V10.667C128 4.779 123.221 0 117.333 0z"
        fill="url(#a)"
    />
    <linearGradient
        id="b"
        x1="-13.976"
        x2="-1.767"
        y1="640.587"
        y2="628.382"
        gradientTransform="matrix(21.3333 0 0 -21.3333 562.556 13791.667)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#369cdc" />
        <stop offset="1" stop-color="#aa56d0" />
    </linearGradient>
    <path
        d="M402.197 3.136c-4.16-4.16-10.923-4.16-15.083 0L141.781 248.469a10.63 10.63 0 0 0-3.115 7.531c0 2.731 1.045 5.461 3.115 7.552l245.333 245.333a10.716 10.716 0 0 0 7.552 3.115c2.731 0 5.461-1.045 7.531-3.115 4.16-4.16 4.16-10.923 0-15.083L164.416 256 402.197 18.219c4.182-4.182 4.182-10.923 0-15.083z"
        fill="url(#b)"
    />
</svg>