@redrob/icons

Icon library for Redrob AI Design System. Customizable SVG icons for React applications.

🎨 Live Demo

View All Icons →

Installation

npm install @redrob/icons

Usage

import { SearchIcon, HomeIcon, UserIcon } from '@redrob/icons';

function MyComponent() {
  return (
    <div>
      <SearchIcon size={24} />
      <HomeIcon size={32} color="#007bff" />
      <UserIcon size={20} className="text-blue-500" />
    </div>
  );
}

Props

| Prop | Type | Default | Description | |------|------|---------|-------------| | size | number \| string | 24 | Icon size | | color | string | 'currentColor' | Icon color | | className | string | '' | CSS classes | | strokeWidth | number | 2 | Stroke width |

Available Icons

Navigation: HomeIcon, SearchIcon, MenuIcon
Chevrons: ChevronDown, ChevronUp, ChevronLeft, ChevronRight
Actions: CloseIcon, CheckIcon, PlusIcon, MinusIcon, EditIcon, TrashIcon
User: UserIcon, SettingsIcon
Status: InfoIcon, AlertIcon

License

MIT