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:


npm i react-iconsax-icons


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


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



Categories: React js