Icons

Icons are inline svgs and can be used in components.

Example

Variations size

Standard size is 18px.

Example

Variations set

Set is a prop you can pass, 'sm' is applied by default which is 18px. Set 'lg' is a new svg and 32px by default

Example

API

Name Type Default Description
icons func one of: “Add”, “AddNote”, “Advisory”, “Allocate”, “Approve”, “Archive”, “ArrowLeft”, “ArrowRight”, “AutoAllocation”, “Bank”, “BankFeeds”, “BarChart”, “Binoculars”, “BookKeeper”, “Budgets”, “Business”, “Calculator”, “Calendar”, “Caret”, “CashMoney”, “Chart1”, “Chart2”, “Clock”, “Close”, “CloudDisconnected”, “Cloud”, “Collapse”, “Comments”, “Compliance”, “Copy”, “Cross”, “Delete”, “Dollar”, “DownChevron”, “DownChevronLarge”, “Download”, “Drivers”, “Edit”, “EndArrowLeft”, “EndArrowRight”, “Error”, “Expand”, “Feedback”, “File”, “Filter”, “Finance”, “Flag”, “FolderEdit”, “FolderLocked”, “Folder”, “GenerateReport”, “GenericDocument”, “Glossary”, “GridView”, “Help”, “Hints”, “History”, “HomeIcon”, “Image”, “InProgress”, “Info”, “Inventory”, “Invoice”, “Landline”, “LaptopComputer”, “LeftChevron”, “LineChart”, “Linked”, “ListView”, “Location”, “Lock”, “Magnify”, “Mail”, “Minify”, “Mobile”, “More”, “Move”, “Navigation”, “NewFeature”, “Notifications”, “OpenExternalLink”, “PcComputer”, “Pin”, “PoweredBy”, “PrintEd”, “Purchases”, “Refresh”, “Reject”, “Reminder”, “ReopenedDocument”, “Remove”, “Replied”, “RightChevron”, “Save”, “Search”, “Security”, “Settings”, “SharedWith”, “Show”, “Signature”, “SignOut”, “Sort”, “Star”, “Success”, “Table”, “Tag”, “TasksReopened”, “Tasks”, “Tax”, “Template”, “Tick”, “UnAllocate”, “UnLink”, “UpChevron”, “UpChevronFilled”, “Upload”, “UserProfile”, “UsersFolder”, “Wallet”, “Warning” REQUIRED
set One of: ‘sm’, ‘lg’ “sm” icon set to use: sm or lg
size string 18px Can be a relative unit size like: 1em
title string aria-hidden=“true” If title is added aria-hidden=“true” is replaced with aria-label=“title”

Used by

Team
N/A

Inline svgs

React icons are just inline svgs and can be used as such in HTML.

Example