Icons

Icons are inline svgs and can be used in components.

Example

Variations

Example

Variations size

Standard size is 18px.

Example

API

Name Type Default Description
icons func one of: “Add”, “AddNote”, “Allocate”, “Approve”, “ArrowLeft”, “ArrowRight”, “AutoAllocation”, “BankFeeds”, “BarChart”, “Budgets”, “Calendar”, “Caret”, “Clock”, “Close”, “Comments”, “Delete”, “DownChevron”, “Download”, “Edit”, “Error”, “Expand”, “Feedback”, “File”, “Filter”, “GenerateReport”, “GridView”, “Help”, “Hints”, “HomeIcon”, “Image”, “Info”, “LeftChevron”, “LineChart”, “Linked”, “ListView”, “Location”, “Magnify”, “Mail”, “Minify”, “More”, “Move”, “Navigation”, “NewFeature”, “Notifications”, “OpenExternalLink”, “Pin”, “PrintEd”, “Reject”, “Remove”, “Replied”, “RightChevron”, “Search”, “Security”, “Settings”, “SharedWith”, “SignOut”, “Signature”, “Star”, “Success”, “Table”, “Tag”, “Tick”, “UnAllocate”, “UpChevron”, “Upload”, “UserProfile”, “Warning” REQUIRED
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