React iconsax icons

Iconsax Icons for ReactJS

Version: 1.0.1 Updated: 05/14/2022

By: necrobits License: MIT

Downloads Last 30 Days: 8

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

Props

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

License

MIT

Categories: React js