| 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 12 Sept 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/b7151911-5a73-4afe-96c1-260aec63ebe8)
16px![size: 20px, square: false, stackable [DEPRECATED]: false](https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/4fcbfeaa-b5a6-4099-9a43-3912590b7be0)
20px![size: 24px, square: false, stackable [DEPRECATED]: false](https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/acd518b8-1ff9-4a1f-9df2-eceb010ee02c)
24px![size: 28px, square: false, stackable [DEPRECATED]: false](https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b60485e4-cf0b-49f3-a2e6-1917c4c6fbb0)
28px![size: 32px, square: false, stackable [DEPRECATED]: false](https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/f8fa959c-1314-415d-bb1f-e4e03d41c514)
32px![size: 40px, square: false, stackable [DEPRECATED]: false](https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/b963137e-d37d-4a22-8eb0-bc817d914dda)
40px![size: 48px, square: false, stackable [DEPRECATED]: false](https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/39fb16e2-0e48-491e-9eee-d8a0040f41c7)
48px![size: 64px, square: false, stackable [DEPRECATED]: false](https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/47b5ed29-43b4-45a6-8194-f0c03f28cb4f)
64pxsquare
false![size: 16px, square: true, stackable [DEPRECATED]: false](https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/d7eb3088-6a80-4e0e-b639-a29c63cf770d)
truestackable [DEPRECATED]
false![size: 20px, square: false, stackable [DEPRECATED]: true](https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/3b5a2c0c-98dd-41f7-b218-0cf7aad10edc)
true