JSFiddle - React, Tailwind, and code Playground

by Ian B

HTML

<svg width="700" height="800">
		<path id="path6162" fill="purple" stroke="blue" d="M319.01,44.125
			c-54.002-9.676-109.217,19.349-130.596,72.225c-24.521,60.65,4.763,129.711,65.419,154.232c8.633,3.489,17.415,5.855,26.236,7.233
			c0.115,0.018,0.227,0.039,0.338,0.06c6.935,1.42,13.851,3.489,20.648,6.236c60.659,24.521,89.952,93.533,65.429,154.182
			c-21.376,52.874-76.604,81.949-130.602,72.274c128.82,22.958,251.863-62.846,274.816-191.652
			c22.892-128.429-62.369-251.12-190.569-274.59C319.754,44.258,319.382,44.193,319.01,44.125L319.01,44.125z"/>
		

		<path id="path6164" fill="green"  stroke="cyan" stroke-width="1.999" d="M235.945,510.579
			c53.999,9.678,109.215-19.349,130.599-72.226c24.52-60.647-4.764-129.71-65.419-154.23c-8.638-3.492-17.421-5.858-26.238-7.233
			c-0.113-0.018-0.227-0.038-0.341-0.06c-6.936-1.42-13.847-3.486-20.649-6.236c-60.654-24.522-89.948-93.535-65.427-154.183
			c21.381-52.876,76.605-81.95,130.606-72.272C190.251,21.178,67.21,106.984,44.257,235.787
			c-22.889,128.431,62.372,251.122,190.571,274.591C235.201,510.445,235.574,510.512,235.945,510.579L235.945,510.579z"/>
		

<!--
		<path id="path6166" fill="yellow" stroke="red" stroke-width="4.3182" d="M277.679,118.667
			c-18.742-0.112-35.613,12.926-39.63,31.979c-4.593,21.773,9.318,43.182,31.091,47.774c21.775,4.594,43.18-9.368,47.774-31.142
			c4.592-21.772-9.368-43.129-31.142-47.723C283.048,118.982,280.355,118.681,277.679,118.667z M277.679,355.412
			c-18.742-0.11-35.613,12.93-39.63,31.983c-4.593,21.773,9.318,43.181,31.091,47.773c21.775,4.588,43.18-9.367,47.774-31.14
			c4.592-21.778-9.368-43.137-31.142-47.73C283.048,355.727,280.355,355.429,277.679,355.412z"/>
-->
</svg>