JSFiddle - React, Tailwind, and code Playground

by Sahin Deniz

HTML

<svg>
  <symbol viewBox="0 0 1920 1080" id="myCircle">

    <path class="dsa" fill="blue" d="M281.905 416.674c-14.635 13.398-37.094 13.313-51.628-.194l-2.112-1.935C127.403 322.604 61.573 262.406 64.069 187.305a105.899 105.899 0 0 1 44.91-83.038c47.188-31.777 110.766-22.57 147.016 21.292 36.199-43.95 99.85-53.169 147.015-21.292a105.897 105.897 0 0 1 44.91 83.038c2.689 75.101-63.335 135.299-164.095 227.627l-1.92 1.742z"></path>
    <path class="asd" style="fill:pink" d="M447.421 170.154c14.607 14.819 22.565 35.56 21.87 57.007.764 25.409-11.216 49.34-31.47 62.87-7.33 5.12-9.432 15.545-4.721 23.408l22.66 45.814c2.67 5.188 2.564 11.489-.28 16.572-2.844 5.082-8.003 8.19-13.568 8.175h-28.324c-6.018.012-11.515-3.622-14.162-9.364 0 0-21.401-44.476-27.38-57.853-5.98-13.376-34.304-15.717-34.304 0v49.493c0 9.234-7.045 16.72-15.736 16.72h-23.603c-8.69 0-15.736-7.486-15.736-16.72V165.63c.338-8.973 7.285-16.06 15.736-16.052h94.414c20.13-1.73 39.997 5.757 54.604 20.576zm-287.357-20.599c31.796-1.101 62.25 13.349 82.273 39.038 2.809 3.804 3.843 8.709 2.823 13.385-1.02 4.675-3.988 8.637-8.1 10.811l-19.25 9.679c-6.332 3.27-13.991 1.677-18.627-3.871-15.552-18.35-41.046-23.517-62.093-12.583-21.871 10.799-35.951 33.558-36.325 58.717-.595 17.015 5.54 33.54 16.978 45.73 11.437 12.19 27.18 18.982 43.563 18.795 14.59.732 29.092-2.729 41.913-10.001 5.278-6.13 5.278-21.293 0-22.261h-36.325c-8.693 0-15.523-2.259-15.523-11.292V266.99c0-8.91 6.95-16.131 15.523-16.131h73.58c8.574 0 15.524 7.222 15.524 16.13v64.848c.073 4.314-1.488 8.485-4.347 11.614-23.788 26.116-56.984 40.733-91.587 40.328-30.75 1.982-60.9-9.462-83.18-31.573-22.28-22.111-34.668-52.883-34.176-84.894-.844-32.232 11.389-63.35 33.71-85.747 22.322-22.398 52.676-34.014 83.646-32.01zm225.266 52.27h-31.96c-9.593 0-17.37 7.68-17.37 17.154v17.153c0 9.473 7.777 17.153 17.37 17.153h31.96c10.324 1.67 20.672-2.836 26.385-11.49a25.802 25.802 0 0 0 0-28.479c-5.713-8.654-16.061-13.161-26.385-11.49z"></path>

  <style>
    .asd {
      fill:...