| Name | Type | Values | Default |
|---|---|---|---|
| size | Variant | 16px 20px 24px 28px 32px 40px 48px 64px | 16px |
| square | Variant | false true | false |
| stackable [DEPRECATED] | Variant | false true | false |
Avatar
Avatar is an image that represents a user or organization.
On this page
- Updated 26 Aug 2024
Playground
No preview available
square
stackable [DEPRECATED]
size
Props
size
![size: 16px, square: false, stackable [DEPRECATED]: false](https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/99122571-2727-495e-a056-d0d847e4cb3b)
16px![size: 20px, square: false, stackable [DEPRECATED]: false](https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/a1dea3da-0970-4d9a-af08-e42d0bc4750b)
20px![size: 24px, square: false, stackable [DEPRECATED]: false](https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d9f3e1da-d6ce-4580-a168-fcdeca15f057)
24px![size: 28px, square: false, stackable [DEPRECATED]: false](https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d1ccaa77-2efe-406a-af77-dfe587e3519d)
28px![size: 32px, square: false, stackable [DEPRECATED]: false](https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/fc977102-f4ea-444c-a159-33061d155798)
32px![size: 40px, square: false, stackable [DEPRECATED]: false](https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/e4a2b3ee-f637-459f-991c-6ec026a3372a)
40px![size: 48px, square: false, stackable [DEPRECATED]: false](https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7039733b-18b0-4b7c-b957-2258e9ce3d61)
48px![size: 64px, square: false, stackable [DEPRECATED]: false](https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/dbd7244d-5a40-4083-af3c-33d99164c68e)
64pxsquare
false![size: 16px, square: true, stackable [DEPRECATED]: false](https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7b6ffbad-d4d2-4ec5-aa02-08fb79bf2a73)
truestackable [DEPRECATED]
false![size: 20px, square: false, stackable [DEPRECATED]: true](https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/3cf21f00-36aa-472a-add2-ada56e740425)
true