JSFiddle - React, Tailwind, and code Playground

HTML

<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="0 0 612 792" style="enable-background:new 0 0 612 792;" xml:space="preserve">
<symbol  id="New_Symbol" viewBox="-13.1 -13.7 26.3 31.4">
	<g>
		<path d="M-5.6-3.8l-3.3-9.9h-4.2l10.7,31.4h4.9l10.7-31.4H8.9L5.5-3.8H-5.6z M4.7-0.6l-3.1,9c-0.7,2.1-1.2,3.9-1.6,5.7h-0.1
			c-0.5-1.9-1-3.8-1.6-5.7l-3.1-9.1H4.7z"/>
	</g>
</symbol>
<use xlink:href="#New_Symbol"  width="26.3" height="31.4" x="-13.1" y="-13.7" transform="matrix(1 0 0 -1 125.9414 300.3096)" style="overflow:visible;"/>
<use xlink:href="#New_Symbol"  width="26.3" height="31.4" x="-13.1" y="-13.7" transform="matrix(0.9107 0.413 0.413 -0.9107 209.4414 300.3096)" style="overflow:visible;"/>
<use xlink:href="#New_Symbol"  width="26.3" height="31.4" x="-13.1" y="-13.7" transform="matrix(0.6007 -0.7994 -0.7994 -0.6007 115.1914 394.5596)" style="overflow:visible;"/>
<use xlink:href="#New_Symbol"  width="26.3" height="31.4" x="-13.1" y="-13.7" transform="matrix(0.8421 0.5392 0.5392 -0.8421 228.1914 394.5596)" style="overflow:visible;"/>
</svg>