<img class = " avatar 
              round 
              avatar-xs
              status-available-outline
            " 
        src = "img.jpg" 
        alt = "img"
  >

  <img class = " avatar 
              round 
              avatar-xs
              status-inactive-outline
            " 
        src = "img.jpg" 
        alt = "img"
  >

  <img class = " avatar 
              round 
              avatar-sm
              status-active-outline
            " 
        src = "img.jpg" 
        alt = "img"
  >

  <img class = " avatar 
              round 
              avatar-md
              status-idle-outline
            " 
        src = "img.jpg" 
        alt = "img"
  >

  <img class = " avatar 
              round 
              avatar-lg
              status-busy-outline
            " 
        src = "img.jpg" 
        alt = "img"
  >