JSFiddle - React, Tailwind, and code Playground

by 규연 황

HTML

<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="0 0 556.4 174" style="enable-background:new 0 0 556.4 174;" xml:space="preserve">
<style type="text/css">
	.st0{fill:#070404;}
</style>
<g>
	<polygon class="st0" points="297.7,51.3 297.7,119.6 341,119.6 341,109 309.3,109 309.3,51.3 	"/>
	<path class="st0" d="M249.8,93.3c13,0,22.1-8.9,22.1-21.1s-9.1-21.1-22.1-21.1h-27.2v68.2h12.5V93.3H249.8z M235.9,62.6h14
		c6.3,0,10.6,3.6,10.6,9.7c0,6-4.2,9.6-10.6,9.6h-14V62.6z"/>
	<polygon class="st0" points="539.1,120.5 539.1,63.8 556.4,63.8 556.4,52.3 508.4,52.3 508.4,63.8 526.6,63.8 526.6,120.5 	"/>
	<polygon class="st0" points="412.8,62.9 412.8,51.3 367.6,51.3 367.6,119.6 412.8,119.6 412.8,109 380.1,109 380.1,89.8 407,89.8 
		407,80.2 380.1,80.2 380.1,62.9 	"/>
	<path class="st0" d="M474,107.1l4.1,12.5h12.7l-24.7-68.2h-9.7l-24.6,68.2h12.7l4.2-12.5H474z M461.9,67.6l9.3,27.6h-18.8
		L461.9,67.6z"/>
	<path class="st0" d="M58.3,49v49.8c0,15.1,11.4,26.1,27.3,26.1c15.9,0,27.3-11,27.3-26.1V49h-14v49.3c0,9.1-4.7,14.8-13.3,14.8
		c-8.6,0-13.2-5.7-13.2-14.8V49H58.3z"/>
	<polygon class="st0" points="173.5,162.8 11.5,162.8 11.6,11 162.4,11 162.4,135.4 173.5,135.4 173.5,0 0,0 0,174 173.5,174 	"/>
</g>
</svg>

CSS

svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}