# iconic-react

> iconic-react icons pack for React

Latest version **0.5.0** (published 2022-11-18) · MIT license · 0 weekly downloads

## Install

```sh
npm install iconic-react
pnpm add iconic-react
yarn add iconic-react
bun add iconic-react
```

## Health

**Score 25/100 (F)** — status: abandoned.

Positive: has types; esm support; no vulnerabilities.

Warnings: low downloads; large bundle; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.5.0 |
| Published | 2022-11-18 |
| First published | 2022-11-18 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 1 |
| Unpacked size | 14.7 MB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 6 |
| Author | Ibnahmad Mohamed |
| Maintainers | mohamed-ibnahmad |
| Keywords | icons, reactjs, icons components, iconsax, iconic, reactjs icons, reactjs icons components, iconic-react |

## Links

- npm: https://www.npmjs.com/package/iconic-react
- Repository: https://github.com/IBNAHMADMOHAMED1/iconic-react
- Homepage: https://icon-react.vercel.app/
- Issues: https://github.com/IBNAHMADMOHAMED1/issues
- npm.io page: https://npm.io/package/iconic-react

## Dependencies (1)

- [prop-types](https://npm.io/package/prop-types.md) ^15.7.2

## 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

- 0.5.0 (latest) — 2022-11-18
- 0.4.0 — 2022-11-18
- 0.3.0 — 2022-11-18
- 0.2.0 — 2022-11-18
- 0.1.0 — 2022-11-18

## README

<h1 align="center">iconic-react package React components</h1>



<p align="center">
  1000 icons in 6 different styles, total 6000 icons | 
Perfectly balance | 
24px grid-based
<p>

<p align="center">
  <a href="https://icon-react.vercel.app/"><strong>Browse icons at site</strong></a>
</p>
<br>
<br>

> ©️ iconsax <a href="https://iconsax.io/">github</a> and <a href="https://iconsax.io/">official
> website</a>(other format and platform  available)

## Installation

```bash
yarn add iconic-react

# or
npm i iconic-react

```

## Usage

```jsx
import React from 'react';
//import icon.
import { EmojiHappy } from 'iconic-react';

const Example = () => {
  // then use it as a normal React Component
  return <EmojiHappy />;
};
```

You can configure Icons with inline props:

```jsx
<EmojiHappy color="#eee" variant="Bulk" size={54} />

// happy emoji with color #eee, variant Bulk and size 54px with love ❤️ (ibnahmad)

```

## Props

| Prop      | Type                                                | Default        | Note                   |
| --------- | --------------------------------------------------- | -------------- | ---------------------- |
| `color`   | `string`                                            | `currentColor` | css color              |
| `size`    | `number` `string`                                   | 24px           | size={24} or size="24" |
| `variant` | `Linear` `Outline` `TwoTone` `Bulk` `Broken` `Bold` | `Linear`       | icons styles           |

---

## Contributing

See
<a href="https://github.com/IBNAHMADMOHAMED1/iconic-react/blob/main/CONTRIBUTING.md">CONTRIBUTING.md</a>

## License

> ©️ ALL RIGHTS RESERVED TO IBNAHMAD MOHAMED

<a href="https://github.com/IBNAHMADMOHAMED1/iconic-react/blob/main/LICENSE">MIT</a>

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