# @nextui-org/avatar

> The Avatar component is used to represent a user, and displays the profile picture, initials or fallback icon.

Latest version **2.2.6** (published 2025-01-05) · MIT license · 0 weekly downloads

> **Deprecated.** This package is deprecated.

## Install

```sh
npm install @nextui-org/avatar
pnpm add @nextui-org/avatar
yarn add @nextui-org/avatar
bun add @nextui-org/avatar
```

## Health

**Score 10/100 (F)** — status: deprecated.

Negative: deprecated.

## Facts

| | |
|---|---|
| Version | 2.2.6 |
| Published | 2025-01-05 |
| First published | 2023-03-26 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 6 |
| Unpacked size | 73.4 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 31074 |
| Author | Junior Garcia |
| Maintainers | juniorgarciadev |
| Keywords | avatar |

## Links

- npm: https://www.npmjs.com/package/@nextui-org/avatar
- Repository: https://github.com/nextui-org/nextui
- Homepage: https://nextui.org
- Issues: https://github.com/nextui-org/nextui/issues
- npm.io page: https://npm.io/package/@nextui-org/avatar

## Dependencies (6)

- [@react-aria/focus](https://npm.io/package/@react-aria/focus.md) 3.19.0
- [@react-aria/utils](https://npm.io/package/@react-aria/utils.md) 3.26.0
- [@nextui-org/use-image](https://npm.io/package/@nextui-org/use-image.md) 2.1.2
- [@nextui-org/react-utils](https://npm.io/package/@nextui-org/react-utils.md) 2.1.3
- [@nextui-org/shared-utils](https://npm.io/package/@nextui-org/shared-utils.md) 2.1.2
- [@react-aria/interactions](https://npm.io/package/@react-aria/interactions.md) 3.22.5

## Alternatives

- [lodash.startswith](https://npm.io/package/lodash.startswith.md) — 769.7K weekly downloads
- [@tarojs/service](https://npm.io/package/@tarojs/service.md) — 33.9K weekly downloads
- [io.extendreality.tilia.indicators.spatialtargets.unity](https://npm.io/package/io.extendreality.tilia.indicators.spatialtargets.unity.md) — 131 weekly downloads
- [@rtarojs/taro](https://npm.io/package/@rtarojs/taro.md) — 90 weekly downloads
- [node-branch-io](https://npm.io/package/node-branch-io.md) — 50 weekly downloads

## Recent versions

- 2.2.6 (latest) — 2025-01-05
- 0.0.0-canary-20250105124413 (canary) — 2025-01-05
- 2.1.0-beta.12 (beta) — 2024-11-28
- 0.0.0-dev-v2-20240418192457 (dev-v2) — 2024-04-18
- 0.0.0-canary-20250105123759 — 2025-01-05
- 0.0.0-canary-20250105105357 — 2025-01-05
- 0.0.0-canary-20250104022216 — 2025-01-04
- 0.0.0-canary-20250103215428 — 2025-01-03
- 0.0.0-canary-20250103161322 — 2025-01-03
- 0.0.0-canary-20250103144655 — 2025-01-03
- 0.0.0-canary-20250103144031 — 2025-01-03
- 0.0.0-canary-20250103142904 — 2025-01-03
- 0.0.0-canary-20250102192808 — 2025-01-02
- 0.0.0-canary-20250102192155 — 2025-01-02
- 0.0.0-canary-20250102191541 — 2025-01-02
- … 473 more at https://npm.io/package/@nextui-org/avatar/versions

## README

# @nextui-org/avatar

The Avatar component is used to represent a user, and displays the profile picture, initials or fallback icon.

Please refer to the [documentation](https://nextui.org/docs/components/avatar) for more information.

## Installation

```sh
yarn add @nextui-org/avatar
# or
npm i @nextui-org/avatar
```

## Contribution

Yes please! See the
[contributing guidelines](https://github.com/nextui-org/nextui/blob/master/CONTRIBUTING.md)
for details.

## License

This project is licensed under the terms of the
[MIT license](https://github.com/nextui-org/nextui/blob/master/LICENSE).

---
_Source: https://npm.io/package/@nextui-org/avatar · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._