one <div>
Домик
Квадратный дом, треугольная крыша и светящееся окно.
<div class="od od-house"></div>
.od {
position: relative;
display: block;
box-sizing: border-box;
}
.od::before,
.od::after {
content: '';
position: absolute;
box-sizing: border-box;
}
.od-house {
width: 58px; height: 42px; background: #f8fafc; border: 3px solid #334155; border-radius: 4px;
box-shadow: 0 12px 24px rgba(15,23,42,0.16); margin-top: 18px;
}
.od-house::before {
width: 0; height: 0; border-left: 36px solid transparent; border-right: 36px solid transparent;
border-bottom: 28px solid #ef4444; top: -28px; left: -10px;
}
.od-house::after {
width: 16px; height: 16px; background: #fde68a; border: 2px solid #334155; top: 12px; left: 18px;
}