JSFiddle - React, Tailwind, and code Playground

HTML

<svg>
    <g id="wohnraeume" transform="translate(-1100 -350)">
        <g id="wohnraeumeFill">
            <g>
                <path class="eckig" d="M1169,124.5v341.1h429V124.5H1169z M1390.5,445h-199.4l0-68.7h71v33.9h128.4V445z"/>
            </g>
        </g>
        <polygon id="wohnrauemeWhite" fill="#FFFFFF" points="1191.3,445.6 1191.2,372.3 1262.3,372.3 1262.2,410.1 1391,411.3 
            1390.5,445.7                "/>
    </g>
</svg>

CSS

#wohnraeumeFill:hover+polygon,
polygon:hover{
    fill: #800;
}