rendinjast / iconsax-react

ICONSAX for React and React Native ✌️
https://iconsax-react.pages.dev/
MIT License
243 stars 30 forks source link
iconsax react react-native svg-icons

iconsax for React and React Native

1000 icons in 6 different styles, total 6000 icons | Perfectly balance | 24px grid-based

Browse icons at site



> ©️ iconsax [github](https://github.com/lusaxweb/iconsax) and > [official website](https://iconsax.io/) (other format and platform available) ## Installation ### React ```bash yarn add iconsax-react # or npm i iconsax-react ``` ### React Native ```bash yarn add iconsax-react-native react-native-svg # or npm i iconsax-react-native react-native-svg ``` ## Usage ```jsx import React from 'react'; //import icon. for React Native import from 'iconsax-react-native' import { EmojiHappy } from 'iconsax-react'; 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)