JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.18.2/TweenMax.min.js"></script>
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 439 483" style="enable-background:new 0 0 439 483;" xml:space="preserve" width="439" height="483">
  <style type="text/css">
    .st0 {
      fill: none;
      stroke: #F99D39;
      stroke-miterlimit: 10;
    }
    
    .st1 {
      fill: #F99D39;
    }
    
    .st2 {
      font-family: 'Open Sans', sans-serif;
    }
    
    .st3 {
      font-size: 15px;
    }
    
    .st4 {
      fill: none;
      stroke: #32A6DE;
      stroke-miterlimit: 10;
    }
    
    .st5 {
      fill: #32A6DE;
    }
    
    .st6 {
      fill: none;
      stroke: #39BFC1;
      stroke-miterlimit: 10;
    }
    
    .st7 {
      fill: #39BFC1;
    }
    
    .st8 {
      font-size: 14px;
    }
    
    .st9 {
      fill: none;
      stroke: #A475B3;
      stroke-miterlimit: 10;
    }
    
    .st10 {
      fill: #A475B3;
    }

  </style>
  <polygon id="XMLID_26_" class="st0" points="358.6,380.9 361.2,394.9 375,394.9 378.3,380.9 391.1,376.8 401.8,387.2 413,379.4 
			408.3,366 413.7,358.7 427.4,363.3 434,350.4 422.9,341.3 424.8,332.4 439,329.6 439,315.7 424.9,313.2 422.5,304.6 433,295.3 
			426.1,283 412,287.4 404.2,279.8 409.8,269.4 398.3,261.8 389.1,271.4 378.1,268 375.3,253.4 360.8,253.4 358.6,267.4 345.2,271.6 
			335,261.7 323.5,268.9 328.6,282.3 322.3,289.1 309,285.1 302.6,297.6 313,306.4 311.3,315.9 297.9,318.1 297.9,332.9 311.7,335.1 
			313.8,344 303.2,353 310.3,365.4 324,360.8 330.6,367.4 325.7,380.2 337.9,387.9 347.4,377.6 " />
  <circle id="XMLID_25_" class="st0" cx="368.5" cy="324.1" r="47.7" />
  <text id="XMLID_24_" transform="matrix(1 0 0 1 348.8607 318.6875)">
    <tspan x="0" y="0" class="st1 st2 st3">COST</tspan>
    <tspan x="-9" y="18" class="st1 st2 st3">SAVING</tspan>
  </text>
  <polygon id="XMLID_23_" class="st4" points="262.5,241.4...

JavaScript

$(() => {
    const tweenOptions = {
        css: {
            rotation: 360,
            transformOrigin: "center center"
        },
        ease: Linear.easeNone,
        force3D: true
    };
    const timelines = [];
    for (let i = 0; i < 4; ++i) {
        timelines.push(new TimelineMax({
            repeat: -1
        }));
    }
    timelines[0].to($("svg > path"), 10, tweenOptions, 0);
    timelines[1].to($("svg > #XMLID_26_"), 5, tweenOptions, 0)
    timelines[2].to($("svg > #XMLID_23_"), 70, tweenOptions, 0)
    timelines[3].to($("svg > #XMLID_20_"), 65, tweenOptions, 0);
});