guru-react-icons

A production-ready React icon library featuring a cartoon guru character. Inspired by Lucide React, built for performance and developer experience.

Features

• Iconic Design: Unique cartoon guru character for every use case.
• Tree-Shakable: Import only the icons you need.
• TypeScript Ready: Full type definitions included.
• Customizable: Control size, color, and stroke width with ease.
• SVGR Driven: Optimized SVG to React conversion.

Installation

pnpm add guru-react-icons
# or
npm install guru-react-icons
# or
yarn add guru-react-icons

Usage

import { GuruMeditate, GuruTeach } from 'guru-react-icons';

function App() {
  return (
    <div>
      <GuruMeditate size={48} color="#f97316" strokeWidth={1.5} />
      <GuruTeach size={32} />
    </div>
  );
}

Icons Preview

| Icon | Name | Import | | :--- | :--- | :--- | | Icon | Name | Import | | :--- | :--- | :--- | | | GuruSimple | `import { GuruSimple } from '@amyths/guru-react-icons'` | | | GuruDetailed | `import { GuruDetailed } from '@amyths/guru-react-icons'` | | | GuruMaster | `import { GuruMaster } from '@amyths/guru-react-icons'` |

Development

Setup

1. Clone the repository
2. Install dependencies: pnpm install

Scripts

• pnpm generate-icons: Converts SVG files in src/icons to React components.
• pnpm build: Bundles the library into dist/.
• pnpm clean: Removes generated files and build artifacts.

Adding New Icons

1. Place your .svg file in src/icons.
2. Run pnpm generate-icons.
3. The component will be available for export and use.

Publishing

To publish to NPM:

1. Ensure you have an account and are logged in.
2. Run pnpm build.
3. Run npm publish --access public.

License

MIT © [Guru React Icons Team]