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
$(function() {
var
tween_options_to = {
css: {
rotation: 360,
transformOrigin: 'center center'
},
ease: Power0.easeNone,
force3D: true,
repeat:-1
};
TweenMax.to($('svg path'), 2, tween_options_to, 0);
TweenMax.to($('svg > #XMLID_26_'), 10, tween_options_to, 0);
TweenMax.to($('svg > #XMLID_23_'), 7, tween_options_to, 0);
TweenMax.to($('svg > #XMLID_20_'), 4, tween_options_to, 0);
});