web-svg-icons

A simple and customizable icon package for React with dynamic size and color.

🚀 Installation

You can install web-svg-icons via npm:

npm install web-svg-icons

or using yarn:

yarn add web-svg-icons

📌 Usage

Import the icons into your React component and customize them using size and color props.

import React from "react";
import {
  BellIcon,
  DashboardIcon,
  QRCodeIcon,
  QRLeadsIcon,
  ClaimManagementIcon,
  FeedbackIcon,
  PromoIcon,
  QRBundleIcon,
  ReportIcon,
  SystemIcon,
  UserManagementIcon,
} from "web-svg-icons";

const App = () => {
  return (
    <div>
      <BellIcon size={48} color="blue" />
      <DashboardIcon size={48} color="red" />
      <QRCodeIcon size={48} color="green" />
      <QRLeadsIcon size={48} color="purple" />
      <ClaimManagementIcon size={48} color="orange" />
      <FeedbackIcon size={48} color="pink" />
      <PromoIcon size={48} color="cyan" />
      <QRBundleIcon size={48} color="brown" />
      <ReportIcon size={48} color="teal" />
      <SystemIcon size={48} color="lime" />
      <UserManagementIcon size={48} color="gold" />
    </div>
  );
};

export default App;

📜 Available Icons

The package includes the following icons:

• BellIcon
• DashboardIcon
• QRCodeIcon
• QRLeadsIcon
• ClaimManagementIcon
• FeedbackIcon
• PromoIcon
• QRBundleIcon
• ReportIcon
• SystemIcon
• UserManagementIcon
• QRInventryIcon
• QRBookIcon
• QRSoldIcon
• QRBookSoldIcon
• RevenueIcon
• QRActiveIcon
• ParcelDispatchIcon
• ParcelReturnIcon
• ParcelDisputeIcon
• QRClaimIcon
• RegisterIcon
• TotalStoreIcon
• ClockIcon
• LocationIcon
• FacebookIcon
• InstagramIcon
• LinkedinIcon
• TwitterIcon
• YoutubeIcon

Each icon supports:

• size (default: 24)
• color (default: #9A9AB0)

📄 License

This project is licensed under the Avancera solution License.