<figure class="avatar avatar-xl">
  <img src="..." alt="avatar">
  <div class="avatar-status dnd"></div>
</figure>
<figure class="avatar avatar-lg">
  <img src="..." alt="avatar">
  <div class="avatar-status offline"></div>
</figure>
<figure class="avatar avatar-std">
  <img src="..." alt="avatar">
  <div class="avatar-status online"></div>
</figure>