# @hopper-ui/icons-react16

> The icons package that targets React 16.

Latest version **2.5.1** (published 2025-10-22) · Apache-2.0 license · 0 weekly downloads

## Install

```sh
npm install @hopper-ui/icons-react16
pnpm add @hopper-ui/icons-react16
yarn add @hopper-ui/icons-react16
bun add @hopper-ui/icons-react16
```

## Health

**Score 55/100 (C)** — status: stable.

Positive: has types; esm support; no vulnerabilities; has provenance; high maintenance score.

Warnings: low downloads.

Negative: stale.

## Facts

| | |
|---|---|
| Version | 2.5.1 |
| Published | 2025-10-22 |
| First published | 2024-01-09 |
| Weekly downloads | 0 |
| License | Apache-2.0 |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 0 |
| Unpacked size | 1.6 MB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Provenance | attested (GitHub Actions) |
| GitHub stars | 0 |
| Author | Workleap |
| Maintainers | alexasselin008, infra.admin, patricklafrance |

## Links

- npm: https://www.npmjs.com/package/@hopper-ui/icons-react16
- Repository: https://github.com/workleap/wl-hopper-react16
- Homepage: https://github.com/workleap/wl-hopper-react16#readme
- Issues: https://github.com/workleap/wl-hopper-react16/issues
- npm.io page: https://npm.io/package/@hopper-ui/icons-react16

## Recent versions

- 2.5.1 (latest) — 2025-10-22
- 2.5.0 — 2025-10-21
- 2.4.0 — 2024-08-28
- 2.3.0 — 2024-08-05
- 2.2.0 — 2024-07-17
- 2.1.0 — 2024-07-02
- 2.0.1 — 2024-05-15
- 2.0.0 — 2024-05-15
- 1.9.0 — 2024-04-18
- 1.8.0 — 2024-04-17
- 1.7.0 — 2024-04-16
- 1.6.0 — 2024-04-10
- 1.5.0 — 2024-04-10
- 1.4.0 — 2024-03-07
- 1.3.0 — 2024-03-04
- … 5 more at https://npm.io/package/@hopper-ui/icons-react16/versions

## README

# @hopper-ui/icons-react16

A set of icons handcrafted by Workleap. This package is meant to be temporary, to allow teams that are still using React 16 to be able to have access to the shared icons.

> This package assumes that you are importing the CSS tokens from Hopper in your application. If you are not, icon colors will not be applied.

[![License](https://img.shields.io/badge/License-Apache_2.0-blue.svg)](../../LICENSE)
[![npm version](https://img.shields.io/npm/v/@hopper-ui/icons-react16)](https://www.npmjs.com/package/@hopper-ui/icons-react16)

## Installation

### Install packages

**With pnpm**

```shell
pnpm add @hopper-ui/icons-react16
```

**With yarn**

```shell
yarn add @hopper-ui/icons-react16
```

**With npm**

```shell
npm install @hopper-ui/icons-react16
```

### Import Styles
```css
/* in your root css */
@import "@hopper-ui/icons-react16/index.css";
```


https://wl-hopper.netlify.app/icons/react-icons/standalone-installation#import-styles

### Start using icons

```tsx
    import { AddIcon } from "@hopper-ui/icons-react16";

    export const App = () => (
        <div>
            <span>Hello World!</span>
            <AddIcon size="sm" />
        </div>
    );
```

## Available Icons

View the [library](https://wl-hopper.netlify.app/icons/react-icons/library).

## 🤝 Contributing

View the [contributor's documentation](https://github.com/workleap/wl-hopper/blob/main/CONTRIBUTING.md).

## License

Copyright © 2023, Workleap. This code is licensed under the Apache License, Version 2.0. You may obtain a copy of this license at https://github.com/workleap/workleap-license/blob/master/LICENSE.

---
_Source: https://npm.io/package/@hopper-ui/icons-react16 · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._