---
title: Componente Avatar de React
components: Avatar
---

# Avatares

<p class="description">Los avatares se pueden encontrar a lo largo de todo Material Design con usos que van desde tablas hasta diálogos de menús.</p>

## Avatares de Imágenes

Las imágenes de avatares son creadas por medio de la etiqueta `img` y su propiedad `src` o por medio de `srcSet` dentro del componente.

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

## Avatares de Letras

Los avatares que contienen letras simples pueden crearse pasando su cadena como `children`.

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

## Avatares de íconos

Los avatares de íconos son creados pasando un ícono como `children`.

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