JSFiddle - React, Tailwind, and code Playground

by Andres Abadia

HTML

<svg version="1.2" id="Layer_1" xmlns:v="https://vecta.io/nano" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 802 702" style="enable-background:new 0 0 742 702; width: 100%;" xml:space="preserve">
    <g id="title_1_">
      <path id="SVGID_x5F_1_x5F_" class="st3" d="M206.4,101.3c0,0,48.1-39.8,149-39.8c87.3,0,141.7,40.8,141.7,40.8"></path>
      <text text="" x="0" y="0" text-anchor="middle">
        <textPath xlink:href="#SVGID_x5F_1_x5F_" startOffset="155">
          <tspan style="font-family:'OpenSans-Bold'; font-size:10px;  letter-spacing:1px;" class="text-fix-large">WELCOME TO WORLD OF PROGRAMMING</tspan>
        </textPath>
      </text>
    </g>
</svg>