Slick SVG Icons is a lightweight and elegant collection of SVG icons designed for seamless integration into React.js projects. This package provides a simple and efficient way to import and use scalable vector icons in your web applications. Built with modularity in mind, it ensures optimized performance and easy customization while maintaining a sleek and modern aesthetic.

✅ Easy to Import & Use – Simplified syntax for hassle-free integration.
✅ Optimized for React.js – Supports JSX-based rendering.
✅ Lightweight & Scalable – SVG-based, ensuring crisp visuals on any screen.
✅ Customizable – Adjust colors, sizes, and styles effortlessly.
✅ Tree-shakable – Only includes the icons you use, keeping your bundle size small.

Install the package using npm or yarn:

npm install slick-svg-icons

or

yarn add slick-svg-icons

Import and use any icon in your React component:

import { ArrowRight } from "slick-svg-icons";

function App() {
  return <ArrowRight size={32} color="red" />;
}

export default App;

Each icon component accepts the following props:

slick-svg-icons/
│── src/                        # Source files
│   ├── icons/                  # Folder containing individual SVG components
│   │   ├── ArrowRight.tsx       # Example icon component
│   │   ├── Home.tsx             # Example icon component
│   │   ├── User.tsx             # Example icon component
│   │   └── index.ts             # Exports all icons
│   ├── index.ts                 # Main entry point for the package
│── dist/                        # Compiled output (ignored in Git, auto-generated)
│── examples/                    # Example projects or usage demos
│── tests/                       # Unit tests for components (optional)
│── package.json                 # NPM package metadata
│── tsconfig.json                # TypeScript configuration
│── README.md                    # Documentation
│── .gitignore                    # Ignoring unnecessary files
│── .npmignore                    # Ignoring files not needed in the published package
│── rollup.config.js / vite.config.js  # Build configuration (Rollup/Vite for bundling)

1. Clone the repository:

   git clone https://github.com/your-username/slick-svg-icons.git

2. Install dependencies:

   cd slick-svg-icons
   npm install

3. Start development:

   npm run dev

4. Run tests:

   npm run test

5. Submit a pull request with improvements or new icons.

This project is licensed under the MIT License.

If you find this package helpful, consider starring the repository and sharing it with others. 🚀