JSFiddle - React, Tailwind, and code Playground

HTML

<svg width="800" height="600" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
 <!-- Created with SVG-edit - https://github.com/SVG-Edit/svgedit-->
 <g class="layer">
  <title>Layer 1</title>
  <g id="svg_28">
   <path d="m121,179.25c-12.5,22.5 -11,46.5 -11,64.75c0,18.25 1.5,68.5 5.75,96c4.25,27.5 29.25,107.5 34,116c5.75,15 10.5,55.75 14.75,57.25c4.25,1.5 3.5,-4 5.25,-9.25c2.5,3.5 -1,11 4.75,11c5.75,0 6.75,-69.75 10.25,-84.25c15.5,6 41.75,5.75 57.5,-3c2.75,47 4.75,72.5 7.75,76c4.5,1.75 3.25,-6 3,-9.75c2.25,2.25 5,10.75 9.25,10.75c5.75,0.25 7.75,-84.75 7.75,-84.75c0,0 3.5,-114 2.75,-120.75c-0.75,-6.75 -16.5,-89 -17.75,-94.75c-1.25,-5.75 -2.5,-23.25 -2,-25.5c0.5,-2.25 34,1.5 35,0c1,-1.5 -31.5,-36.25 -53,-46c-21.5,-9.75 -41.75,-12.75 -68,-5c-26.25,7.75 -97.25,63 -96,64.75c1.25,1.75 39.5,3.75 42.5,4.25c2,-4.75 2.5,-11 7.5,-17.75z" fill="#000000" fill-opacity="0" id="svg_2" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" stroke-width="5"/>
   <path d="m133.5,409.5c0,0 -23.25,21.5 -39.25,50.5c-16,29 -5,44.25 4.5,54.75c9.5,10.5 36.5,2.75 40,-6.75c4.25,-5 4,-10.75 0,-18.25c-15.75,-15 -24.75,0.25 -17,5c8.25,9.5 -0.5,14 -7.5,11.5c-13.75,-10.25 -15.25,-15.5 -0.5,-41c4.25,-8.75 27.75,-36.75 27.75,-36.75c0,0 -8,-19 -8,-19z" fill="#000000" fill-opacity="0" id="svg_4" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" stroke-width="5"/>
   <path d="m160,167.75c2.33333,-4.41667 10.21667,-7.58333 16,-7.5" fill="#000000" fill-opacity="0" id="svg_8" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" stroke-width="5"/>
   <path d="m219.75,150.5c2.33333,-4.41667 13.16667,-4.08333 18.75,-1.75" fill="#000000" fill-opacity="0" id="svg_9" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" stroke-width="5" transform="matrix(1 0 0 1 0 0)"/>
   <path d="m166.25,185c0.66667,6.16667 8.75,6.33333 14.75,6.5c6,0.16667 12.25,-1.41667 11.75,-7.25c-0.5,-5.83333 -8.58333,-7.66667 -14.25,-7.5c-5.66667,0.16667...