Orange slice puzzle in SVG

See Orange slices problem posted by Tim Urban on Twitter.

<svg height="250" width="250" xmlns="http://www.w3.org/2000/svg">
<defs>
<path id='q' d="M 0 0 100 0 0 100 A 50 50 0 1 0 0 0"
fill="orange" stroke="black" fill-rule="evenodd" stroke-linejoin="bevel"/>
</defs>
<g transform="translate(125 125)">
<use href='#q'/>
<g transform="rotate(90)"><use href='#q'/></g>
<g transform="rotate(180)"><use href='#q'/></g>
<g transform="rotate(270)"><use href='#q'/></g>
</g>
</svg>

(download)