# Avatar

> An image element with a fallback for representing the user.

Source: https://ui.cortexcn.dev/docs/components/avatar

## Installation

```bash
npx shadcn@latest add @cortexcn/avatar
```

## Usage

```tsx
import { Avatar, AvatarImage, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarBadge } from "@/components/avatar";
```

## Examples

### Sizes

### Badge

### Badge with icon

### Group

### Group with count

### Group with icon count

### In empty

Adapted from the [shadcn/ui Avatar](https://ui.shadcn.com/docs/components/radix/avatar) (MIT).