msr-icons 0.0.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 MSR Icons
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,128 @@
+# msr-icons
+
+A lightweight, production-ready React SVG icon library with 100+ pre-built icons. Perfect for modern web applications.
+
+## Features
+
+- ✨ **100+ SVG Icons** – Social media, tech stack, UI, utilities, and custom icons
+- 🎨 **Customizable** – Control color, size, and styling via props
+- 📦 **Tree-shakeable** – Import only what you need
+- ⚡ **Optimized** – Built with Vite for fast dev/build
+- 🚀 **NPM Ready** – Published and ready to install
+
+## Installation
+
+```bash
+npm install msr-icons
+# or
+yarn add msr-icons
+# or
+pnpm add msr-icons
+```
+
+## Quick Start
+
+### Using the Icon Wrapper
+
+```jsx
+import { Icon } from 'msr-icons';
+
+export default function App() {
+  return <Icon name="SvgFacebook" size={32} color="#286bc2" />;
+}
+```
+
+### Importing Individual Icons
+
+```jsx
+import { SvgFacebook, SvgGithub, SvgTwitter } from 'msr-icons';
+
+export default function App() {
+  return (
+    <div>
+      <SvgFacebook color="#286bc2" onClick={() => alert('Facebook')} />
+      <SvgGithub color="#000" />
+      <SvgTwitter color="#1DA1F2" isColored />
+    </div>
+  );
+}
+```
+
+## Icon Props
+
+### Common Props
+
+- **`color`** (string) – SVG fill/stroke color. Default varies by icon.
+- **`isColored`** (boolean) – Use brand color or custom color. Default: `true`
+- **`onClick`** (function) – Click handler
+- **`classes`** (string) – CSS class names
+- **`className`** (string) – React className (for Icon wrapper)
+- **`style`** (object) – Inline styles
+
+### Icon-Specific Props
+
+- **`SvgWIFI`** – `isDot` (boolean), `is4` (boolean)
+- **`SvgSnapchat`** – `backgroundColor` (string)
+- **`SvgLogin/SvgLogout`** – `lineWidth` (string)
+- **`SvgInstagram`** – `onHover` (function)
+
+## Available Icons
+
+**Social Media:** Facebook, Twitter, Instagram, LinkedIn, GitHub, TikTok, Snapchat, WhatsApp, Telegram, Discord, Reddit, Pinterest, Viber, Vine
+
+**Tech Stack:** JavaScript, React, NodeJS, Python, Java, PHP, Docker, AWS, Azure, Google Cloud
+
+**UI Components:** Settings, Search, Menu, Trash, Edit, Download, Upload, Refresh, Reload, Send, Bell, Search, and more
+
+**Utilities:** Mail, Phone, Map, Location, Printer, Shield, Globe, Internet, Disk
+
+... and **100+ more icons**!
+
+## Development
+
+### Build
+
+```bash
+npm run build
+```
+
+### Dev Server
+
+```bash
+npm run dev
+```
+
+### Lint
+
+```bash
+npm lint
+```
+
+## Project Structure
+
+```
+src/
+├── SvgComponents.js    # All icon exports
+├── Icon.jsx            # Icon wrapper component
+├── Icon.css            # Icon styling
+├── index.js            # Main entry point
+└── App.jsx             # Demo app
+```
+
+## Publishing to NPM
+
+This package is configured for NPM publishing:
+
+```bash
+npm publish --access public
+```
+
+Ensure `dist/` is built before publishing:
+
+```bash
+npm run build && npm publish
+```
+
+## License
+
+MIT