use-nested-symbol-viewport.html | Explore in Territory

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

chromium/third_party/blink/web_tests/svg/custom/use-nested-symbol-viewport.html