Avatar

• Default example
• System props
• Component props

Avatars are images used to represent users and organizations on GitHub. They typically are squares with rounded edges.

Default example

<Avatar mb={4} src="https://avatars.githubusercontent.com/primer" size={128} />

<Avatar mb={4} src="https://avatars.githubusercontent.com/primer" size={128} />

To create a Parent + Child avatar combination, wrap Avatars in AvatarPair:

<AvatarPair my={4}> <Avatar src="https://avatars.githubusercontent.com/primer"/> <Avatar src="https://avatars.githubusercontent.com/primer"/> </AvatarPair>

<AvatarPair my={4}>
  <Avatar src="https://avatars.githubusercontent.com/primer"/>
  <Avatar src="https://avatars.githubusercontent.com/primer"/>
 </AvatarPair>

System props

Avatar components get COMMON system props. Read our System Props doc page for a full list of available props.

Component props