Install the component dependency:

Include a React component in your project:

Name
Value
Description
Default
id
Icon.ids enum
id for svg to render
color
Icon.colors enum
all flat Core colors
size
small | medium | large
icon size (from Icon.sizes)

Icons can take on 3 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
channelAdd
channel
chat
checkCircleFill
check
clock
close
codeBranded
code
copy
dashboard
download
envelope
file
gear
hand
home
info
interactive
link
list
lock
logout
menu
mic
more
note
org
path
pencil
playCircle
play
plusCircle
plus
project
question
report
scope
search
share
sortAsc
sortDesc
sort
starFill
star
tag
test
thumbDownFill
thumbDown
thumbUpFill
thumbUp
trash
trendUp
upload
user
video
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`.