Homepage
/
Components
/
Avatar
Figma Ant Design Components

Avatar

Avatars can be used to represent people or objects. It supports images, Icons, or letters.

When to use it?

Preview all components in FigmaGet free demoView React documentation
Light theme
Dark theme
Preview Everything in Figma

Discover what's inside

Download Icon

Download Free Demo

Discover sample components and styles. Use the Playground page to learn how it works.

Ant for Figma Demo
Figma Icon Dark

Preview Light Theme

What you see is what you get. Preview all components, screens, layouts and styles in Figma.

Ant for Figma light theme
Figma icon White

Preview Dark Theme

What you see is what you get. Preview all components, screens, layouts and styles in Figma.

Ant for Figma Dark theme

General

Button
Button
Icon
Icon

Navigation

Affix
Affix
Breadcrumb
Breadcrumb
Dropdown
Dropdown
Menu
Menu
PageHeader
PageHeader
Pagination
Pagination
Steps
Steps

Data Entry

AutoComplete
AutoComplete
Cascader
Cascader
Checkbox
Checkbox
DatePicker
DatePicker
Form
Form
Input
Input
InputNumber
InputNumber
Mentions
Mentions
Radio
Radio
Rate
Rate
Select
Select
Slider
Slider
Switch
Switch
TimePicker
TimePicker
Transfer
Transfer
TreeSelect
TreeSelect
Upload
Upload

Data Display

Avatar
Avatar
Badge
Badge
Calendar
Calendar
Card
Card
Carousel
Carousel
Collapse
Collapse
Comment
Comment
Descriptions
Descriptions
Empty
Empty
Image
Image
List
List
Popover
Popover
Segmented
Segmented
Statistic
Statistic
Table
Table
Tabs
Tabs
Tag
Tag
Timeline
Timeline
Tooltip
Tooltip
Tree
Tree

Feedback

Alert
Alert
Drawer
Drawer
Message
Message
Modal
Modal
Notification
Notification
Popconfirm
Popconfirm
Progress
Progress
Result
Result
Skeleton
Skeleton
Spin
Spin

Other

Anchor
Anchor
speed up your design process

Get Ant Design System Today

Stop wasting time on creating everything from scratch for every new project you start. Use this set of handcrafted elements to design your next product efficiently.

Purchase now
Ant for Figma UI