one <div>
Fish
Body oval, eye and a triangular tail.
<div class="od od-fish"></div>
.od {
position: relative;
display: block;
box-sizing: border-box;
}
.od::before,
.od::after {
content: '';
position: absolute;
box-sizing: border-box;
}
.od-fish {
width: 70px; height: 36px; background: linear-gradient(180deg, #38bdf8, #0284c7);
border-radius: 50%; box-shadow: 0 10px 22px rgba(2,132,199,0.3);
}
.od-fish::before {
width: 0; height: 0; border-top: 16px solid transparent; border-bottom: 16px solid transparent;
border-left: 22px solid #0284c7; top: 2px; left: -18px;
}
.od-fish::after {
width: 8px; height: 8px; border-radius: 50%; background: #0f172a; top: 12px; right: 14px;
}