JSFiddle - React, Tailwind, and code Playground

by Csaba Hellinger

HTML

<svg
      xmlns="http://www.w3.org/2000/svg"
      viewBox="-30 0 120 120"
    >
      <g fill="none" fillRule="evenodd" transform="translate(69) scale(-1,1)">
        <g fill="#FEFFFF">
          <path
            id="a"
            d="M19.697.132c8.045 2.74 14.315 5.485 13.42 17.368-8.044-1.828-15.208-6.398-13.42-17.368zm28.6 17.368c8.861 0 21.659 7.482 21.659 21.51 0 19.64-13.782 39.28-21.658 39.28-5.907 0-10.83-3.741-14.767-3.741-3.938 0-7.876 3.74-13.782 3.74-7.876 0-16.736-11.222-18.705-21.51 6.891-4.676 11.814-7.481 11.814-15.898 0-5.612-4.923-11.223-10.83-15.9 2.954-3.74 8.86-7.481 14.767-7.481s12.26 4.439 16.736 4.676c3.938 0 8.86-4.676 14.767-4.676z"
          />
        </g>
      </g>
    </svg>

CSS

body {
    background: black;
}