Candour Icon Library

Icons and svg library.

Installation

Install the library using npm, yarn or bun:

npm install @candourorg/icons

yarn add @candourorg/icons

bun add @candourorg/icons

Examples of How to Use the icons and svgs from the Candour icon Library

1. Svg images

Description: how to import and use the svgs from the library.

Example Usage:

import { svgs } from "@candourorg/icons";

<img src={svgs.verify} />
<img src{svgs.google} />

2. Icons

Description: how to import and use the icons from the library

Example Usage:

import { icons } from "@candourorg/icons";

<icons.Bank stroke="#efefef"/>
<icons.CloseIcon stroke="#efefef" onClick={() => console.log("you clicked the icon")} />

Below is a list of the available icons

ShieldZap   Target   Percent   Mail   Luggage   HeartHand   GamingPad   ChromeCast   Announcement   ArrowsTriangle   ArrowCircleDown   ArrowCircleUp   BalanceSheetIcon   EditIcon   RefreshIcon   DownloadIcon   CalenderIcon   CaretLeftIcon   Bank   Car   Bus   Box   Xicon   OkIcon   EyeIcon   KeyIcon   MapIcon   LinkIcon   BankIcon   DateIcon   FileIcon   LockIcon   FontIcon   PlusIcon   UserIcon   UsersIcon   PhoneIcon   BrushIcon   CloseIcon   EmailIcon   ArrowDown   DottedIcon   DeleteIcon   PencilIcon   CloseIcon2   SearchIcon   EyeoffIcon   FilterIcon   CreateIcon   WalletIcon   WarningIcon   CompanyIcon   InvoiceIcon   WebsiteIcon   CharityIcon   ProfileIcon   SuccessIcon   SettingsIcon   VerifiedIcon   LocationIcon   ChevronRight   DropDownIcon   CurrencyIcon   BusinessIcon   PasswordIcon   CheckmarkIcon   CoinsHandIcon   ArrowLeftIcon   FileShildIcon   RightCaretIcon   ArrowRightIcon   AlertCircleIcon   CompleteProfile   PartnershipIcon   OrganisationIcon   XcircledIcon   CircledCheckmark  

Below is a list of the available svgs

| pop   | bell   | edit   | logo   | note   | xIcon   | google   | verify   | qrcode   | logout   | archive   | trendUp   | pngIcon   | invoice   | pdfIcon   | sortIcon   | plusIcon   | fileIcon   | logoDark   | asterisk   | employee   | trendDown   | arrowDown   | arrowLeft   | checkIcon   | parachute   | deleteIcon   | filterIcon   | infoCircle   | plusIconBlack   | fileShieldIcon