---
title: Componente React para Avatares
components: Avatar
---

# Avatares

<p class="description">Os avatares são encontrado ao longo do material design, com usos em tudo, desde tabelas até menus de diálogo.</p>

## Avatares com imagens

Avatares com imagem podem ser criados utilizando as propriedades padrões `img`, `src` ou `srcSet` do componente.

{{"demo": "pages/components/avatars/ImageAvatars.js"}}

## Avatares com letras

Avatares com letras podem ser criados passando sua string como `children`.

{{"demo": "pages/components/avatars/LetterAvatars.js"}}

## Avatares com ícones

Avatares com ícones são criados passando o ícone como `children`.

{{"demo": "pages/components/avatars/IconAvatars.js"}}