JSFiddle - React, Tailwind, and code Playground

by alekskorovin

HTML

<?xml version="1.0" encoding="iso-8859-1" ?> 
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG Tiny 1.1//EN"
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11-tiny.dtd">
<svg width="500px" height="500px" viewBox="0 0 500 500" 
  xmlns="http://www.w3.org/2000/svg" version="1.1" baseProfile="tiny"
  xmlns:xlink="http://www.w3.org/1999/xlink">




<path id="shape_path" />
<animate xlink:href="#shape_path"
	attributeName="d"
	attributeType="XML"
	from="M12.309,198.552c0-56.941,17.208-101.701,51.626-134.277c34.417-32.573,81.855-48.863,142.316-48.863
			c60.124,0,107.397,16.247,141.814,48.737c34.418,32.494,51.626,77.294,51.626,134.403c0,56.944-17.169,101.618-51.5,134.026
			c-34.334,32.408-81.647,48.612-141.94,48.612c-60.461,0-107.899-16.243-142.316-48.737
			C29.517,299.963,12.309,255.328,12.309,198.552z"
        to="M17.783,149.833c14.302-55.115,92.375-8.779,133.873-31.667c41.494-22.884,41.33-112.075,99.854-96.888
			c58.195,15.102,14.533,92.875,39.688,132.968c25.152,40.098,115.895,37.609,101.549,92.889
			c-14.303,55.118-92.316,8.709-133.688,31.455c-41.373,22.745-41.066,111.884-99.425,96.74
			c-58.523-15.187-12.511-102.678-37.662-142.774C96.818,192.463,3.522,204.789,17.783,149.833z"
	dur="3s"
	fill="freeze" />

	
</svg>