necrobits / react-iconsax-icons

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

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 <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 />

Props

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

License

MIT