<svg width="240" height="240" viewBox="0 0 240 240" xmlns="http://www.w3.org/2000/svg">
    <g id="house" style="fill: none; stroke: black">
        <desc>House</desc>
        <rect x="6" y="50" width="60" height="60" />
        <polyline points="6 50, 36 9, 66 50" />
        <polyline points="36 110, 36 80, 50 80, 50 110" />
    </g>
    <g id="male" style="fill: none; stroke: black">
        <desc>male</desc>
        <circle cx="85" cy="56" r="10" />
        <line x1="85" y1="66" x2="85" y2="80" />
        <polyline points="76 104, 85 80, 94 104" />
        <polyline points="76 70, 85 76, 94 70" />
    </g>
    <g id="female" style="fill: none; stroke: black">
        <desc>female</desc>
        <circle cx="110" cy="56" r="10" />
        <line x1="85" y1="66" x2="85" y2="80" />
        <polyline points="110 66, 110 80, 100 90, 120 90, 110 80" />
        <line x1="104" y1="104" x2="108" y2="90" />
        <line x1="112" y1="90" x2="116" y2="104" />
        <polyline points="101 70, 110 76, 119 70" />
    </g>
</svg>

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.