Example: The Sierpinski Triangle

01: <svg version="1.1" baseProfile="full"
02:      width="600px" height="600px" viewBox="0 0 600 600"
03:      xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
04: 
05: <defs>
06:    <polygon id="Triangle" points="0,0 600,0 0,600" fill="blue"/>   
07:    <g id="Image1">
08:       <use xlink:href="#Triangle" transform="scale(0.5)"/>
09:       <use xlink:href="#Triangle" transform="translate(300,0) scale(0.5)"/>
10:       <use xlink:href="#Triangle" transform="translate(0,300) scale(0.5)"/>
11:    </g>
12:    <g id="Image2">
13:       <use xlink:href="#Image1" transform="scale(0.5)"/>
14:       <use xlink:href="#Image1" transform="translate(300,0) scale(0.5)"/>
15:       <use xlink:href="#Image1" transform="translate(0,300) scale(0.5)"/>
16:    </g>
17:    <g id="Image3">
18:       <use xlink:href="#Image2" transform="scale(0.5)"/>
19:       <use xlink:href="#Image2" transform="translate(300,0) scale(0.5)"/>
20:       <use xlink:href="#Image2" transform="translate(0,300) scale(0.5)"/>
21:    </g>
22:    <g id="Image4">
23:       <use xlink:href="#Image3" transform="scale(0.5)"/>
24:       <use xlink:href="#Image3" transform="translate(300,0) scale(0.5)"/>
25:       <use xlink:href="#Image3" transform="translate(0,300) scale(0.5)"/>
26:    </g>
27:    <g id="Image5">
28:       <use xlink:href="#Image4" transform="scale(0.5)"/>
29:       <use xlink:href="#Image4" transform="translate(300,0) scale(0.5)"/>
30:       <use xlink:href="#Image4" transform="translate(0,300) scale(0.5)"/>
31:    </g>
32: </defs>
33: 
34: <use xlink:href="#Image5"/>
35: 
36: </svg>
37: 

<svg version="1.1" baseProfile="full"
     width="600px" height="600px" viewBox="0 0 600 600"
     xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">

<defs>
   <polygon id="Triangle" points="0,0 600,0 0,600" fill="blue"/>   
   <g id="Image1">
      <use xlink:href="#Triangle" transform="scale(0.5)"/>
      <use xlink:href="#Triangle" transform="translate(300,0) scale(0.5)"/>
      <use xlink:href="#Triangle" transform="translate(0,300) scale(0.5)"/>
   </g>
   <g id="Image2">
      <use xlink:href="#Image1" transform="scale(0.5)"/>
      <use xlink:href="#Image1" transform="translate(300,0) scale(0.5)"/>
      <use xlink:href="#Image1" transform="translate(0,300) scale(0.5)"/>
   </g>
   <g id="Image3">
      <use xlink:href="#Image2" transform="scale(0.5)"/>
      <use xlink:href="#Image2" transform="translate(300,0) scale(0.5)"/>
      <use xlink:href="#Image2" transform="translate(0,300) scale(0.5)"/>
   </g>
   <g id="Image4">
      <use xlink:href="#Image3" transform="scale(0.5)"/>
      <use xlink:href="#Image3" transform="translate(300,0) scale(0.5)"/>
      <use xlink:href="#Image3" transform="translate(0,300) scale(0.5)"/>
   </g>
   <g id="Image5">
      <use xlink:href="#Image4" transform="scale(0.5)"/>
      <use xlink:href="#Image4" transform="translate(300,0) scale(0.5)"/>
      <use xlink:href="#Image4" transform="translate(0,300) scale(0.5)"/>
   </g>
</defs>

<use xlink:href="#Image5"/>

</svg>