https://github.com/rendinjast/iconsax-react
ICONSAX for React and React Native ✌️
https://github.com/rendinjast/iconsax-react
iconsax react react-native svg-icons
Last synced: 3 months ago
JSON representation
ICONSAX for React and React Native ✌️
- Host: GitHub
- URL: https://github.com/rendinjast/iconsax-react
- Owner: rendinjast
- License: mit
- Created: 2021-10-25T23:22:06.000Z (almost 4 years ago)
- Default Branch: master
- Last Pushed: 2025-04-14T12:13:18.000Z (6 months ago)
- Last Synced: 2025-07-19T11:45:43.005Z (3 months ago)
- Topics: iconsax, react, react-native, svg-icons
- Language: TypeScript
- Homepage: https://iconsax.erfan.ee
- Size: 2.94 MB
- Stars: 272
- Watchers: 4
- Forks: 37
- Open Issues: 11
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
Awesome Lists containing this project
README
iconsax for React and React Native
1000 icons in 6 different styles, total 6000 icons |
Perfectly balance |
24px grid-based
## Installation
### React
```bash
yarn add iconsax-reactjs
# or
npm i iconsax-reactjs
```
### React Native
```bash
yarn add iconsax-react-nativejs react-native-svg
# or
npm i iconsax-react-nativejs react-native-svg
```
## Usage
```jsx
import React from 'react';
//import icon. for React Native import from 'iconsax-react-nativejs'
import { EmojiHappy } from 'iconsax-reactjs';
const Example = () => {
// then use it as a normal React Component
return ;
};
```
You can configure Icons with inline props:
```jsx
```
## 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 [CONTRIBUTING.md](./CONTRIBUTING.md)
## License
[MIT](./LICENSE)