Atom

Avatar

            
              <div class="avatar avatar--md m-1 avatar--text">
  <p>
    AW
  </p>
</div>
<div class="avatar avatar--md m-1 avatar--image" style="background-image:url("/images/placeholder-square.jpg")"></div>
<div class="avatar avatar--md m-1 avatar--icon">
  <i class="fa fa-user"></i>
</div>

            
          

.avatar--sm .avatar--md .avatar--lg

            
              <div class="avatar avatar--sm m-1 avatar--image" style="background-image:url("/images/placeholder-square.jpg")"></div>
<div class="avatar avatar--md m-1 avatar--image" style="background-image:url("/images/placeholder-square.jpg")"></div>
<div class="avatar avatar--lg m-1 avatar--image" style="background-image:url("/images/placeholder-square.jpg")"></div>