<div class="gu-badge">
    <img class="avatar" src="address-of-the-image" alt="image" />
    <div class="online"></div>
</div>
<div class="gu-badge">
    <img class="avatar" src="address-of-the-image" alt="image" />
    <div class="offline"></div>
</div>
<div class="gu-badge">
    <img class="avatar" src="address-of-the-image" alt="image" />
    <div class="dnd"></div>
</div>