Avatar

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

Usage

  • Used in places like:
  • Profiles
  • Lists
  • Forms
  • Cards
xs
sm
md
lg
xl
2x
3x
4x

Common Usage

You can use Avatars in most places where you need to represent a user or entity. They can be used with images, names, or icons.

Red Avatars

Red avatars are used to represent an invalid state. They are used to communicate that something is wrong or that an action is destructive.