JSFiddle - React, Tailwind, and code Playground

HTML

<header>
    <div>
        <a href="test.html"><svg viewBox="0 0 576 90.44">
            <use xlink:href="#logo"/>
	    </svg></a>
    </div>
    <div>
        <svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 90.44" xml:space="preserve" version="1.1">
            <defs>
                <clipPath clipPathUnits="userSpaceOnUse">
                    <path d="m0 67.83 432 0L432 0 0 0 0 67.83Z" />
                </clipPath>
            </defs>
            <g transform="matrix(1.3333333,0,0,-1.3333333,0,90.436933)">
                <g clip-path="url(#clipPath16)">
                    <g transform="translate(25.9522,0.5186)">
                        <path d="m0 0c-11.91 4.19-25.95 13.63-25.95 27.69l0 28 2.56 1.2c14.27 6.65 32.15 10.42 47.85 10.42l4.44 0 0-39.62C28.9 13.63 14.86 4.19 2.95 0L1.47-0.52 0 0ZM-21.51 52.86C-10.12 58.17 7.13 62.87 24.46 62.87l0-35.18C24.46 16.11 12.05 7.91 1.47 4.19-9.1 7.91-21.51 16.11-21.51 27.69l0 25.17z" style="fill-rule:evenodd;" />
                    </g>
                    <g transform="translate(31.1309,54.8155)">
                        <path d="M0 0C-0.02-0.01-0.05-0.02-0.07-0.03-0.05-0.02-0.02-0.01 0 0" class="s0" />
                    </g>
                    <g transform="translate(31.2388,54.8624)">
                        <path d="M0 0C-0.04-0.01-0.07-0.03-0.11-0.05-0.07-0.03-0.04-0.01 0 0" class="s0" />
                    </g>
                    <g transform="translate(31.0625,54.7837)">
                        <path d="M0 0C0 0 0 0-0.01 0 0 0 0 0 0 0" class="s0" />
                    </g>
                </g>
            </g>
        </svg>
    </div>
</header>

<div class="clear"><!-- --></div>

<footer>
    <div>
        <a href="test.html"><svg viewBox="0 0 576 90.44">
            <use xlink:href="#logo"/>
	    </svg></a>
    </div>
    <div>
        <svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 90.44"...

CSS

header div,footer div {
    float: left;
    padding: 1em;
    width: 200px;
}
header div svg {
    fill: #013158;
    width: 400px;
}
footer {
    background: #013158;
    height: 150px;
}
footer div svg {
    fill: #fff;
    width: 200px;
}
.clear {
    clear:both;
}