Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

react-iconsax-vite

JaxThePrime24MIT1.8.0

Iconsax icon pack for react

react, icons, iconsax, icon components, react components

readme

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 <g-emoji class="g-emoji" alias="smile" fallback-src="https://github.githubassets.com/images/icons/emoji/unicode/1f604.png">smile</g-emoji>

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