JSFiddle - React, Tailwind, and code Playground
by Nicholas Berlette
HTML
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 -600 4892 1840"
width="960"
height="480"
fill="#c0ffee"
fill-opacity="1"
color="#456"
>
<defs>
<symbol id=".at" overflow="visible"><path d="M416 580Q578 580 652 535Q726 490 726 393L726 393L726 0L680 0L653 50Q617 19 573.50 4.50Q530-10 474-10L474-10Q391-10 356 24.50Q321 59 321 140L321 140Q321 213 341 245Q361 277 419.50 288Q478 299 611 299L611 299L627 299L627 473Q598 477 545 480Q492 483 441 483L441 483Q361 483 306 473Q251 463 213 425Q175 387 175 310L175 310L175 84Q175 11 206.50-25Q238-61 286-70.50Q334-80 407-80L407-80L600-80L600-148Q510-165 434-165L434-165Q303-165 221.50-133Q140-101 100-26.50Q60 48 60 178L60 178L60 259Q60 437 152 508.50Q244 580 416 580L416 580ZM546 67Q593 67 609.50 79Q626 91 626 125L626 125L626 234L493 234Q446 234 429 222Q412 210 412 176L412 176L412 67L546 67Z"/></symbol>
<symbol id=".n" overflow="visible"><path d="M90 0L90 500L136 500L163 450Q201 481 246 495.50Q291 510 349 510L349 510Q419 510 455 488.50Q491 467 491 425L491 425L491 0L391 0L391 428L275 428Q226 428 208 416Q190 404 190 370L190 370L190 0L90 0Z"/></symbol>
<symbol id=".b" overflow="visible"><path d="M329 515Q403 515 441 493Q479 471 494 415Q509 359 509 250L509 250Q509 142 492.50 87.50Q476 33 434 11.50Q392-10 309-10L309-10L308-10Q248-10 198-3Q148 4 90 21L90 21L90 665L190 677L190 491Q213 504 246 509.50Q279 515 329 515L329 515ZM404 92L404 433L236 433Q209 433 199.50 428Q190 423 190 408L190 408L190 72L358 72Q384 72 394 76.50Q404 81 404 92L404 92Z"/></symbol>
<symbol id=".e" overflow="visible"><path d="M272 69Q313 69 352 74.50Q391 80 445 93L445 93L458 20Q421 6 366.50-2Q312-10 254-10L254-10Q176-10 135 12.50Q94 35 77 90Q60 145 60 250L60 250Q60 351 79.50 406.50Q99 462 144 486Q189 510 271 510L271 510Q352 510 394.50 497Q437 484 454 452.50Q471 421 471 360L471 360Q471 287 450 255Q429 223 367.50 212Q306 201 165 201L165 201L165 80Q205 69 272 69L272 69ZM248 428Q200 428 182.50 416Q165 404 165 370L165 370L165 266L297 266Q346...