iconsax for React

A total of 6000 icons in 6 different designs | Only supported for react vite

Browse icons

About the Project

the features of this package include the following:

• 1000 icons in 6 different types
• Perfectly balance
• 24px grid-based
• Lightweight, powerful and easy to use

Installation

• Install Yarn package

yarn add react-iconsax-vite

• Install NPM package

npm install react-iconsax-vite

Usage

Local registration:

import { VsxIcon } from "react-iconsax-vite";

function App() {
  return (
    <div>
      // Dynamic icon component - Use PascalCase for iconName prop
      <VsxIcon iconName="VolumeUp" />
    </div>
  );
}

export default App;

Props

Prop	Type	Default	Note
color	string	currentColor	css color
size	number string	24px	size="24" or :size="24"
type	Linear Outline TwoTone Bulk Broken Bold	Linear	icons styles
iconName	string		iconName is only required with vsx-icon tag (Dynamic icon imports)

Contact

Emad Moghimi jaxtheprime@gmail.com

Project Link: https://github.com/JaxThePrime/react-iconsax-vite