---
title: Avatar React-Komponente
components: Avatar
---

# Avatare

<p class="description">Avatare sind im gesamten Material Design zu finden und werden in allen Bereichen von Tabellen bis hin zu Dialogmenüs verwendet.</p>

## Bild Avatare

Bild Avatare können erstellt werden, indem Standard `img` props `src` oder `srcSet` in die Komponente übergeben werden.

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

## Buchstaben Avatare

Avatare mit einfachen Zeichen können erstellt werden, indem man einen String als `children` übergibt.

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

## Icon Avatare

Icon Avatare werden erstellt, indem man ein Icon als `children` übergibt.

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