JSFiddle - React, Tailwind, and code Playground

by Rishi Kumar

HTML

<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 40 40" style="enable-background:new 0 0 40 40;" xml:space="preserve">
<style type="text/css">
	.st0{fill:red;}
</style>
<g>
	<g>
		<path id="ic_admin-b" d="M30.4,23.9c-1.3-2.1-4.6-3.5-9-3.9c-0.2,0-0.4,0.1-0.5,0.2s-0.2,0.2-0.3,0.3C20.4,20.8,20.2,21,20,21
			c-0.2-0.1-0.4-0.3-0.6-0.5c-0.1-0.1-0.2-0.2-0.3-0.3C19,20.1,18.8,20,18.6,20c-4.3,0.3-7.7,1.8-9,3.9c-0.2,0.4-5,8.9-1,13.8
			C8.7,37.9,8.9,38,9.1,38h21.8c0.2,0,0.4-0.1,0.5-0.3C35.4,32.7,30.5,24,30.4,23.9z M21.3,32.8c0,0.1,0,0.2-0.1,0.2l-0.8,1.4
			c-0.1,0.2-0.3,0.3-0.5,0.3s-0.4-0.1-0.5-0.3L18.8,33c0-0.1-0.1-0.2-0.1-0.2l-0.3-10c0-0.2,0.1-0.3,0.2-0.4l1-0.7
			c0.2-0.1,0.4-0.1,0.6,0l1,0.7c0.1,0.1,0.2,0.3,0.2,0.4L21.3,32.8z M19.5,18c-4.1,0-7.5-3.4-7.5-7.5S15.4,3,19.5,3S27,6.4,27,10.5
			S23.6,18,19.5,18z"/>
	</g>
	<g>
		<path class="st0" d="M30.4,23.9c-1.3-2.1-4.6-3.5-9-3.9c-0.2,0-0.4,0.1-0.5,0.2s-0.2,0.2-0.3,0.3C20.4,20.8,20.2,21,20,21
			c-0.2-0.1-0.4-0.3-0.6-0.5c-0.1-0.1-0.2-0.2-0.3-0.3C19,20.1,18.8,20,18.6,20c-4.3,0.3-7.7,1.8-9,3.9c-0.2,0.4-5,8.9-1,13.8
			C8.7,37.9,8.9,38,9.1,38h21.8c0.2,0,0.4-0.1,0.5-0.3C35.4,32.7,30.5,24,30.4,23.9z M21.3,32.8c0,0.1,0,0.2-0.1,0.2l-0.8,1.4
			c-0.1,0.2-0.3,0.3-0.5,0.3s-0.4-0.1-0.5-0.3L18.8,33c0-0.1-0.1-0.2-0.1-0.2l-0.3-10c0-0.2,0.1-0.3,0.2-0.4l1-0.7
			c0.2-0.1,0.4-0.1,0.6,0l1,0.7c0.1,0.1,0.2,0.3,0.2,0.4L21.3,32.8z M19.5,18c-4.1,0-7.5-3.4-7.5-7.5S15.4,3,19.5,3S27,6.4,27,10.5
			S23.6,18,19.5,18z"/>
	</g>
</g>
</svg>


<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 40 40" style="enable-background:new 0 0 40 40;" xml:space="preserve">
<style type="text/css">
	.st0{fill:black;}
</style>
<path class="st0" d="M23,6h10c0.6,0,1,0.4,1,1v10c0,0.6-0.4,1-1,1H23c-0.6,0-1-0.4-1-1V7C22,6.4,22.4,6,23,6z...