JSFiddle - React, Tailwind, and code Playground

by AshThakur

HTML

<svg version="1.0" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 309.000000 240.000000" preserveAspectRatio="xMidYMid meet">
<g transform="translate(0.000000,240.000000) scale(0.100000,-0.100000)" fill="#000000" stroke="none">
<path d="M162 1727 l3 -412 163 -3 163 -2 -1 160 c-1 88 1 161 5 161 3 1 226
-96 495 -216 l489 -217 453 202 c249 112 470 211 490 220 20 10 39 15 42 12 4
-3 6 -81 6 -174 l0 -168 160 0 160 0 0 425 0 425 -52 -24 c-326 -145 -1183
-529 -1216 -544 l-43 -19 -617 274 c-339 152 -636 284 -660 294 l-42 18 2
-412z" style="stroke-dasharray: 8017, 8019; stroke-dashoffset: 0;"></path>
<path d="M1380 1110 c-47 -22 -265 -120 -485 -218 l-400 -179 -5 171 -5 171
-162 3 -163 2 0 -426 c0 -337 3 -425 13 -421 6 3 299 134 651 291 351 157 644
286 651 286 10 0 1281 -560 1308 -577 4 -2 7 183 7 411 l0 416 -122 0 c-68 0
-140 -3 -160 -6 l-38 -7 0 -159 c0 -124 -3 -159 -12 -155 -7 3 -231 102 -496
221 -266 119 -487 216 -490 215 -4 0 -45 -18 -92 -39z" style="stroke-dasharray: 7985, 7987; stroke-dashoffset: 0;"></path>
</g>
</svg>