JSFiddle - React, Tailwind, and code Playground

HTML

<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="0 0 76.8 76.5" style="enable-background:new 0 0 76.8 76.5;" xml:space="preserve">
<g>
	<path class="stroke" d="M60.4,74.8c-3.4,0-6.7-1.2-9.3-3.3c-0.3-0.2-0.7-0.4-1-0.4c-0.2,0-0.4,0-0.6,0.1c-3.8,1.4-7.9,2.1-12,2.1
		c-19.8,0-35.9-16.1-35.9-35.8S17.7,1.6,37.5,1.6s35.8,16.1,35.8,35.9c0,4.1-0.7,8-2,11.8c-0.2,0.6-0.1,1.2,0.3,1.6
		c2.3,2.6,3.5,5.9,3.5,9.4C75.2,68.3,68.6,74.8,60.4,74.8z"/>
	
</g>
</svg>

CSS

body{
/* background:#fff;*/
}
svg{
 /* display:block;*/
  /*width:50%;*/
 /* margin:auto;*/
}
.stroke{
/*  fill:#f7f5fa;
  stroke:#ae9fb2;
  stroke-width:3.3;*/
 }