JSFiddle - React, Tailwind, and code Playground

HTML

<svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 1040 200">

 <g id="layer1" transform="translate(0,-308.2677)">
  <g id="g3778" transform="translate(0,-258)">
   <g id="g3766" stroke-dasharray="none" stroke-width="3" stroke-miterlimit="4" transform="translate(-40.285714,2.8571429)">
    <rect id="rect3768" transform="matrix(0.69556326,-0.71846486,0.79361243,0.60842363,0,0)" height="120.01" width="123.33" y="575.43" x="-437.52"/>
    <rect id="rect3770" opacity="0.69784" transform="matrix(0.68542433,-0.72814386,0.78526509,0.6191597,0,0)" height="88.745" width="91.574" y="519.29" x="-464.38"/>
    <rect id="rect3772" opacity="0.2554" transform="matrix(0.65151681,-0.7586342,0.75659619,0.65388241,0,0)" height="64.292" width="67.246" y="458.06" x="-469.14"/>
   </g>
   <g id="g3761" stroke-dasharray="none" stroke-width="3" stroke-miterlimit="4" transform="matrix(-1,0,0,-1,1086.8571,1309.8672)">
    <rect id="rect2985" transform="matrix(0.69556326,-0.71846486,0.79361243,0.60842363,0,0)" height="120.01" width="123.33" y="575.43" x="-437.52"/>
    <rect id="rect2987" opacity="0.69784" transform="matrix(0.68542433,-0.72814386,0.78526509,0.6191597,0,0)" height="88.745" width="91.574" y="519.29" x="-464.38"/>
    <rect id="rect2989" opacity="0.2554" transform="matrix(0.65151681,-0.7586342,0.75659619,0.65388241,0,0)" height="64.292" width="67.246" y="458.06" x="-469.14"/>
   </g>
   <text id="text3774" style="letter-spacing:0px;word-spacing:0px;" line-height="125%" font-weight="normal" font-size="40px" font-style="normal" y="672.07648" x="317.71426" font-family="Sans" xml:space="preserve" fill="#000000"><tspan id="tspan3776" font-size="64px" y="672.07648" x="317.71426">simple works</tspan></text>
  </g>
 </g>
</svg>