JSFiddle - React, Tailwind, and code Playground

by atheer Salim

HTML

<svg enable-background="new 0 0 800 600"  viewBox="0 0 800 600" xml:space="preserve" xmlns="http://www.w3.org/2000/svg">
	<path class="st0" d="m261.6 299.5c-11.1 0-20.1-9-20.1-20.1v-103.8c0-11.1 9-20.1 20.1-20.1h180.6l11.9 7.4c17.7 11 29 29.2 31 49.9s-5.5 40.7-20.8 54.9l-34.1 31.8h-168.6z"/>
	<path d="m442.1 156l11.7 7.3c17.6 10.9 28.8 28.9 30.8 49.5s-5.5 40.4-20.6 54.5l-34 31.7h-168.4c-10.8 0-19.6-8.8-19.6-19.6v-103.8c0-10.8 8.8-19.6 19.6-19.6h180.5m0.2-1h-180.7c-11.4 0-20.6 9.2-20.6 20.6v103.8c0 11.4 9.2 20.6 20.6 20.6h168.8l34.2-32c32.2-30 27.1-82.4-10.3-105.6l-12-7.4z"/>
	<path class="st1" d="m431.7 299.5l33.3-31.1c15.5-14.4 23.1-34.7 21.1-55.8-2.1-21-13.5-39.5-31.5-50.6l-10.5-6.5h114.3c11.1 0 20.1 9 20.1 20.1v103.8c0 11.1-9 20.1-20.1 20.1h-126.7z"/>
	<path d="m558.4 156c10.8 0 19.6 8.8 19.6 19.6v103.8c0 10.8-8.8 19.6-19.6 19.6h-125.5l32.4-30.2c15.6-14.5 23.3-35 21.2-56.2s-13.6-39.8-31.7-51l-9-5.6h112.6m0-1h-116l12 7.4c37.4 23.2 42.5 75.6 10.3 105.6l-34.2 32h128c11.4 0 20.6-9.2 20.6-20.6v-103.8c-0.1-11.4-9.3-20.6-20.7-20.6z"/>
</svg>

CSS

.st0{
  fill:#FF0000;
}

.st1{
  fill:#A67C52;
}

body {background:green;}