The icon library allows icons to be imported in two different manners.
From the root by name:
import * as React from 'react'
import { ActionsAdd, ActionsDelete } from '@repay/cactus-icons'
export default () => (
<React.Fragment>
<ActionsAdd />
<ActionsDelete />
</React.Fragment>
)Individually by file path:
import * as React from 'react'
import ActionsAdd from '@repay/cactus-icons/i/actions-add'
import ActionsDelete from '@repay/cactus-icons/i/actions-delete'
export default () => (
<React.Fragment>
<ActionsAdd />
<ActionsDelete />
</React.Fragment>
)See below for the list of available icons and the names and paths by which they can be referenced.
ActionsAdd
/i/actions-addActionsCoachmarks
/i/actions-coachmarksActionsCopy
/i/actions-copyActionsDelete
/i/actions-deleteActionsDownload
/i/actions-downloadActionsDuplicate
/i/actions-duplicateActionsEdit
/i/actions-editActionsFilter
/i/actions-filterActionsGear
/i/actions-gearActionsKey
/i/actions-keyActionsPrint
/i/actions-printActionsRedo
/i/actions-redoActionsRefresh
/i/actions-refreshActionsRemove
/i/actions-removeActionsUndo
/i/actions-undoActionsUpload
/i/actions-uploadBatchstatusInprogress
/i/batchstatus-inprogressBatchstatusOpen
/i/batchstatus-openBatchstatusReconciled
/i/batchstatus-reconciledBatchstatusSettle
/i/batchstatus-settleDescriptiveApps
/i/descriptive-appsDescriptiveAssistant
/i/descriptive-assistantDescriptiveAt
/i/descriptive-atDescriptiveBars
/i/descriptive-barsDescriptiveBox
/i/descriptive-boxDescriptiveCalendar
/i/descriptive-calendarDescriptiveCart
/i/descriptive-cartDescriptiveCategory
/i/descriptive-categoryDescriptiveClock
/i/descriptive-clockDescriptiveCloud
/i/descriptive-cloudDescriptiveComment
/i/descriptive-commentDescriptiveConnect
/i/descriptive-connectDescriptiveDelivered
/i/descriptive-deliveredDescriptiveDiscussions
/i/descriptive-discussionsDescriptiveDocument1
/i/descriptive-document1DescriptiveDocument2
/i/descriptive-document2DescriptiveEcoding
/i/descriptive-ecodingDescriptiveEnvelope
/i/descriptive-envelopeDescriptiveEnvelopeOpen
/i/descriptive-envelopeopenDescriptiveFilter
/i/descriptive-filterDescriptiveFolder
/i/descriptive-folderDescriptiveHome
/i/descriptive-homeDescriptiveInternet
/i/descriptive-internetDescriptiveLocation
/i/descriptive-locationDescriptiveLock
/i/descriptive-lockDescriptivePalette
/i/descriptive-paletteDescriptivePercent
/i/descriptive-percentDescriptivePiechart
/i/descriptive-piechartDescriptivePresentation
/i/descriptive-presentationDescriptiveProfile
/i/descriptive-profileDescriptiveReceipt
/i/descriptive-receiptDescriptiveRuler
/i/descriptive-rulerDescriptiveSkip
/i/descriptive-skipDescriptiveSuitcase
/i/descriptive-suitcaseDescriptiveTray
/i/descriptive-trayInterfaceCard
/i/interface-cardInterfaceDesktop
/i/interface-desktopInterfaceLaptop
/i/interface-laptopInterfacePage
/i/interface-pageInterfaceSms
/i/interface-smsInterfaceTables
/i/interface-tablesMultimediaCall
/i/multimedia-callMultimediaCamera
/i/multimedia-cameraMultimediaCampaign
/i/multimedia-campaignMultimediaVideocamera
/i/multimedia-videocameraMultimediaVoice
/i/multimedia-voiceMultimediaVolume
/i/multimedia-volumeNavigationArrowBack
/i/navigation-arrowbackNavigationArrowDown
/i/navigation-arrowdownNavigationArrowForward
/i/navigation-arrowforwardNavigationArrowLeft
/i/navigation-arrowleftNavigationArrowRight
/i/navigation-arrowrightNavigationArrowSorting
/i/navigation-arrowsortingNavigationArrowUp
/i/navigation-arrowupNavigationChevronBottom
/i/navigation-chevronbottomNavigationChevronDoubleLeft
/i/navigation-chevrondoubleleftNavigationChevronDoubleRight
/i/navigation-chevrondoublerightNavigationChevronDown
/i/navigation-chevrondownNavigationChevronLeft
/i/navigation-chevronleftNavigationChevronNav
/i/navigation-chevronnavNavigationChevronRight
/i/navigation-chevronrightNavigationChevronTop
/i/navigation-chevrontopNavigationChevronUp
/i/navigation-chevronupNavigationCircleDown
/i/navigation-circledownNavigationCircleLeft
/i/navigation-circleleftNavigationCircleRight
/i/navigation-circlerightNavigationCircleUp
/i/navigation-circleupNavigationClose
/i/navigation-closeNavigationDragDrop
/i/navigation-dragdropNavigationDragDropDots
/i/navigation-dragdropdotsNavigationFirst
/i/navigation-firstNavigationHamburger
/i/navigation-hamburgerNavigationLast
/i/navigation-lastNavigationLess
/i/navigation-lessNavigationLogout
/i/navigation-logoutNavigationMenuDots
/i/navigation-menudotsNavigationPlus
/i/navigation-plusNavigationSearch
/i/navigation-searchNotificationAlert
/i/notification-alertNotificationError
/i/notification-errorNotificationInfo
/i/notification-infoNotificationNote
/i/notification-notePaymentAmex
/i/payment-amexPaymentBank
/i/payment-bankPaymentBarcode
/i/payment-barcodePaymentBatch
/i/payment-batchPaymentCardBack
/i/payment-cardbackPaymentCash
/i/payment-cashPaymentCashback
/i/payment-cashbackPaymentCharge
/i/payment-chargePaymentCredit
/i/payment-creditPaymentCsc
/i/payment-cscPaymentCvv
/i/payment-cvvPaymentDebit
/i/payment-debitPaymentInvoice
/i/payment-invoicePaymentMaster
/i/payment-masterPaymentPay
/i/payment-payPaymentPaybycard
/i/payment-paybycardPaymentPayment
/i/payment-paymentPaymentRefund
/i/payment-refundPaymentToken
/i/payment-tokenPaymentWallet
/i/payment-walletStatusApprove
/i/status-approveStatusCheck
/i/status-checkStatusDanger
/i/status-dangerStatusFollow
/i/status-followStatusLike
/i/status-likeStatusMoney
/i/status-moneyStatusRecomend
/i/status-recomendStatusSpinner
/i/status-spinnerStatusStar
/i/status-starStatusStarFilled
/i/status-starfilledStatusSun
/i/status-sunStatusTarget
/i/status-targetStatusThumbsdown
/i/status-thumbsdownStatusThumbsup
/i/status-thumbsupStatusTrophy
/i/status-trophyStatusUnfollow
/i/status-unfollow