Bidirectional

<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="139.275"
        x2="308.675"
        y1="203.325"
        y2="372.725"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="c"
        x1="203.425"
        x2="372.825"
        y1="139.175"
        y2="308.575"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="d"
        x1="325.025"
        x2="432.855"
        y1="324.875"
        y2="432.705"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <path
        fill="#2196f3"
        d="M256 6c138.1 0 250 111.9 250 250S394.1 506 256 506 6 394.1 6 256 117.9 6 256 6z"
    />
    <path
        fill="url(#b)"
        d="M267.8 362v7.5c0 2.8 1 5.4 2.7 7.4L135.1 241.6c2 1.7 4.6 2.7 7.4 2.6h7.5c6.5 0 11.6-5.4 11.5-11.8l-1-50.3 169.4 169.4-50.3-1c-6.5-.1-11.8 5.1-11.8 11.5z"
    />
    <path
        fill="url(#c)"
        d="M351.6 329.8 182.2 160.4l50.3 1c6.5.1 11.8-5.1 11.8-11.5v-7.5c0-2.9-1.1-5.6-2.8-7.6l135.6 135.6c-2-1.7-4.6-2.8-7.5-2.7h-7.5c-6.5 0-11.6 5.4-11.5 11.8z"
    />
    <path
        fill="url(#d)"
        d="M477.9 371.2c-11.9 22.8-27.1 43.6-45.1 61.6s-38.6 33.2-61.4 45L272 378.4c2 1.7 4.6 2.6 7.3 2.6h90.3c6.3.1 11.5-5.1 11.5-11.4v-90.4c0-2.9-1.1-5.6-2.8-7.6z"
    />
    <path
        fill="#fff"
        d="M381.1 369.6v-90.4c0-6.4-5.2-11.6-11.5-11.5h-7.5c-6.5 0-11.6 5.4-11.5 11.8l1 50.3-169.4-169.4 50.3 1c6.5.1 11.8-5.1 11.8-11.5v-7.5c0-6.4-5.2-11.6-11.5-11.5h-90.3c-6.4 0-11.6 5.2-11.5 11.5v90.3c0 6.4 5.2 11.6 11.5 11.5h7.5c6.5 0 11.6-5.4 11.5-11.8l-1-50.3 169.4 169.4-50.3-1c-6.5-.1-11.8 5.1-11.8 11.5v7.5c0 6.4 5.2 11.6 11.5 11.5h90.3c6.3.1 11.5-5.1 11.5-11.4z"
    />
</svg>