# @ckbab/react-native-icons

> A collection of beautiful React Native icons.

Latest version **1.0.10** (published 2025-06-28) · ISC license · 0 weekly downloads

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

## Install

```sh
npm install @ckbab/react-native-icons
pnpm add @ckbab/react-native-icons
yarn add @ckbab/react-native-icons
bun add @ckbab/react-native-icons
```

## Health

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

Negative: deprecated.

## Facts

| | |
|---|---|
| Version | 1.0.10 |
| Published | 2025-06-28 |
| First published | 2022-10-08 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 1 |
| Unpacked size | 266 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Author | Marcus Christiansson |
| Maintainers | marcus.chr |
| Keywords | icon, icons, react native, svg |

## Links

- npm: https://www.npmjs.com/package/@ckbab/react-native-icons
- Repository: https://github.com/ckbab/react-native-icons
- Homepage: https://github.com/ckbab/react-native-icons#readme
- Issues: https://github.com/ckbab/react-native-icons/issues
- npm.io page: https://npm.io/package/@ckbab/react-native-icons

## Dependencies (1)

- [@ckbab/js-utils](https://npm.io/package/@ckbab/js-utils.md) ^1.0.6

## Alternatives

- [@fortawesome/react-fontawesome](https://npm.io/package/@fortawesome/react-fontawesome.md) — 2.2M weekly downloads
- [roboto-fontface](https://npm.io/package/roboto-fontface.md) — 196.0K weekly downloads
- [@react-native-vector-icons/common](https://npm.io/package/@react-native-vector-icons/common.md) — 150.4K weekly downloads
- [@procore/core-icons](https://npm.io/package/@procore/core-icons.md) — 4.6K weekly downloads
- [@react-md/material-icons](https://npm.io/package/@react-md/material-icons.md) — 1.6K weekly downloads

## Recent versions

- 1.0.10 (latest) — 2025-06-28
- 1.0.9 — 2024-01-12
- 1.0.8 — 2023-09-26
- 1.0.7 — 2023-09-26
- 1.0.6 — 2023-07-20
- 1.0.5 — 2023-07-20
- 1.0.4 — 2022-10-15
- 1.0.3 — 2022-10-10
- 1.0.2 — 2022-10-08
- 1.0.1 — 2022-10-08
- 1.0.0 — 2022-10-08

## README

# react-native-icons

A collection of beautiful React Native icons.

## Installation

```
yarn add @ckbab/react-native-icons
```

This package depends on `react-native-svg` so you need to install it as well.

## Usage

```js
import Icon from "@ckbab/react-native-icons";

<Icon name="beer" />

<Icon code="beer" color="#009900" size={48} />
```

You can also define default icon props using the `IconProvider`:

```js
import { IconProvider } from "@ckbab/react-native-icons";

<IconProvider borderColor="#000" color="#ffcc00" size={24}>
  /* Rest of your code */
</IconProvider>;
```

As shown above you can pass `borderColor`, `color` and `size` as default props.

## Properties

| Name          | Type         | Default value |
| ------------- | ------------ | ------------- |
| `borderColor` | `string`     | `""`          |
| `color`       | `string`     | `#cc00ff`     |
| `name`        | `string`     | `""`          |
| `size`        | `number`     | `16`          |
| `style`       | `StyleSheet` | `{}`          |

If `borderColor` is not explicitly defined the border color will be based on the `color` prop.

## Available icons

- arrow-down
- arrow-left
- arrow-right
- arrow-up
- beer
- bus
- calendar
- cards
- chat
- check
- check-circle
- chevron-down
- chevron-left
- chevron-right
- chevron-up
- cog
- coin
- cross
- cross-circle
- email
- fist-bump
- football
- globe
- hotel
- info-circle
- lock
- menu
- more
- notification
- phone
- pin
- plane
- plus
- pot
- progress
- search
- shoe
- stadium
- star
- stats
- thumbs-down
- thumbs-up
- ticket
- time
- unlock
- user
- user-plus
- walking
- zigma

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