JSFiddle - React, Tailwind, and code Playground
by ethertank
HTML
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 465 465">
<defs>
<font horiz-adv-x="7">
<font-face
font-family="et-7"
units-per-em="7"
stemv="1"
stemh="1"
cap-height="5"
ascent="5"
decent="2"
alphabetic="0"
underline-position="-1"
underline-thickness="1"
font-size="9"
font-weight="400"
/>
<glyph unicode="0" d="M1,0 h5 v5 h-5 v-5 M2,1 v3 h3 v-3 Z" />
<glyph unicode="1" d="M3,0 h1 v5 h-1 Z" />
<glyph unicode="2" d="M1,0 h5 v1 h-4 v1 h4 v3 h-5 v-1 h4 v-1 h-4 v-2 Z" />
<glyph unicode="3" d="M1,0 h5 v5 h-5 v-1 h4 v-1 h-4 v-1 h4 v-1 h-4 Z" />
<glyph unicode="4" d="M4,0 h1 v1 h1 v1 h-1 v3 h-1 L1, 2 v-1 h3 v1 M4,2 h-1.9 L4,3.9 Z" />
<glyph unicode="5" d="M1,0 h5 v3 h-4 v1 h4 v1 h-5 v-3 h4 v-1 h-4 Z" />
<glyph unicode="6" d="M1,0 h5 v3 h-4 v1 h4 v1 h-5 v-5 m1,1 v1 h3 v-1 Z" />
<glyph unicode="7" d="M3,0 h1.1 L6,5 h-5 v-1 h3.5 Z" />
<glyph unicode="8" d="M1,0 h5 v5 h-5 v-5 m1,1 v1 h3 v-1 M2,3 v1 h3 v-1 Z" />
<glyph unicode="9" d="M1,0 h5 v5 h-5 v-3 h4 v-1 h-4 M2,3 v1 h3 v-1 Z" />
<glyph unicode=":" d="M3,1 h1 v1 h-1 v-1 M3,3 h1 v1 h-1 Z" />
<glyph unicode="A" d="M1,0 h1 v1 h3 v-1 h1 v5 h-5 v-5 M2,2 v2 h3 v-2 Z" />
<glyph unicode="P" d="M1,0 h1 v1 h4 v4 h-5 m1,-1 h3 v-2 h-3 v2 Z" />
<glyph unicode="M" d="M1,0 h1 v3.2 l1.5,-2 l1.5,2 v-3.2 h1 v5 h-1 l-1.5,-2 l-1.5,2 h-1 Z" />
<glyph unicode="[" d="M3,0 h2 v1 h-1 v3 h1 v1 h-2 Z" />
<glyph unicode="]" d="M4,0 h-2 v1 h1 v3 h-1 v1 h2 Z" />
<glyph unicode=" " />
</font>
<text
...
CSS
body{background:#000;}