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
npm i react-iconsax-icons
or
yarn add react-iconsax-icons
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 <AirplaneSquareBold />.
You can use color and size to configure the appearance.
import React from 'react';
import { ActivityBold } from 'react-iconsax-icons';
const MyComponent = () => {
return <ActivityBold color="#333333" size={32} />;
}; If the SVG file name starts with a number, such as 24-support.svg, just add I before the name. For example <I24SupportBold />
| Name | Type | Default |
|---|---|---|
color |
string |
#292D32 |
size |
string | number |
24 |
MIT