Avatar Preview
An avatar shows an image or text to represent a person or group as well as gives additional information like their status and activity.
If you need to represent many avatars, try an avatar group.
Resources
Types
![Avatar - standard](https://fluent2websitecdn.azureedge.net/cdn/40953946890550da9400d0fe76106304ace1ccb8.CosQVto__Z2shsJ0.png)
Standard
Standard avatars are circular containers that generally represent an individual.
![Avatar - Group](https://fluent2websitecdn.azureedge.net/cdn/8218ee6148b54e62b83be08a5789d6bfb0057cbf.Fjr-A-XD_Z2n5oGr.png)
Group
Group avatars are square containers and represent many people, like teams, organizations, or companies.
Behavior
Avatars can include presence badges to indicate the status of an associated person.
![Behavior - presence badges](https://fluent2websitecdn.azureedge.net/cdn/6a13ddf0ad8ab02c08adc65839c9f9ae7a61a586.BLAvC2Xb_djexc.png)
Avatars can include activity rings to indicate when a person is currently collaborating in a shared activity, like speaking in a Teams call or typing in an Office document.
![Behavior - presence badges](https://fluent2websitecdn.azureedge.net/cdn/823ed639aafbfd00768a654cd9826160c348a753.n-L8R0SE_1htNBa.png)
Additionally, avatars at 40 and 56 pixels can display a cutout that communicates other dynamic information, like reactions, mentions, and recent file activity. Avatar cutouts are useful for at-a-glance information in areas where space is limited, like notifications and activity feeds. Cutouts and presence are never shown at the same time.
![Avatar cutout](https://fluent2websitecdn.azureedge.net/cdn/421ba1cf7245e691e3cc2456b95f09fc201de8ee.DnbDnObk_ZFhawS.png)
Accessibility
It may be difficult for people with visibility impairments to perceive the icon in presence badges on medium avatars (32 pixels) and smaller. Where possible, accompany these avatars with a textual representation of their status.