JSFiddle - React, Tailwind, and code Playground

by Arpit Agrawal

HTML

<svg width="400" height="120">

    <defs>
        <clipPath id="myClip">
            <circle cx="30" cy="30" r="20"/>
            <circle cx="70" cy="70" r="20"/>
        </clipPath>
    </defs>
	
	<path  fill="none" stroke="blue" d="M7,5c0,0,11,24,34,24
	    
	C64,29,74,5,74,5
	    
	C74,5,83.781,29.57,108.15200000000002,29.57C132.524,29.57,141.66700000000003,5.5,141.66700000000003,5.5C141.66700000000003,5.5,152.52500000000003,29.57,175.18500000000003,29.57C197.84500000000003,29.57,208.703,5.5,208.703,5.5C208.703,5.5,218.42000000000002,29.57,242.224,29.57C266.025,29.57,275.74199999999996,5.5,275.74199999999996,5.5C275.74199999999996,5.5,289.56999999999994,29.57,309.26599999999996,29.57C328.96399999999994,29.57,342.78999999999996,5.5,342.78999999999996,5.5" stroke-width="7" ></path>
</svg>