import {Avatar} from '@primer/react'
<Avatar src="https://avatars.githubusercontent.com/primer" />
<Avatar square src="https://avatars.githubusercontent.com/primer" />
| Name | Type | Default | Description |
|---|---|---|---|
| src Required | string | URL of the avatar image. | |
| alt | string | '' | Provide alt text when the avatar is used without a name next to it. |
| size | number | 20 | The size of the avatar in pixels. |
| square | boolean | false | If true, the avatar will be square instead of circular. |
| sx | SystemStyleObject | Style overrides to apply to the component. See also overriding styles. |