svg image in image

test.svg

<!-- Learn about this code on MDN: https://developer.mozilla.org/en-US/docs/Web/SVG/Element/feImage -->

<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"
    xmlns:xlink="http://www.w3.org/1999/xlink">
  <defs>
        <filter id="image">
      <feImage xlink:href="https://gist.githubusercontent.com/CarlRosell/ee6ca8d35f1fb0153a200bd18b27e92d/raw/dfd13fb87eaa052b0013754e76a5ec476f9bf3b8/test.svg"/>
    </filter>
  </defs>
  <rect x="0" y="0" width="100" height="100" style="filter:url(#image);"/>
  <rect x="100" y="100" width="100" height="100" style="fill:red;"/>
</svg>