@obisa; Aslında doğru demiş hocam. Arkadaşın önerdiği gibi bir kod paylaşmak lazım, daha iyi gözüküyor ve anlaşılıyor. Ben ne demek istediğini anladım hak verdim Baksanıza çiçek gibi oluyor.

<div class="face-wrap">
<div class="antenna left"></div>
<div class="antenna right"></div>

<div class="face">
<div class="eyes">
<span></span>
<span></span>
</div>

<div class="mouth">
<span></span>
<span></span>
<span></span>
</div>
</div>
</div>

body {
background: #2f3146;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}

.face-wrap {
position: relative;
width: 180px;
}

.antenna {
position: absolute;
top: -40px;
width: 8px;
height: 50px;
background: #fff;
border-radius: 5px;
}

.antenna.left {
left: 45px;
transform: rotate(-20deg);
}

.antenna.right {
right: 45px;
transform: rotate(20deg);
}

/* Face */
.face {
width: 180px;
height: 160px;
background: #fff;
border-radius: 50%;
position: relative;
padding-top: 40px;
}

/* Eyes */
.eyes {
display: flex;
justify-content: space-around;
padding: 0 35px;
}

.eyes span {
width: 35px;
height: 35px;
border: 5px solid #6d6e7a;
border-radius: 50%;
}

/* Mouth */
.mouth {
position: absolute;
bottom: 30px;
left: 20px;
width: 140px;
height: 60px;
border: 5px solid #6d6e7a;
border-top: none;
border-radius: 0 0 80px 80px;
display: flex;
}

.mouth span {
flex: 1;
border-left: 4px solid #6d6e7a;
}

.mouth span:first-child {
border-left: none;
}