<!DOCTYPE html>
<svg width="200" height="100">
  <rect width="100" height="100" fill="red"/>
  <symbol id="inner">
    <rect width="100" height="100"/>
  </symbol>
  <symbol id="outer">
    <rect x="50%" width="100" height="100" fill="red"/>
    <use xlink:href="#inner" x="50%" fill="green"/>
  </symbol>
  <use xlink:href="#outer" transform="translate(-100, 0)"/>
</svg>
