---
id: Avatar
section: components
cssPrefix: pf-v6-c-avatar
propComponents: ['Avatar']
---

import { Fragment } from 'react';
import avatarImg from '../../assets/avatarImg.svg';

## Examples

### Basic

```ts file="./AvatarBasic.tsx"
```

### Bordered 

```ts file="./AvatarBordered.tsx"
```

### Size variations

```ts file="./AvatarSizeVariations.tsx"
```