<article ><a name="user-content-readme-top"></a></p>

<div align="center">
  <h1 align="center"></a>iconsax for React</h1>
  <p align="center">
    A total of 6000 icons in 6 different designs | <strong>Only supported for react vite</strong>
    <br>
    <br>
    <a href="https://react-iconsax-vite-preview.vercel.app/"><strong> Browse icons</strong></a>
  </p>
</div>

# About the Project

the features of this package include the following:

- 1000 icons in 6 different types
- Perfectly balance
- 24px grid-based
- Lightweight, powerful and easy to use <g-emoji class="g-emoji" alias="smile" fallback-src="https://github.githubassets.com/images/icons/emoji/unicode/1f604.png"><img class="emoji" alt="smile" src="https://github.githubassets.com/images/icons/emoji/unicode/1f604.png" width="20" height="20"></g-emoji>

<a href="https://react.dev/" rel="nofollow">
<img src="https://www.cdnlogo.com/logos/r/85/react.svg" width="70" height="70">
</a>

# Installation

- Install Yarn package

```bash
yarn add react-iconsax-vite
```

- Install NPM package

```bash
npm install react-iconsax-vite
```

## Usage

Local registration:

```jsx
import { VsxIcon } from "react-iconsax-vite";

function App() {
  return (
    <div>
      // Dynamic icon component - Use PascalCase for iconName prop
      <VsxIcon iconName="VolumeUp" />
    </div>
  );
}

export default App;
```

## Props

| Prop       | Type                                                | Default        | Note                                                               |
| ---------- | --------------------------------------------------- | -------------- | ------------------------------------------------------------------ |
| `color`    | `string`                                            | `currentColor` | css color                                                          |
| `size`     | `number` `string`                                   | 24px           | size="24" or :size="24"                                            |
| `type`     | `Linear` `Outline` `TwoTone` `Bulk` `Broken` `Bold` | `Linear`       | icons styles                                                       |
| `iconName` | string                                              |                | iconName is only required with vsx-icon tag (Dynamic icon imports) |

## Contact

Emad Moghimi [jaxtheprime@gmail.com](jaxtheprime@gmail.com)

Project Link: [https://github.com/JaxThePrime/react-iconsax-vite](https://github.com/JaxThePrime/react-iconsax-vite)

</article >