one <div>
Tree
Layered triangle canopy with a tiny trunk shadow.
<div class="od od-tree"></div>
.od {
position: relative;
display: block;
box-sizing: border-box;
}
.od::before,
.od::after {
content: '';
position: absolute;
box-sizing: border-box;
}
.od-tree {
width: 0; height: 0;
border-left: 34px solid transparent; border-right: 34px solid transparent;
border-bottom: 36px solid #16a34a; filter: drop-shadow(0 10px 18px rgba(22,163,74,0.28));
}
.od-tree::before {
width: 0; height: 0;
border-left: 26px solid transparent; border-right: 26px solid transparent;
border-bottom: 28px solid #22c55e; top: -18px; left: -26px;
}
.od-tree::after {
width: 12px; height: 18px; background: #92400e; top: 34px; left: -6px; border-radius: 2px;
}