JSFiddle - React, Tailwind, and code Playground

HTML

<svg clip-rule="evenodd" fill-rule="evenodd" text-rendering="geometricPrecision" viewBox="0 0 5030 5030" xml:space="preserve" xmlns="http://www.w3.org/2000/svg">
 <defs>
  <font id="b" fill-rule="nonzero" font-weight="400" horiz-adv-x="667">
	<font-face font-family="Arial">
	</font-face>
   <missing-glyph><path d="m0 0z"/></missing-glyph>
   <glyph horiz-adv-x="277" unicode="t"><path d="m257.02 80.365l13.276-77.483c-24.757-5.386-46.915-8.079-66.333-8.3152-31.938-0.18898-56.695 4.7246-74.223 14.693-17.67 9.9216-30.143 23.15-37.324 39.45-7.3703 16.442-11.103 50.978-11.575 103.56l-1.9371 298.02-64.396-0.33072-0.56695 68.27 64.396 0.33072-0.89767 128.41 86.932 53.293 1.2284-181.04 88.302 0.56695 0.5197-68.175-88.255-0.70868 2.0316-302.94c0.28347-24.898 1.9843-41.104 5.008-48.285 3.1654-7.1341 8.2207-12.804 15.308-16.819 6.9924-4.2049 17.056-6.3309 30.001-6.2364 9.7798 0 22.631 1.2756 38.505 3.7324z"/></glyph>
   <glyph horiz-adv-x="556" unicode="L"><path d="m73.231 0.047246l-1.2756 715.39 94.586 0.23623 1.1339-630.92 352.45 0.56695v-84.381l-446.9-0.89767z"/></glyph>
   <glyph horiz-adv-x="277" unicode="I"><path d="m93.263-0.66144l5.008 715.86 94.775-0.75593-5.008-715.86-94.775 0.75593z"/></glyph>
   <glyph horiz-adv-x="556" unicode="e"><path d="m421.86 163.99l90.853-11.906c-14.788-52.821-41.623-93.924-80.459-122.84-39.025-29.056-88.538-43.371-148.68-42.899-75.829 0.5197-135.83 24.284-179.86 71.199-44.175 47.104-65.955 112.68-65.246 197.01 0.47246 87.168 23.434 154.73 68.695 202.59 45.308 47.86 103.61 71.483 175.28 71.01 69.404-0.47246 125.82-24.52 169.33-72.002 43.56-47.435 65.199-114 64.49-199.56-0.047246-5.197-0.14174-12.992-0.56695-23.528l-386.56 2.8347c2.7875-56.978 18.52-100.68 47.34-131.25 28.725-30.379 64.774-45.781 108.1-46.112 32.174-0.23623 59.766 8.0318 82.68 24.757 22.914 16.867 41.056 43.702 54.616 80.696zm-287.44 144l289.38-2.0316c-3.4962 43.797-14.41 76.538-32.458 98.46-27.78 33.922-63.876 51.072-108.52 51.498-40.348...