one <div>
Rocket
Body, nose cone and launch flame - still just one div.
<div class="od od-rocket"></div>
.od {
position: relative;
display: block;
box-sizing: border-box;
}
.od::before,
.od::after {
content: '';
position: absolute;
box-sizing: border-box;
}
.od-rocket {
width: 36px; height: 72px;
background: linear-gradient(180deg, #f8fafc 0%, #cbd5e1 100%);
border-radius: 18px 18px 8px 8px; box-shadow: 0 12px 24px rgba(15,23,42,0.18);
}
.od-rocket::before {
width: 0; height: 0; border-left: 18px solid transparent; border-right: 18px solid transparent;
border-bottom: 22px solid #ef4444; top: -20px; left: 0;
}
.od-rocket::after {
width: 16px; height: 16px; border-radius: 50%; background: #38bdf8; top: 24px; left: 10px;
box-shadow: -18px 34px 0 -2px #f97316, 18px 34px 0 -2px #f97316, 0 40px 0 -1px #fb923c;
}