| 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 29 Apr 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/9f9e4150-c7fc-4861-9cfa-e2b2e8ab5ccc)
16px![size: 20px, square: false, stackable [DEPRECATED]: false](https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/bc439f82-2e63-46d5-b389-ac74e21bf472)
20px![size: 24px, square: false, stackable [DEPRECATED]: false](https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/0e1c8641-fb60-4fbc-b914-2926428561a0)
24px![size: 28px, square: false, stackable [DEPRECATED]: false](https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ab081ea0-87a1-45c1-ac73-cf8795ff692f)
28px![size: 32px, square: false, stackable [DEPRECATED]: false](https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/5f6f90b7-f7f6-4a05-8725-67ae6245645f)
32px![size: 40px, square: false, stackable [DEPRECATED]: false](https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/6cec3592-af7a-4ba4-8053-b5602c1a434f)
40px![size: 48px, square: false, stackable [DEPRECATED]: false](https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/ab216cb7-fe8f-4441-bcbd-ea4428f83fbd)
48px![size: 64px, square: false, stackable [DEPRECATED]: false](https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/814fd076-69c9-47ac-b0bd-f425ad47626c)
64pxsquare
false![size: 16px, square: true, stackable [DEPRECATED]: false](https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/272a5b2c-3f83-4988-a971-b45ae875404c)
truestackable [DEPRECATED]
false![size: 20px, square: false, stackable [DEPRECATED]: true](https://figma-alpha-api.s3.us-west-2.amazonaws.com/images/7740cb1b-db56-40d8-ba15-1e64944ebfb6)
true