Avatar

The Avatar component is typically used to display images, icons, or initials representing people or other entities.
An Avatar is a graphical representation of a user or the user's character or persona.

Basic Avatar

This Avatar is very common and can be seen at most of the places. eg :- Social sites and Applications. Give it a try by just copying the code below or mention the class name "avatar-img" in your img tag which you want to make an Avatar.

---

Text-Avatar

This Avatar is also very common and can be seen mostly when we do not upload our display picture. eg :- Social sites and Applications. Give it a try by just copying the code below or mention the class name "avatar-img avatar-text" in your img tag which you want to make an Avatar.

---

Avatar With Border

This Avatar is also very common and can be seen mostly when we enable our microphones in the meetings. eg :- Online meeting Applications like Microsoft Teams. Give it a try by just copying the code below or mention the class name "avatar-img img-border" in your img tag which you want to make an Avatar.

---

Avatar Of Different Size

The size of an Avatar vary according to our screen resolution. Give it a try by just copying the code below or mention the class name "avatar-img XL" in your img tag which you want to make an Avatar.

---