JSFiddle - React, Tailwind, and code Playground

HTML

<h1>SVG como plano de fundo de uma div</h1>
<p>note que é necessário um container, um grid, com uma largura específica, para a imagem obter o tamanho que você deseja, ou, especifique a largura diretamente na classe CSS</p>
<div class="mysvg">
    
</div>

CSS

.mysvg {
    max-width: 100%;
    height: 500px;
    background-image: url(https://upload.wikimedia.org/wikipedia/en/2/22/Heckert_GNU_white.svg);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100%;
}