<style>
#path1 {
	stroke: red;
	stroke-width: 2;
	fill: green;
	fill-rule: evenodd;
 
	transform-origin: 50%;
}
</style>
 
<svg id="svg1" width="200" height="200">
	<defs>
		<g id="path1">
			<path d="M0 100 Q50 20,100 100 Q50 180,0 100 Q50 60,100 100 Q50 140,0 100"></path>
		</g>
	</defs>
	<use href="#path1" transform="rotate(0 100 100)"></use>
	<use href="#path1" transform="rotate(72 100 100)"></use>
	<use href="#path1" transform="rotate(144 100 100)"></use>
	<use href="#path1" transform="rotate(216 100 100)"></use>
	<use href="#path1" transform="rotate(288 100 100)"></use>
</svg>