JSFiddle - React, Tailwind, and code Playground

HTML

<svg x="0px" y="0px" width="529.9px" height="529.9px" viewBox="0 0 529.9 529.9" style="enable-background:new 0 0 529.9 529.9;"
	 xml:space="preserve">
<defs>
</defs>
<path class="st0" d="M241.9,1l0.5,0c7.5-0.6,15-1,22.6-1v26.5c-6.8,0-13.6,0.3-20.3,0.9l-0.5,0L241.9,1z"/>
<path class="st1" d="M219,4l0.5-0.1c7.4-1.3,14.9-2.3,22.4-2.9l2.3,26.4c-6.8,0.6-13.5,1.5-20.2,2.6l-0.5,0.1L219,4z"/>
<path class="st0" d="M196.4,9c0.2,0,0.3-0.1,0.5-0.1C204.1,7,211.5,5.3,219,4l4.6,26.1c-6.7,1.2-13.4,2.6-19.9,4.4l-0.4,0.1L196.4,9
	z"/>
<path class="st1" d="M174.3,16l0.4-0.2c7.1-2.6,14.3-4.8,21.6-6.8l6.9,25.6c-6.6,1.8-13.1,3.8-19.4,6.1l-0.4,0.2L174.3,16z"/>
<path class="st0" d="M153,24.8l0.4-0.2c6.8-3.2,13.8-6.1,20.9-8.7l9.1,24.9c-6.4,2.3-12.7,4.9-18.8,7.8l-0.4,0.2L153,24.8z"/>
<path class="st1" d="M132.5,35.5l0.4-0.2c6.5-3.8,13.3-7.3,20.1-10.5l11.2,24c-6.2,2.9-12.2,6-18.1,9.4l-0.4,0.2L132.5,35.5z"/>
<path class="st0" d="M113,47.9l0.3-0.2c6.2-4.3,12.6-8.4,19.2-12.2l13.2,22.9c-5.9,3.4-11.6,7.1-17.2,11l-0.3,0.2L113,47.9z"/>
<path class="st1" d="M94.7,62l0.3-0.2c5.8-4.9,11.8-9.5,18-13.8l15.2,21.7c-5.6,3.9-11,8.1-16.2,12.4l-0.3,0.2L94.7,62z"/>
<path class="st0" d="M77.6,77.6l0.2-0.2c5.4-5.4,11-10.5,16.8-15.4l17,20.3c-5.2,4.4-10.3,9-15.1,13.8l-0.2,0.2L77.6,77.6z"/>
<path class="st1" d="M62,94.7l0.2-0.2c4.9-5.8,10-11.4,15.4-16.8l18.7,18.7c-4.8,4.8-9.5,9.9-13.9,15.1l-0.2,0.2L62,94.7z"/>
<path class="st0" d="M47.9,113l0.2-0.2c4.4-6.2,9-12.3,13.9-18.1l20.3,17c-4.4,5.2-8.6,10.7-12.5,16.3l-0.2,0.2L47.9,113z"/>
<path class="st1" d="M35.5,132.5l0.1-0.2c3.8-6.6,7.9-13,12.3-19.3l21.7,15.2c-3.9,5.6-7.6,11.4-11.1,17.3l-0.1,0.2L35.5,132.5z"/>
<path class="st0" d="M24.8,153l0.1-0.2c3.3-6.9,6.8-13.7,10.6-20.3l22.9,13.2c-3.4,5.9-6.6,12-9.5,18.3l-0.1,0.2L24.8,153z"/>
<path class="st1" d="M15.9,174.3l0.1-0.2c2.6-7.2,5.6-14.3,8.8-21.2l24,11.2c-2.9,6.2-5.6,12.6-7.9,19.1l-0.1,0.2L15.9,174.3z"/>
<path class="st0"...

CSS

.st0{fill-rule:evenodd;clip-rule:evenodd;fill:#E1A0B4;}
.st1{fill-rule:evenodd;clip-rule:evenodd;fill:#A46C7F;}
.st2{fill-rule:evenodd;clip-rule:evenodd;fill:#6392CC;}
.st3{fill-rule:evenodd;clip-rule:evenodd;fill:#A1C3E7;}
.st4{fill-rule:evenodd;clip-rule:evenodd;fill:#82CCAE;}
.st5{fill-rule:evenodd;clip-rule:evenodd;fill:#53AF89;}
.st6{fill-rule:evenodd;clip-rule:evenodd;fill:#5B5658;}
.st7{fill-rule:evenodd;clip-rule:evenodd;fill:#928B8D;}

svg {
  height: 500px;
  width: 500px;
  display: block;
  margin: 50px auto;
}