Iconsax for ReactJS

This is the component library for Iconsax Icons v1. Tree-shaking is supported, so you can keep your build minimal.

The original repository for Iconsax can be found here: https://github.com/lusaxweb/iconsax

Installation

``
npm i react-iconsax-icons
`
or
`
yarn add react-iconsax-icons
`

Usage

The naming style is IconName + VariantName. There are 6 variants:
- Linear
- Bold
- Bulk
- Broken
- Outline
- TwoTone

For example, airplane-square.svg in Bold variant would be .

You can use color and size to configure the appearance.
`jsx
import React from 'react';
import { ActivityBold } from 'react-iconsax-icons';

const MyComponent = () => {
return ;
};
`

If the SVG file name starts with a number, such as 24-support.svg, just add I before the name:




Props


| Name | Type | Default |
|----------|--------------------|---------|
|color |string |#292D32|
|size |string \| number|24` |

License

MIT