JSFiddle - React, Tailwind, and code Playground

HTML

<svg
   xmlns:dc="http://purl.org/dc/elements/1.1/"
   xmlns:cc="http://creativecommons.org/ns#"
   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
   xmlns:svg="http://www.w3.org/2000/svg"
   xmlns="http://www.w3.org/2000/svg"
   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
   id="svg2985"
   version="1.1"
   inkscape:version="0.48.4 r9939"
   width="330"
   height="435"
   sodipodi:docname="ad.svg">
  <metadata
     id="metadata2991">
    <rdf:RDF>
      <cc:Work
         rdf:about="">
        <dc:format>image/svg+xml</dc:format>
        <dc:type
           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
        <dc:title></dc:title>
      </cc:Work>
    </rdf:RDF>
  </metadata>
  <defs
     id="defs2989">
    <inkscape:path-effect
       effect="spiro"
       id="path-effect3027"
       is_visible="true" />
    <inkscape:path-effect
       effect="spiro"
       id="path-effect3023"
       is_visible="true" />
    <inkscape:path-effect
       effect="spiro"
       id="path-effect3019"
       is_visible="true" />
    <inkscape:path-effect
       effect="spiro"
       id="path-effect3007"
       is_visible="true" />
    <inkscape:path-effect
       effect="spiro"
       id="path-effect2999"
       is_visible="true" />
  </defs>
  <sodipodi:namedview
     pagecolor="#ffffff"
     bordercolor="#666666"
     borderopacity="1"
     objecttolerance="10"
     gridtolerance="10"
     guidetolerance="10"
     inkscape:pageopacity="0"
     inkscape:pageshadow="2"
     inkscape:window-width="1920"
     inkscape:window-height="1058"
     id="namedview2987"
     showgrid="true"
     inkscape:zoom="11.313709"
     inkscape:cx="33.549412"
     inkscape:cy="22.545695"
     inkscape:window-x="-8"
     inkscape:window-y="-8"
     inkscape:window-maximized="1"
     inkscape:current-layer="svg2985">
    <inkscape:grid
       type="xygrid"
       id="grid2995" />
 ...