JSFiddle - React, Tailwind, and code Playground

HTML

<svg id="src" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="100" height="100">
  <rect width="100" height="100" fill="yellow" />
  <circle cx="40" cy="60" r="20" fill="#900" stroke="#000" stroke-width="4" />
</svg>

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 200 200" width="200" height="200">
    <use xlink:href="#src" transform="rotate(30)" x="80" y="-10" width="150" height="150" />
</svg>

CSS

svg { display:block; border:3px double red; margin:1em auto }

JavaScript

var c = document.querySelector('circle');
setInterval(function(){
  c.setAttribute('cx',c.getAttribute('cx')*1+Math.random()-0.5);
  c.setAttribute('cy',c.getAttribute('cy')*1+Math.random()-0.5);
},20);