<!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> |