@deepanmano/berry-icon-library

React SVG icon library with 22 customizable icons.

Installation

bun add @deepanmano/berry-icon-library
# or
npm install @deepanmano/berry-icon-library

Usage

import { AddIcon, SearchIcon, ProfileIcon } from "@deepanmano/berry-icon-library";

function App() {
  return (
    <div>
      {/* Basic usage */}
      <AddIcon />
      
      {/* With size */}
      <SearchIcon width={24} height={24} />
      
      {/* With color */}
      <ProfileIcon fill="blue" />
      
      {/* With className */}
      <MailIcon className="icon-class" />
      
      {/* With inline styles */}
      <LockFilledIcon style={{ color: 'red' }} />
    </div>
  );
}

Available Icons

All icons accept standard SVG props (width, height, fill, className, style, etc.)

• AccountCircleIcon
• AddIcon
• CheckCircleIcon
• ChevronLeftIcon
• ChevronRightIcon
• CloseIcon
• CreditCardIcon
• DeactivateIcon
• DeleteIcon
• DotIcon
• EditSquareIcon
• ExpandArrowIcon
• ExpandCloseIcon
• GlobeIcon
• LocationIcon
• LockIcon
• MailIcon
• MobileIcon
• MoreVerticalIcon
• PersonIcon
• SearchIcon
• SMSIcon

Features

• ✅ TypeScript support
• ✅ Tree-shakeable
• ✅ Customizable via props
• ✅ No runtime dependencies (except React peer dependency)
• ✅ ESM format

Peer Dependencies

• React ^18.3.1

License

MIT