Avatars

Avatar can be used to show user's profile picture on profile information page, on navigation bar, in blogs grid items.

Large Avatar

Have a large sized avatar in your project by using the class avatar-lg.

        
  <img
    class="avatar-round avatar-lg"
    src="../../assets/avatarOne.png"
    alt="avatar"
  />
        
      

Medium Avatar

Have a medium sized avatar in your project by using the class avatar-md.

        
  <img
    class="avatar-round avatar-md"
    src="../../assets/avatarTwo.png"
    alt="avatar"
  />
        
      

Small Avatar

Have a small sized avatar in your project by using the class avatar-sm.

        
  <img
    class="avatar-round avatar-sm"
    src="../../assets/avatarThree.png"
    alt="avatar"
  />
        
      

X-Small Avatar

Have a extra-small sized avatar in your project by using the class avatar-xs.

        
  <img
    class="avatar-round avatar-xs"
    src="../../assets/avatarFour.png"
    alt="avatar"
  />