Backwards

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 100 100"
>
    <symbol id="b" viewBox="-0.089 -99.999 100.088 100.088">
        <g opacity=".4">
            <path
                fill="none"
                stroke="#000"
                stroke-miterlimit="10"
                stroke-width=".25"
                d="M49.911 0v-99.911M99.911-49.911H0M99.842-33.911H-.069M99.842-65.911H-.069M65.911-99.822V.089M33.911-99.842V.069M99.911.001 0-99.911M0 .001l99.911-99.912M49.957-28.81c-11.678 0-21.146-9.466-21.146-21.145 0-11.677 9.468-21.145 21.146-21.145 11.677 0 21.145 9.468 21.145 21.145 0 11.678-9.468 21.145-21.145 21.145z"
                clip-path="url(#a)"
            />
            <path
                fill="none"
                stroke="#000"
                stroke-miterlimit="10"
                stroke-width=".25"
                d="M49.911-8.956c-22.647 0-40.977-18.332-40.977-40.977 0-22.646 18.33-40.978 40.977-40.978 22.646 0 40.978 18.332 40.978 40.978 0 22.645-18.332 40.977-40.978 40.977z"
                clip-path="url(#a)"
            />
            <path
                fill="none"
                stroke="#000"
                stroke-miterlimit="10"
                stroke-width=".25"
                d="M78.69-12.911H21.133a8.22 8.22 0 0 1-8.223-8.222V-78.69a8.22 8.22 0 0 1 8.223-8.222h57.555a8.22 8.22 0 0 1 8.222 8.222v57.556a8.22 8.22 0 0 1-8.222 8.222z"
                clip-path="url(#a)"
            />
            <path
                fill="none"
                stroke="#000"
                stroke-miterlimit="10"
                stroke-width=".25"
                d="M82.711-16.911h-65.6c-4.528 0-8.2-3.694-8.2-8.25v-49.5c0-4.556 3.672-8.25 8.2-8.25h65.6c4.529 0 8.2 3.695 8.2 8.25v49.5c0 4.556-3.671 8.25-8.2 8.25z"
                clip-path="url(#a)"
            />
            <path
                fill="none"
                stroke="#000"
                stroke-miterlimit="10"
                stroke-width=".25"
                d="M82.911-82.711v65.6c0 4.528-3.694 8.2-8.25 8.2h-49.5c-4.556 0-8.25-3.672-8.25-8.2v-65.6c0-4.528 3.694-8.2 8.25-8.2h49.5c4.556 0 8.25 3.672 8.25 8.2z"
                clip-path="url(#a)"
            />
            <g clip-path="url(#a)">
                <path
                    d="M99.66-.25v-99.411H.25v99.41h99.41m.25.25H0v-99.91h99.91v99.91z"
                />
            </g>
        </g>
    </symbol>
    <clipPath id="a"><path d="M0-99.911h99.911V0H0z" /></clipPath>
    <linearGradient
        id="c"
        x1="14.135"
        x2="85.865"
        y1="29.293"
        y2="70.707"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#ffc3a0" />
        <stop offset="1" stop-color="#ffafbd" />
    </linearGradient>
    <linearGradient
        id="d"
        x1="55.082"
        x2="69.615"
        y1="42.734"
        y2="57.267"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#d59bf2" />
        <stop offset="1" stop-color="#9167f4" />
    </linearGradient>
    <linearGradient
        id="e"
        x1="34.602"
        x2="49.135"
        y1="42.734"
        y2="57.267"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#f3e2fb" />
        <stop offset="1" stop-color="#c0a8f9" />
    </linearGradient>
    <path
        fill="url(#d)"
        d="m63.045 59.773-11.48-6.261c-2.78-1.516-2.78-5.507 0-7.024l11.48-6.261c2.665-1.454 5.915.475 5.915 3.511v12.524c0 3.036-3.25 4.965-5.915 3.511z"
    />
    <path
        fill="url(#e)"
        d="m42.565 59.773-11.48-6.261c-2.78-1.516-2.78-5.507 0-7.024l11.48-6.261c2.665-1.454 5.915.475 5.915 3.511v12.524c0 3.036-3.25 4.965-5.915 3.511z"
    />
</svg>