JSFiddle - React, Tailwind, and code Playground

by luka kupunia

HTML

<svg xmlns="http://www.w3.org/2000/svg" width="446.967" height="481.383" viewBox="0 0 446.967 481.383">
  <g id="Group_1015" data-name="Group 1015" transform="translate(22585.391 15238.132)">
    <path id="Path_308" data-name="Path 308" d="M-22571.842-15386.693s240.109,31.841,135.975,135.975-292.43-135.014-135.975,135.975,218.043-26.435,218.043-26.435" transform="matrix(0.848, 0.53, -0.53, 0.848, -11338.421, 9806.884)" fill="none" stroke="#0bacd5" stroke-width="5"/>
    <path id="Path_310" data-name="Path 310" d="M-22438.332-14891.974s6.6-31.7,43.582-23.772,51.508,18.489,52.828,21.131-17.168,38.3-70,15.849S-22438.332-14891.974-22438.332-14891.974Z" transform="matrix(0.848, 0.53, -0.53, 0.848, -11254.512, 9359.345)" fill="none" stroke="#0bacd5" stroke-width="5"/>
    <g id="Ellipse_37" data-name="Ellipse 37" transform="translate(-22354.988 -15149.707) rotate(42)" fill="#fff" stroke="#0bacd5" stroke-width="3">
      <ellipse cx="15" cy="7" rx="15" ry="7" stroke="none"/>
      <ellipse cx="15" cy="7" rx="13.5" ry="5.5" fill="none"/>
    </g>
  </g>
</svg>