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