JSFiddle - React, Tailwind, and code Playground

by ChangJoo Park

HTML

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd"
viewBox="0 0 100 100">
  <style>svg { background-color: white; }</style>
  <g id="UrTavla">
    <circle style="fill:url(#toning);stroke:#009D3E;stroke-width:1.6871;stroke-miterlimit:10;" font-family=
"Apple SD Gothic Neo"
 cx="50" cy="50" r="10">
    </circle>
    <text x="50%" y="50%" text-anchor="middle" font-size="5px" font-weight="bold" dy=".3em">홍대입구</text>
  </g>
</svg>