<div class="img-wrap">
<img src="https://i.imgur.com/1UFBLw8.png" alt="">
</div>
<svg width="0" height="0">
<defs>
<clipPath id="myClip">
<circle cx="48" cy="48" r="48"/>
<polygon points="48,96 70,77 98,96" />
</clipPath>
</defs>
</svg>
.img-wrap {
width: 98px;
height: 98px;
clip-path: url(#myClip);
}