Left And Right

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <linearGradient id="a">
        <stop offset="0" stop-opacity=".25" />
        <stop offset="1" stop-opacity="0" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="183.185"
        x2="214.735"
        y1="342.965"
        y2="311.415"
        gradientTransform="matrix(1 0 0 -1 0 512)"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="c"
        x1="209.05"
        x2="476.661"
        y1="209.15"
        y2="476.761"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <path
        fill="#2196f3"
        d="M106 6h300c55.2 0 100 44.8 100 100v300c0 55.2-44.8 100-100 100H106C50.8 506 6 461.2 6 406V106C6 50.8 50.8 6 106 6z"
    />
    <path
        fill="url(#b)"
        d="M193.5 170.1c0-3.3-1.3-6.1-3.2-8.1l31.5 31.5h-28.3z"
    />
    <path
        fill="url(#c)"
        d="M506 325.6V406c0 55.2-44.8 100-100 100h-80.6L135.2 315.8c2 1.7 4.7 2.7 7.5 2.7h175.7v23.4c0 10.4 12.7 15.6 20 8.3l39-39c4.6-4.6 4.6-12 0-16.6l-39-39c-7.4-7.4-20-2.1-20 8.3v23.4h-114l-30.9-30.9c7.3 7.3 20 2.1 20-8.3v-23.4h175.8c6.5 0 11.7-5.2 11.6-11.7v-7.8c0-2.6-.8-5-2.2-6.9z"
    />
    <path
        fill="#fff"
        d="M369.3 224.7H193.5v23.4c0 10.4-12.7 15.6-20 8.3l-39-39c-4.6-4.6-4.6-12 0-16.6l39-39c7.4-7.4 20-2.2 20 8.3v23.4h175.7c6.5 0 11.7 5.2 11.7 11.7v7.8c.1 6.5-5.1 11.7-11.6 11.7zM131 299v7.8c0 6.5 5.2 11.7 11.7 11.7h175.7v23.4c0 10.4 12.7 15.6 20 8.3l39-39c4.6-4.6 4.6-12 0-16.6l-39-39c-7.4-7.4-20-2.1-20 8.3v23.4H142.7c-6.5 0-11.7 5.2-11.7 11.7z"
    />
</svg>