JSFiddle - React, Tailwind, and code Playground

by edwardsharp

HTML

<?xml version="1.0" encoding="utf-8"?>
<svg viewBox="19.999984741210938 10.000146865844727 250.0000457763672 120.70325469970703" width="250.0000457763672" height="120.70325469970703" xmlns="http://www.w3.org/2000/svg">
  <g id="layer1" transform="matrix(0.37107720971107483, 0, 0, 0.37107720971107483, 115.97487757354975, 266.0278359164366)">
    <g id="g3219" style="stroke:#000000" transform="matrix(2.032883, 0, 0, 2.049009, -396.089905, -1770.527832)">
      <path id="path2427" style="fill-rule:evenodd;stroke:#000000;stroke-width:2;fill:#ffffff" d="m67.614 570.42c24.468-13.1 45.356-11.78 66.046-23.06 11.09 2.43 19.35 1.45 26.99-0.27 23.43 10.79 44.03 12.52 66.04 23.59-1.83 11.56-5.86 21.55-12.58 29.61-8.15-4.37-15.87-6.1-23.32-6.29l-0.53 78.62c-32.12 5.99-59.35 3.4-85.96-0.26l-0.26-78.09c-9.369-0.28-16.499 3.19-23.847 6.29-7.067-9.64-10.369-19.81-12.579-30.14z"/>
      <path id="path3205" style="stroke:#000000;stroke-width:1px;fill:none" d="m133.39 547.62c-0.23 2.32 1.7 12.73 13.89 13.36 11.94 0.62 14.28-11.53 13.89-13.1"/>
      <path id="path3207" style="stroke:#000000;stroke-width:1px;fill:none" d="m128.21 550.42c-0.23 2.32 4.58 15.11 18.35 15.46 14.03 0.36 19.78-14.68 19.39-16.25"/>
      <path id="path3209" style="stroke:#000000;stroke-width:1px;fill:none" d="m134.52 552.33c8.54 2.24 16.08 1.76 25.32-0.2"/>
      <path id="path3213" style="stroke:#000000;stroke-width:1px;fill:none" d="m104.16 558.28c2.58 9.89 6.84 21.49-0.26 35.38"/>
      <path id="path3215" style="stroke:#000000;stroke-width:1px;fill:none" d="m190.38 558.48c-2.58 9.89-6.84 21.49 0.26 35.38"/>
    </g>
    <g id="g3272" style="stroke:#000000" transform="matrix(2.032883, 0, 0, 2.049009, -45.758499, -1770.527832)">
      <path id="path3274" style="fill-rule:evenodd;stroke:#000000;stroke-width:2;fill:#ffffff" d="m67.614 570.42c24.468-13.1 45.356-11.78 66.046-23.06 11.09 2.43 19.35 1.45 26.99-0.27 23.43 10.79 44.03 12.52 66.04 23.59-1.83 11.56-5.86 21.55-12.58...