SOURCE

<div class="laugh"></div>

.laugh{
  width:300px;
  height:300px;
  background:yellow;
  background-image:radial-gradient(black 30%,transparent 0),
                   radial-gradient(black 30%,transparent 0);
  background-size:100px 200px;
  background-position:25% 0%,75% 0;
  background-repeat:no-repeat;
  border-radius:50%;
  position:relative;
}

.laugh::before{
  content:'';
  display:block;
  width:200px;
  height:180px;
  position:absolute;
  bottom:15%;
  left:50%;
  transform:translateX(-50%);
  border-radius:50%;
  /* background-image:linear-gradient(to bottom,transparent 48px,black 0,black 50px,transparent 0) */
  border:8px solid black;
  border-top:transparent;
    border-left:transparent;
  border-right:transparent;
}