JSFiddle - React, Tailwind, and code Playground

by Leonardo Santos

HTML

<svg viewBox="0 0 200 153" style="background-color:#ffffff00" xmlns="http://www.w3.org/2000/svg" width="200" height="153">
    <g stroke="#fff" stroke-width="2" fill="none">
        <path d="M188.516 114.743c-2.162-18.676-20.9-33.098-43.685-33.013-2.252-24.842-25.533-44.045-53.544-43.662-25.44.338-46.471 16.617-51.322 38.257-19.7.565-35.296 16.403-35.03 35.768.196 14.675 9.49 27.102 22.5 32.28l5.525.955s94.93 5.022 137.287-.69h.072c3.235-.486 6.086-.967 8.664-1.59" />
        <path d="M35.703 76.493S69.68 74.2 68.61 96.683" />
        <path d="M146.536 81.41s-31.263-.492-29.993 25.174" />
        <path d="M170.247 144.64h.144" />
        <path d="M187.54 109.917s8.28 26.764-9.708 33.442" />
        <path d="M126.693 49.748c4.928-3.735 11.028-5.937 17.72-5.937 16.4 0 29.78 13.35 29.78 29.715 0 5.43-1.472 10.49-4.05 14.896" />
        <path d="M107.5 38.5l-12-13" />
        <path d="M144.5 23.5v-18" />
        <path d="M180.5 37.5l14-14" />
    </g>
</svg>

CSS

body {
    background: #673ab7;
    overflow: hidden;
}
svg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}