JSFiddle - React, Tailwind, and code Playground

HTML

<svg viewbox="0 0 20 20">
  <g>
    <circle cx=10 cy=10 r=10 />
  </g>
</svg>

CSS

html, body {
  height: 100%;
  width: 100%;
}
g {
  transform: translate(10px, 0px);
  -ms-transform: translate(10px, 0px);
  -sand-transform: translate(10px, 0px);
  -webkit-transform: translate(10px, 0px);
}

JavaScript

var g= document.querySelector('g'),
    transform= getComputedStyle(g).getPropertyValue('transform');

g.setAttribute('transform', transform);