JSFiddle - React, Tailwind, and code Playground

HTML

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 577.8 528.3">
    <polygon fill="#088AD0" points="129,0.3 447.3,0.3 502.3,132 289.1,229.3 73.1,132.3 "/>
    <polygon fill="#088AD0" points="68.3,142.3 283,236.1 283,527.6 0,298 "/>
    <polygon fill="#088AD0" points="508.4,142.5 293.8,236.3 293.8,527.8 576.8,298.1 "/>
</svg>

CSS

body {
    margin: 0;
}

svg {
    display: block;
    
    width: 100%;
    height: 100vh;
}