---
category: Components
type: Data Display
title: Avatar
---

Avatars can be used to represent people or object, which supports image, antd-Icon, or letter. 

## API

| Property   | Description                                               | Type       | Default |
|----------- |---------------------------------------------------------  | ---------- |-------|
| type       | to set the shape of avatar | Enum{ 'circle', 'square' } | `circle` |
| size   | to set the size of avatar | Enum{ 'large', 'small', 'default' } | `default` |
| src  | the address of a image avatar | string | - |
| icon    | the icon type of a icon avatar, see `Icon` Component | string | - |
| color | to set the color of the icon or letter in avatar | string | - |
| backgroundColor    | to set the background color of the icon or letter in avatar  | string | - |