---
title: React-компонент Аватар
components: Avatar
---

# Аватары

<p class="description">Аватары встречаются в material design и используются во всем - от таблиц до диалоговых меню.</p>

## Аватары изображений

Аватары можно создать, передав стандартные свойства компонента `img`, такие как `src` или `srcSet`.

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

## Буквенные аватары

Аватары, содержащие простые символы, можно создать, передав вашу строку как `children`.

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

## Иконочные аватары

Аватары значков создаются путем передачи значка как `children`.

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