JSFiddle - React, Tailwind, and code Playground

HTML

<svg xml:space="preserve" preserveAspectRatio= "xMinYMin meet" enable-background="new 0 0 50 50" viewBox="0 0 50 50" width="500px" height="500px" y="0px" x="0px" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" version="1.1">
<defs><radialGradient id="rgrad" cx="50%" cy="50%" r="75%" gradientUnits="userSpaceOnUse">
<stop offset="0%" style="stop-color:#d2ff52;stop-opacity:1" />
<stop offset="100%" style="stop-color:#91e842;stop-opacity:1" />    
</radialGradient> 

<style type="text/css" >
<![CDATA[
g {  stroke: #39A02E;  
stroke-width: 5;  
fill:url(#rgrad);}

]]>
</style></defs>    
<g>



<path d="M36.462,27.831l0.303-0.304l-2.748-3.97c-5.42,5.079-11.415,10.086-16.231,13.514l3.658,9.811l-2.619,2.617l-4.678-10.011
	c-2.748,1.662-4.728,2.406-5.382,1.747c-0.659-0.657,0.086-2.639,1.747-5.383L0.5,31.173l2.618-2.618l9.809,3.66
	c3.427-4.819,8.435-10.815,13.514-16.232l-3.971-2.75l-0.303,0.303c-0.529,0.529-1.82,0.096-2.884-0.97
	c-0.801-0.8-1.245-1.73-1.19-2.366L9.769,4.434l7.154-2.617l6.944,2.315l2.105-2.107c0.526-0.529,1.819-0.094,2.88,0.972
	c1.066,1.063,1.501,2.354,0.972,2.883l-0.182,0.18l5.111,1.705c8.006-7.183,12.173-8.313,13.985-6.5
	c1.811,1.81,0.681,5.978-6.502,13.984l1.706,5.112l0.182-0.181c0.529-0.529,1.817-0.095,2.883,0.97
	c1.062,1.063,1.498,2.354,0.971,2.883L45.87,26.14l2.316,6.94l-2.617,7.156l-5.768-8.325c-0.636,0.056-1.563-0.386-2.367-1.188
	C36.368,29.65,35.933,28.36,36.462,27.831z"/>

</g>
</svg>