Skip to content

Avatars

Avatars are found throughout material design with uses in everything from tables to dialog menus.

Image avatars

Image avatars can be created by passing standard img props src or srcSet into the component.

Remy Sharp
Remy Sharp

Letter avatars

Avatars containing simple characters can be created by passing your string as children.

H
N
OP

Icon avatars

Icon avatars are created by passing an icon as children.