JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/snap.svg/0.3.0/snap.svg-min.js"></script>
<svg version="1.1" id="main" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 700 700" enable-background="new 0 0 700 700" xml:space="preserve">

        <svg id="blackBrain" x="150px" width="250" height="250" viewBox="0 0 800 550">
            <g>
                <g>
                    <g>
                        <g>
                            <path fill="#454041" d="M507.1,598.1c14.2,16.5,28.9,33,41.2,51c2.9,4.2,8.8,7.9,12.8,4.7c3.3-2.6,2.5-7.7,1.4-11.8
                    c-6.7-26.7-9.4-54.4-8-81.9c0.5-9.8,1.7-20.1,7.5-27.9c2.8-3.8,6.5-6.8,9.3-10.5c2.8-3.7,4.8-8.6,3.4-13.1
                    c-2.5-7.9-22.5-8.7-29.3-9.9c-14.2-2.5-28.6-3.6-43.1-3.3c-28.8,0.6-57.5,6.7-83.9,18.4c-1.7,0.7-1.8,3-0.2,4
                    C451.8,537.2,480.4,567,507.1,598.1z" />
                        </g>
                        <g>
                            <path fill="#454041" d="M678.8,356.3c18.1-24.7,26.3-55.4,18-84.8c-20-70.9-71.9-91.8-95.2-97.1c-7.3-1.7-13.4-6.7-16.6-13.4
                    c-11.5-23.9-29.2-37.1-53.3-38.1c-14.4-0.6-27.6-7.3-36.3-18.7c-45.4-59.5-151.7-73.6-200.3-44.7c-8.9,5.3-19.6,7-29.6,4.2
                    c-21.2-5.8-56.5,1-65.9,30.7c-3.2,10.3-12.3,17.3-23.1,17.7C126.9,114,75.6,149.5,75,202.7c0,0.5,0.1,1.4,0.1,2.5
                    c-14,7.9-25.4,20.4-31.9,35.2c-4.2,9.7-6.2,20.3-6.1,30.9C12.3,293-3,326.4,0.5,359.6c3.9,36.8,30.4,69,63.9,83.6
                    c0.9,20.1,13.6,39.7,32.2,47.6c9.9,4.2,21,4.9,31.5,2.6c15.8,22.2,39.3,38.9,65.7,45.2c28.7,6.8,59.8,1,84.9-14.3
                    c16,12.8,37.9,18.3,58,12.9c7.4-2,14.3-5.1,20.9-8.9c31.9,10.4,67.9,9.2,98.4-4.6c12.8-5.8,27.8-0.1,33,12.9
                    c2.4,5.9,5,12.4,7.7,19.4c9.5,24.2,45.2,18.8,47-7.1c0.1-0.7,0.1-1.4,0.2-2.1c1.1-15,15.4-25.1,30.1-21.9
                   ...

JavaScript

var s = Snap("#main");

var orange = s.select("#orgBearing");

rotating();

function rotating() {
    
    var bbox = orange.getBBox(); //bounding box, get coords and centre

    orange.stop().animate({ transform: "r360," + bbox.cx + ',' + bbox.cy }, 1000);
    /*orange.stop().animate({
        transform: 'R360 126.7 126.7'
    }, 1000);*/
    // rotating();
}