<div class="badge">
    <img src="image-url" alt="" class="avatar">
    <div class="online"></div>
</div>
<div class="badge">
     <img src="image-url" alt="" class="avatar">
     <div class="dnd"></div>
</div>
<div class="badge">
    <img src="image-url" alt="" class="avatar">
    <div class="offline"></div>
</div>