JSFiddle - React, Tailwind, and code Playground

by ecmanaut

HTML

<svg viewBox="0 0 360 440" fill="#a4c639" xmlns="http://www.w3.org/2000/svg">
 <rect x="0" y="0" width="360" height="440" fill="red"/>
 <path d="m326,147c-14,0-25,12-26,26v102c0,14 11,26 26,26s26-12 26-26v-102c0-14-11-26-26-26zm-309,0c-14,0-26,12-26,26v102c0,14 11,26 26,26 14,0 26-12 26-26v-102c-0-14-11-26-26-26z"></path>
 <path d="m58,148v186c0,11 9,20 20,20h23v57c0,14 11,26 26,26s26-12 26-26v-57h40v57c0,14 11,26 26,26s26-12 26-26v-57h23c11,0 20-9 20-20v-186h-228z"></path>
 <path d="m226,54 21-31c1-1.8.9-4-1-5-2-1-4-.5-5,1l-22,32c-14-6-30-9-47-9-17,0-33,3-47,9l-22-32c-1-2-4-2-5-1s-2,3.5-1,5l21,31c-33.5,15-57,45-60,80h228c-3-34.5-26-64-60-80zm-102,48c-7,0-12.6-5.6-12.6-12.6 0-7 5.6-12.6 12.6-12.6s12.6,5.6 12.6,12.6-5.6,12.6-12.6,12.6zm98,0c-7,0-12.6-5.6-12.6-12.6 0-7 5.6-12.6 12.6-12.6s12.6,5.6 12.6,12.6-5.6,12.6-12.6,12.6z"></path>
</svg>

JavaScript

/*

viewBox finding demo for https://github.com/johan/kilobyte-svg-challenge/pull/23

*/