JSFiddle - React, Tailwind, and code Playground

by kthornbloom

HTML

<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 23.0.4, 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 200 200" style="enable-background:new 0 0 200 200;" xml:space="preserve">
<g>
	<g>
		<g>
			<defs>
				<path id="SVGID_1_" d="M48.3,24l0-0.3c0-4.5,3.7-8.2,8.2-8.3c4.5,0,8.2,3.7,8.3,8.2l0,0.3L48.3,24z"/>
			</defs>
			<clipPath id="SVGID_2_">
				<use xlink:href="#SVGID_1_"  style="overflow:visible;"/>
			</clipPath>
			<g style="clip-path:url(#SVGID_2_);">
				
					<image style="overflow:visible;" width="16.6" height="34" xlink:href="528D52ABA86471E0.png"  transform="matrix(1 0 0 1 48.1664 -9.3369)"/>
			</g>
		</g>
		
			<image style="overflow:visible;" width="103" height="160.7" xlink:href="528D52ABA86471E1.png"  transform="matrix(1 0 0 1 48.2619 23.6153)"/>
		<g>
			<defs>
				<path id="SVGID_3_" d="M64.7,176.1l0,0.3c0,4.5-3.8,8.2-8.3,8.2s-8.2-3.8-8.2-8.3l0-0.3L64.7,176.1z"/>
			</defs>
			<clipPath id="SVGID_4_">
				<use xlink:href="#SVGID_3_"  style="overflow:visible;"/>
			</clipPath>
			<g style="clip-path:url(#SVGID_4_);">
				
					<image style="overflow:visible;" width="16.7" height="34.1" xlink:href="528D52ABA86471E7.png"  transform="matrix(1 0 0 1 48.0092 175.315)"/>
			</g>
		</g>
	</g>
</g>
</svg>