---
title: Avatar React component
components: Avatar
---

# Avatars

<p class="description">Avatars(アバター) は、テーブルからダイアログメニューまで、あらゆる用途に使用されています。</p>

## Image avatars

画像アバターは、標準の `img` プロップス `src` または `srcSet` をコンポーネントに渡すことで作成できます。

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

## Letter avatars

単純な文字を含むアバターは、文字列を `子要素`として渡すことによって作成できます。

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

## Icon avatars

アイコンアバターは、 `子要素`としてアイコンを渡すことによって作成されます。

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