@nghiavuive/svm-icon-react NPM

SVM icon for React

Include all curved swm icons for React project. The resource belongs to Software Mansion S.A. and Daniel

Installation

It is very easy to start installing the library

npm i @nghiavuive/svm-icon-react

Usage

We can use it with a few of tsx codes below

import { Icon, IconSet } from "@nghiavuive/svm-icon-react";
export default function App() {
  return (
    <div className="w-20 h-20">
      <Icon
        icon={IconSet.Alarm}
        stroke="red"
        strokeWidth="2px"
        className="w-10 h-10"
      />
    </div>
  );
}

import { Air } from "@nghiavuive/svm-icon-react";
export default function App() {
  return (
    <div className="w-20 h-20">
      <Air
        stroke="red"
        strokeWidth="2px"
        className="w-10 h-10"
      />
    </div>
  );
}

Props

All props are the same with svg tag exclude icon. You will feel free when using the tag because it simply is an svg tag. We have an IconSet enum stored all svg images, and you need to import before using an Icon tag.