B2C Nahar Icons

Official icon library for B2C Nahar project. 44 carefully crafted icons as React components.

Installation

npm install b2c-nahar

Usage

import { IconHome, IconUser, IconEmail } from 'b2c-nahar';

function App() {
  return (
    <div>
      {/* Default: 24px, currentColor */}
      <IconHome />
      
      {/* Custom size */}
      <IconHome size={32} />
      
      {/* Custom color */}
      <IconHome size={32} color="#FF5500" />
      
      {/* With other props */}
      <IconHome 
        size={48} 
        color="#18332F"
        className="my-icon"
        onClick={() => console.log('Clicked!')}
      />
    </div>
  );
}

Props

All icons accept these props:

| Prop | Type | Default | Description | |------|------|---------|-------------| | size | number \| string | 24 | Icon size (width and height) | | color | string | 'currentColor' | Icon stroke color | | ...props | SVGProps | - | Any valid SVG attributes |

Available Icons

• IconAlert
• IconAgreement
• IconArrow
• IconBack
• IconBars
• IconBolt
• IconCalculator
• IconCalendar
• IconCall
• IconCard
• IconCar
• IconChevronDown
• IconClock
• IconCrossFillled
• IconCustomReset
• IconData
• IconEdit
• IconEFaktura
• IconEmail
• IconEyeOff
• IconEyeOn
• IconFamilySharing
• IconHanPort
• IconHelpInfo
• IconHome
• IconInfo
• IconInvoice
• IconLock
• IconLogOut1
• IconLogOut2
• IconMap
• IconMenu
• IconMessage
• IconMobile
• IconReload
• IconRetry
• IconSiteAddress
• IconTickFilled
• IconTickLine
• IconTips
• IconTrash
• IconUser
• IconWiki
• IconXCross

Brand Colors

// Grey-400
<IconUser size={32} color="#A4A7AE" />

// Brand-600
<IconUser size={32} color="#FF5500" />

// BooGreen-300
<IconUser size={32} color="#18332F" />

// Black
<IconUser size={32} color="#000000" />

License

MIT

Support

For issues and feature requests, please contact the Nahar team.