JSFiddle - React, Tailwind, and code Playground

by Severn101

HTML

<svg xmlns="http://www.w3.org/2000/svg" id="svg"></svg>

CSS

#svg {
  fill: red;
  width: 50px;
  height: 50px;
}

JavaScript

var circle1 = '<circle cx="25" cy="25" r="25" xmlns="http://www.w3.org/2000/svg" />';
var circle2 = '<circle cx="25" cy="25" r="25" />';
var svgElement = document.getElementById('svg');

var parser = new DOMParser();
var doc1 = parser.parseFromString(circle1, "image/svg+xml").documentElement;
var doc2 = parser.parseFromString(circle2, "image/svg+xml").documentElement;

svgElement.appendChild(doc1);
svgElement.appendChild(doc2);