Icon

Install the component dependency:

Include a React component in your project:

NameValueDescriptionDefault
id
Required
Icon.ids enumid for svg to render
colorIcon.colors enumall flat Core colors

Icons can take on four standard sizes.

Icon color will usually match the surrounding text color. It can also be overridden Core colors or any fill.

account
bookmarkFill
bookmark
briefcase
browse
calendar
caretDown
caretLeft
caretRight
caretUp
ccFill
channel
chat
check
close
code
dashboard
download
envelope
gear
hand
home
info
link
list
lock
logout
menu
mic
more
note
org
path
pencil
playCircle
play
plus
question
report
scope
search
share
test
thumb
trash
upload
user
warning
window

What an icon that adheres to the style guide but contains your own custom SVG? Pass the inline SVG instead of an `id`.