JSFiddle - React, Tailwind, and code Playground

HTML

<svg id="fanny" xmlns="http://www.w3.org/2000/svg" viewBox="100 100 350 300" transform="translate(500), scale(-1, 1)">
    <g>
    	<circle class="circle" cx="275" cy="250" r="145"/>
        <path class="sheet" transform="translate(95, 60), scale(0.70, 0.70)" d="m 177.0,124.5 c -15.4,2.7 -31.5,4.4 -44.0,14.9 -16.3,13.6 -18.2,35.8 -17.0,55.7 2.3,39.5 12.6,74.9 22.2,113 l 16.9,56 6.6,20.4 c 4.1,4.1 14.6,0.8 19.4,-0.3 l 51,-10.9 c 13.9,-1.5 22.6,15.0 35,12.4 16.5,-3.5 34.0,-18.1 49,-25.9 0,0 8.0,-6.4 17,-7.6 23.7,-3.2 62,3.5 62,3.5 l 26.9,2.1 C 430.1,355.2 416.3,339.4 414.0,336 L 371.3,275 335.7,227 C 296.9,176.9 250.0,111.7 177,124.5 z" />
        <path class="eyes"  transform="translate(95, 60), scale(0.70, 0.70)" d="m 137.2,221.1 25.5,33.4 19.2,-14.5 35.1,9.6 L 229,180 176,225.5 z" />
    </g>
</svg>

CSS

#fanny {
    max-height: 500px;
    max-width:  500px;
}
#fanny .circle {
    fill:	  #281438;
}
#fanny .sheet {
    fill:     #DDDDDD;
    stroke:   none;
}
#fanny .eyes {
    fill:     gray;
    stroke:   none;
}