JSFiddle - React, Tailwind, and code Playground

by cathead

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css">
<div>
  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 930 468"><g fill="#FFF" fill-rule="evenodd"><path d="M78.466 272.112l20.29-60.228 19.65 60.228h-39.94zM157.07 169.01L68.966 169-.184 342.931l58.476-.07 11.315-32.216 54.802.016c-1.977-5.967-2.995-12.652-2.995-20.053 0-22.71 16.075-37.438 31.176-47.673-7.069-8.24-17.29-20.72-17.29-37.69 0-16.282 7.83-29.39 21.77-36.236zm102.254 132.74l-9.275 9.275 26.263 31.834 57.225.058v-41.142l-74.213-.025zM204.6 169.015c13.524 6.96 21.383 20.357 21.383 36.733 0 13.73-7.114 22.961-17.86 30.951 0 0-8.035 6.24-12.425 9.236l32.734 38.971c.974-1.343 14.372-13.633 14.372-13.633h85.054v-33.512H242.66v-30.103h90.875l.044-38.628-128.979-.015zM180.794 194.09c-7.612 0-11.516 4.997-11.516 11.605 0 5.2 4.294 10.2 9.176 15.999 1.947-1.197 5.85-4 5.85-4 4.5-3.204 8.01-7 8.01-12 0-6.607-4.297-11.604-11.52-11.604M171.58 268.614c-7.954 6.246-13.632 13.545-13.632 23.285 0 11.25 10.664 23.026 22.15 23.851 7.808.565 16.007-2.42 22.15-7.952l-30.668-39.184zM341.44 338.492v-1.524h1.012c.853 0 1.078.261 1.078.727 0 .533-.294.797-1.205.797h-.885zm2.84-.75c0-.955-.569-1.39-1.729-1.39h-1.86v4.87h.75v-2.116h.84l1.295 2.115h.814l-1.382-2.139c.727-.093 1.272-.468 1.272-1.34zm-1.943 4.578c-1.952 0-3.463-1.489-3.463-3.548 0-2.01 1.51-3.52 3.463-3.52 1.931 0 3.442 1.51 3.442 3.52 0 2.06-1.51 3.548-3.442 3.548zm0-7.752c-2.317 0-4.279 1.783-4.279 4.205 0 2.448 1.962 4.227 4.28 4.227 2.293 0 4.258-1.779 4.258-4.227 0-2.422-1.965-4.205-4.259-4.205z"/></g></svg>
</div>

CSS

div {
  background-color: navy;
}

div {
  height: 300px;
  width: 400px;
}

svg {
  height: auto;
  max-width: 100%;
}