Preview:
 <div class="badge-conatainer">
     <div class="avatar avatar-xx-lg">
         <img class="circular-avatar img" src="./Components/images/avatar/Avaatar.jpg" alt="avatar" />
     </div>
     <span class="profile-badge online"></span>
 </div>

 <div class="badge-conatainer">
     <div class="avatar avatar-x-lg">
         <img class="circular-avatar img" src="./Components/images/avatar/Avaatar.jpg" alt="avatar" />
     </div>
     <span class="profile-badge away"></span>
 </div>

 <div class="badge-conatainer">
     <div class="avatar avatar-lg">
         <img class="circular-avatar img" src="./Components/images/avatar/Avaatar.jpg" alt="avatar" />
     </div>
     <span class="profile-badge incall"></span>
 </div>
downloadDownload PNG downloadDownload JPEG downloadDownload SVG

Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!

Click to optimize width for Twitter