<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="-110 -122 220 275">
 <title>a perfect self-tiling tile set of order 4</title>
 <desc>Lee Sallows's perfect self-tiling tile set of order 4 from http://commons.wikimedia.org/wiki/File:A_perfect_self-tiling_tile_set_of_order_4.png vectorised and coloured by CMG Lee.</desc>
 <defs>
  <pattern id="pattern1" patternUnits="userSpaceOnUse" width="10" height="10">
   <rect x="0" y="0" width="10" height="10" fill="none" stroke="#ffffff" stroke-opacity="0.4"/>
  </pattern>
  <path id="c_base" d="M 0,-20 h 20 v 30 h -20 v 10 h -20 v -20 h 20 z"/>
  <path id="i_base" d="M -10,-20 h 30 v 40 h -20 v -20 h -10 z"/>
  <path id="j_base" d="M -10,-30 h 10 v 10 h 10 v 10 h -10 v 10 h 10 v 30 h -20 z"/>
  <path id="k_base" d="M -20,-10 h 10 v -10 h 10 v 10 h 10 v -10 h 10 v 30 h -40 z"/>
  <g id="c"><use xlink:href="#c_base" fill="#00cc99"/><use xlink:href="#c_base" fill="url(#pattern1)"/></g>
  <g id="i"><use xlink:href="#i_base" fill="#0066ff"/><use xlink:href="#i_base" fill="url(#pattern1)"/></g>
  <g id="j"><use xlink:href="#j_base" fill="#ff0066"/><use xlink:href="#j_base" fill="url(#pattern1)"/></g>
  <g id="k"><use xlink:href="#k_base" fill="#ff9900"/><use xlink:href="#k_base" fill="url(#pattern1)"/></g>
 </defs>
 <circle cx="0" cy="0" r="9999" fill="#eeeeee"/>
 <rect x="-50" y="-60" width="100" height="130" fill="#ffffff" stroke="#999999"/>
 <g fill="#000000" stroke="#000000" stroke-linecap="round">
  <path d="M -40,-10 l -60,-20 l 80,-80 l 20,60 m 10,0 l 30,-60 l 60,80 l -60,20 m 0,70 v -30 l 60,50 v 60 h -80 l -20,-80 m -20,0 l -40,80 l -40,-120 l 60,-20" fill-opacity="0.1" stroke-dasharray="0,2"/>
  <use xlink:href="#c" transform="translate(-20,-30) scale(1,-1) rotate(90)"/>
  <use xlink:href="#i" transform="translate( 20,-30)"/>
  <use xlink:href="#j" transform="translate(-30, 30)"/>
  <use xlink:href="#k" transform="translate( 20, 50)"/>
  <g transform="translate(-60,-70)">
   <use xlink:href="#c" transform="translate(-20,  0)"/>
   <use xlink:href="#i" transform="translate(-20, 20) rotate(90)"/>
   <use xlink:href="#j" transform="translate( 10,-30) rotate(90)"/>
   <use xlink:href="#k" transform="translate( 20,-10)"/>
  </g>
  <g transform="translate(70,-70)">
   <use xlink:href="#c" transform="translate( 10,  0)"/>
   <use xlink:href="#i" transform="translate( 10, 20) rotate(90)"/>
   <use xlink:href="#j" transform="translate(  0,-30) scale(-1,1) rotate(90)"/>
   <use xlink:href="#k" transform="translate(-10,-10) scale(-1,1)"/>
  </g>
  <g transform="translate(-80,80)">
   <use xlink:href="#c" transform="translate(  0,-40) scale(-1,1)"/>
   <use xlink:href="#i" transform="translate(  0, 40) scale(-1,1) rotate(90)"/>
   <use xlink:href="#j" transform="translate(-10,  0) scale(1,-1)"/>
   <use xlink:href="#k" transform="translate( 10, 20) rotate(270)"/>
  </g>
  <g transform="translate(60,110)">
   <use xlink:href="#c" transform="translate(-20,-10)"/>
   <use xlink:href="#i" transform="translate(-20, 10) rotate(90)"/>
   <use xlink:href="#j" transform="translate( 30,  0) scale(-1)"/>
   <use xlink:href="#k" transform="translate( 10, 10) rotate(90)"/>
  </g>
 </g>
</svg>
