JSFiddle - React, Tailwind, and code Playground
HTML
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 915.21 241.41">
<defs>
<style>
.cls-1{fill:#f9f9f7;}
.cls-2{fill:#b80f09;}
</style>
</defs>
<title>logo_svg</title>
<g id="Layer_2" data-name="Layer 2">
<g id="Layer_1-2" data-name="Layer 1">
<g id="Layer_2-2" data-name="Layer 2">
<g id="Layer_1-2-2" data-name="Layer 1-2">
<g id="_2" data-name=" 2">
<polygon class="cls-1" points="762.21 51.4 750.81 79.6 774.71 79.6 763.61 51.4 762.21 51.4"/>
<path class="cls-1" d="M533.11,50.5c-6.3,0-11.4,2-15.4,6s-6,9.2-6,15.6a21.19,21.19,0,0,0,6,15.5c4,4,9.1,6,15.4,6a20.84,20.84,0,0,0,15.3-6,21.08,21.08,0,0,0,6-15.4q0-9.6-6-15.6A20.8,20.8,0,0,0,533.11,50.5Z"/>
<polygon class="cls-1" points="317.01 51.4 305.51 79.6 329.51 79.6 318.41 51.4 317.01 51.4"/>
<path class="cls-1"...