JSFiddle - React, Tailwind, and code Playground
by stovberpv
HTML
<svg xmlns="http://www.w3.org/2000/svg" width='500' height='500' viewBox="0 -50 293 600">
<g>
<path fill="#cdd4de" class='outer top left' d="M16 34.5a16 16 0 0 0-16 16v13.61L37.68 84.4l-20.3-49.9z"/>
<path fill="#c5ccd6" class='outer top left' d="M143.83 0h-37.08c-5.11 0-10.49 3.48-12.12 8l-9.45 26.5H75.5V24.08a5.58 5.58 0 0 0-5.58-5.58H31.08a5.58 5.58 0 0 0-5.58 5.58V34.5h-8.12l20.3 49.95 32.62 17.56a81 81 0 0 1 73.53-53.51z"/>
<path fill="#b4bdc6" class='outer top right' d="M202.2 70.72l20.3-7.48V56.5a6 6 0 0 1 6-6h28.59l31.05-11.44A16 16 0 0 0 277 34.5h-69.18l-9.45-26.47c-1.62-4.55-7-8-12.12-8h-42.42V48.5c.89 0 1.77-.05 2.67-.05a80.7 80.7 0 0 1 55.7 22.27z"/>
<path fill="#2626" class='outer right' d="M288.14 39.05L257.09 50.5h10.41a6 6 0 0 1 4.8 2.41l17.43-12a16.2 16.2 0 0 0-1.59-1.86zM228.5 72.5a6 6 0 0 1-6-6v-3.25l-20.3 7.48a81.43 81.43 0 0 1 15.37 19.93l26.32-18.16z"/>
<path fill="#cfd3de" class='outer right' d="M272.3 52.9a6 6 0 0 1 1.2 3.6v10a6 6 0 0 1-6 6h-23.61l-26.32 18.15a81 81 0 0 1-6.18 87.33l77.46 41.71a16 16 0 0 0 4.15-10.74V50.5a15.93 15.93 0 0 0-3.27-9.66z"/>
<path fill="#d9dce5" class='outer left' d="M66 120.92A80.66 80.66 0 0 1 70.32 102L37.68 84.44l16.58 40.79z"/>
<path fill="#afb8c1" class='outer left' d="M37.67 84.44L0 64.16v81.07l54.26-19.99-16.59-40.8z"/>
<path fill="#d9dce5" class='outer left' d="M65.5 129.5a81.51 81.51 0 0 1 .47-8.58l-11.71 4.32 24.47 60.21 5.46-4.2A80.66 80.66 0 0 1 65.5 129.5z"/>
<path fill="#d6e3eb" class='outer bottom' d="M211.39 177.98a81 81 0 0 1-127.2 3.26l-5.46 4.2L94.8 225H277a16 16 0 0 0 11.9-5.31z"/>
<path fill="#bdc6cf" class='outer left' d="M78.73 185.44L78 186l.73-.56-24.47-60.21-54.26 20v63.72a16 16 0 0 0 16 16h78.8z"/>
<path fill="#c5ccd6" class='inner' d="M143.83 72.56a57.1 57.1 0 0 0-51.27 38.56l51.27-18.89z"/>
<path fill="#d0d2de" class='inner' d="M143.83 92.23l-51.27 18.89c-.28.81-.54 1.63-.78 2.45l52 28 .08-.06z"/>
<path fill="#c5c9d5"...