Avatar

Avatars are used to represent users or entities in a system.

overviewguidelinesdeva11y
  • Can use an image, name, or icon to represent a user or entity
  • Can use any cerberus gradient color
  • Images should be square and are the highest priority
  • Initials should be used when images and are not available
  • Icons should be used when images or names are not available

Example

xs
sm
md
lg
xl
2x
3x
4x
C

Preview Playground

Resources

NameResourceStatus
FigmaDesign Kit (Figma)Private