---
components: Avatar
---

# 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.

{{demo='pages/component-demos/avatars/ImageAvatars.js'}}

## Icon avatars

Icon avatars are created by passing an icon as `children`.

{{demo='pages/component-demos/avatars/IconAvatars.js'}}

## Letter avatars

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

{{demo='pages/component-demos/avatars/LetterAvatars.js'}}