JSFiddle - React, Tailwind, and code Playground

HTML

<div>

  <svg width=300px height=75px viewbox="0 0 450 100">   //  It works. Scaling of the viewbox to 300px is OK.
       <g>
                  <path d="M134.8,31.2c-3.6-3.4-9.6-0.9-13.1,1.2c-3.4,2.2-5.5,4.8-5.5,4.8s1.1,2.4,1.1,4.9c0,1.9-1.3,5.3-1.3,5.3  l-0.5,0.2c0,0-0.5-3.9-1.3-5.2c-0.8-1.2-2.1-2.2-2.1-2.2s-3.6,5.5-7.1,7.4c-3.5,2-6.9,0.5-11.3,0.2c-4.3-0.4-9.2,0.7-9.2,0.7  l1.4-1.9l-0.7-0.9c0,0-4.3,1.4-7.4,2.6s-7.4,3.7-9.4,5.4c-2,1.7-4.4,6-6.1,7.9c-1.6,1.7-4.1,2.9-6.7,3.5c-2,0.5-7.8,1.1-7.8,1.1 S37.2,65.8,29,62.9c-8.4-3-16.6-8.9-16.6-8.9L10,55.6c0,0,7.6,6.4,17.6,10.8c6.1,2.7,19.8,5.3,19.8,5.3s8.9,5.8,12.6,8.2 S68.6,84,75.1,84c6.5,0,13.1-1.1,13.1-1.1s0.2-3.2-1.3-6.7c-1-2.5-3.9-4.8-3.9-4.8l0.8-0.3c0,0,2.8,1.1,3.6,1.7 c1.4,0.8,2.8,1.9,4.2,4.1c2.1,3.1,1.6,6.1,1.6,6.1s11.5-7,12.3-7.4c4.8-3.2,16.2-11.4,20.3-15.4c5.7-5.8,10.2-13.1,11.2-17.7 C137.9,37.9,138.4,34.6,134.8,31.2z M117.8,53.6c-8,5.8-13.2,9.3-32,14.4c-11.1,3-29,2.5-29,2.5l0.7-2.1c0,0,14,0.2,28.8-3.8 c14.3-3.8,24-8,30.8-13.1c10-7.8,13.1-14.4,13.1-14.4l0.7,1C131,38.1,127.4,46.7,117.8,53.6z"/>
                  <path d="M419.9,65.1c-1.2-11.7-13.8-11.4-13.8-11.4h-5.6l-0.9-14h-4.8L393,76.7h7.8h8.2 C408.9,76.7,421.2,77.3,419.9,65.1z M407.1,73h-5.3l-1-15.6h5.2c0,0,6.7-0.3,7,7.9C413.4,73.6,407.1,73,407.1,73z"/>
                  <polygon points="371.4,39.6 356.4,76.7 364.7,76.7 372.8,49.6 381,76.7 389.3,76.7 374.3,39.6"/>
                  <path d="M337.5,39.7c-5.2,0.4-8.6,3.4-8.6,3.4l1.6,2.5c0,0,2.9-1.8,7.4-1.8c4.6,0,10.1,2.8,10.1,14.1 c0,0.4,0,0.7,0,1.1h-10l-2.4,3.6h12c-1.1,7.4-5.3,9.9-11,9.7c-3.2-0.1-6.3-1.8-6.3-1.8l-1.6,2.5c0,0,3.2,3.3,10.6,3.3 c4.8,0,16.4-2.7,16.4-18.7C355.9,42.7,343.5,39.2,337.5,39.7z"/>
                  <path d="M308.3,39.6l-14.9,36.9h8.3H318h8.3l-14.9-36.9H308.3z M303.1,71.6l6.6-22l6.6,22H303.1z"/>
                  <path d="M246,43.9c4.6,0,7.4,1.8,7.4,1.8l1.6-2.5c0,0-3.4-3-8.6-3.4C240.3,39.3,228,42.8,228,58...

CSS

svg { border: solid; }

JavaScript

new Vue( { 
  el:"div",
  data: {
    viewbox: '0 0 450 100'
  } 
})