JSFiddle - React, Tailwind, and code Playground
JavaScript
var svgElement = $('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 210.42 70.55"><title>Asset 1</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><rect width="210.42" height="70.55" style="fill:#fff"/><g id="Text_4" data-name="Text 4"><g style="isolation:isolate"><text transform="translate(114.13 11.74)" style="isolation:isolate;font-size:12px;fill:#4e4e4e;font-family:AvenirNextLTPro-Light, Avenir Next LT Pro">o</text><text transform="translate(121.44 11.74)" style="isolation:isolate;font-size:12px;fill:#4e4e4e;font-family:AvenirNextLTPro-Light, Avenir Next LT Pro">p</text><text transform="translate(129.02 11.74)" style="isolation:isolate;font-size:12px;fill:#4e4e4e;font-family:AvenirNextLTPro-Light, Avenir Next LT Pro">e</text><text transform="translate(135.82 11.74)" style="isolation:isolate;font-size:12px;fill:#4e4e4e;font-family:AvenirNextLTPro-Light, Avenir Next LT Pro">r</text><text transform="translate(139.84 11.74)" style="isolation:isolate;font-size:12px;fill:#4e4e4e;font-family:AvenirNextLTPro-Light, Avenir Next LT Pro">a</text><text transform="translate(146.05 11.74)" style="isolation:isolate;font-size:12px;fill:#4e4e4e;font-family:AvenirNextLTPro-Light, Avenir Next LT Pro">t</text><text transform="translate(149.8 11.74)" style="isolation:isolate;font-size:12px;fill:#4e4e4e;font-family:AvenirNextLTPro-Light, Avenir Next LT Pro">e</text><text transform="translate(156.61 11.74)" style="isolation:isolate;font-size:12px;fill:#4e4e4e;font-family:AvenirNextLTPro-Light, Avenir Next LT Pro">d</text><text transform="translate(164.22 11.74)" style="isolation:isolate;font-size:12px;fill:#4e4e4e;font-family:AvenirNextLTPro-Light, Avenir Next LT Pro"> </text><text transform="translate(167.22 11.74)" style="isolation:isolate;font-size:12px;fill:#4e4e4e;font-family:AvenirNextLTPro-Light, Avenir Next LT Pro;letter-spacing:0.024007161458333332em">f</text><text transform="translate(170.71 11.74)"...