# @react-ck/icon

Latest version **4.3.4** (published 2025-09-29) · 0 weekly downloads

## Install

```sh
npm install @react-ck/icon
pnpm add @react-ck/icon
yarn add @react-ck/icon
bun add @react-ck/icon
```

## Health

**Score 45/100 (D)** — status: stable.

Positive: has types; no vulnerabilities; high quality score.

Warnings: low downloads; no esm support.

Negative: stale.

## Facts

| | |
|---|---|
| Version | 4.3.4 |
| Published | 2025-09-29 |
| First published | 2023-11-13 |
| Weekly downloads | 0 |
| TypeScript types | bundled |
| Module format | CommonJS |
| Dependencies | 5 |
| Unpacked size | 22.2 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 1 |
| Maintainers | abelflopes |

## Links

- npm: https://www.npmjs.com/package/@react-ck/icon
- Repository: https://github.com/abelflopes/react-ck
- Homepage: https://github.com/abelflopes/react-ck/tree/master/packages/components/icon#readme
- npm.io page: https://npm.io/package/@react-ck/icon

## Dependencies (5)

- [classnames](https://npm.io/package/classnames.md) ^2.5.1
- [react-icons](https://npm.io/package/react-icons.md) ^5.5.0
- [@react-ck/theme](https://npm.io/package/@react-ck/theme.md) ^2.4.0
- [@react-ck/scss-utils](https://npm.io/package/@react-ck/scss-utils.md) ^1.1.13
- [@react-ck/react-utils](https://npm.io/package/@react-ck/react-utils.md) ^2.0.6

## Recent versions

- 4.3.4 (latest) — 2025-09-29
- 4.3.3 — 2025-09-08
- 4.3.2 — 2025-08-05
- 4.3.1 — 2025-08-02
- 4.3.0 — 2025-07-31
- 4.2.0 — 2025-07-29
- 4.1.6 — 2025-07-28
- 4.1.5 — 2025-07-25
- 4.1.4 — 2025-07-19
- 4.1.3 — 2025-07-19
- 4.1.2 — 2025-07-18
- 4.1.1 — 2025-07-16
- 4.1.0 — 2025-07-11
- 4.0.5 — 2025-07-09
- 4.0.4 — 2025-06-07
- … 53 more at https://npm.io/package/@react-ck/icon/versions

## README

# React CK | Icon Component

> :warning: **WARNING**: This component library is being updated frequently and it's currently unstable due to being in it's early stages, we advice you to use only in production environments only after version **2.0.0**.

The React Icon component is a compact and versatile element designed for displaying scalable vector icons within React applications. This component simplifies the integration of icons, offering developers a convenient way to enhance user interfaces with visual cues and meaningful symbols.

By providing a wide range of icons representing various actions, objects, and concepts, the React Icon component empowers developers to improve user experience and communication. Icons can be easily customized in terms of size, color, and style to match the application's design language, ensuring a cohesive visual presentation.

With its lightweight and efficient implementation, the React Icon component enhances the accessibility and intuitiveness of web applications. Icons can convey information quickly and universally, making them invaluable for navigation, notifications, and interactive elements. Whether used for buttons, menus, or tooltips, the React Icon component simplifies the process of incorporating visually appealing icons into React projects, contributing to a more engaging user interface.

### Installation 

To integrate the this component into your React apps, you can install it using npm or yarn: `npm i --save @react-ck/icon` or `yarn add @react-ck/icon`.

You will also need to set up the manager, install it using npm or yarn: `npm i --save @react-ck/manager` or `yarn add @react-ck/manager`.

Wrap your app root with the theme provider and use this component:

```tsx
import { Manager } from "@react-ck/manager";
import { Icon } from "@react-ck/icon";

const myApp = () => (
    <Manager>
        <Icon ... />
    </Manager>
);
```

<!-- storybook-ignore -->

---

Check the documentation website - [react-ck.js.org](https://react-ck.js.org).

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