# Pastebin s2nE2bXp
<div class=example>
  <p>Consider a shape that is clipped by a clipping path applied to an ancestor:</p>

  <pre><code class=html>&lt;g clip-path="circle()">
    &lt;path id="shape" d="M0,0 L10,10, L 20,0 z"/>
&lt;/g>
  </code></pre>

  <p>The shape is referenced by a <a>'use'</a> element:</p>
  <pre><code class=html>&lt;use xlink:href="#shape"/>
  </code></pre>

  <p>The geometry of the shape is not influenced by the circular clipping path.</p>
</div>