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