Icon library
A comprehensive list of all available icons in the Click UI library.
Glyphs
activity
alarm
arrow-down
arrow-left
arrow-right
arrow-triangle
arrow-directions
arrow-up
auth-app
auth-sms
backups
bar-chart
bell
beta
blog
bold
book
brackets
briefcase
building
burger-menu
calendar
calendar-with-time
cards
cell-tower
chat
chart-area
chart-bar-horizontal
chart-donut
chart-heatmap
chart-scatter
chart-stacked-horizontal
chart-stacked-vertical
check
check-in-circle
chevron-down
chevron-left
chevron-right
chevron-up
circle
clock
cloud
cloud-keys
code
code-in-square
connect
connect-alt
console
copy
cpu
cross
credit-card
data
database
data-lakes
disk
display
document
dot
dots-horizontal
dots-triangle
dots-vertical
dots-vertical-double
double-check
download
download-in-circle
empty
enter
eye
eye-closed
filter
fire
flag
flash
flask
folder-closed
folder-open
gear
gift
git-merge
globe
hexagon
history
horizontal-loading
home
http
http-monitoring
info-in-circle
information
insert-row
integrations
italic
key
keys
lifebuoy
light-bulb
light-bulb-on
lightening
line-in-circle
list-bulleted
list-numbered
loading
loading-animated
lock
map-pin
metrics
metrics-alt
minus
mcp
moon
no-cloud
pause
payment
pencil
pie-chart
pipe
play
play-in-circle
plug
plus
popout
puzzle-piece
query
question
resize-arrows-horizontal
resize-arrows-vertical
refresh
rocket
sandglass
search
secure
server
services
settings
share
share-arrow
share-network
sleep
slide-in
slide-out
sort-alt
sort
sparkle
speaker
speed
square
star
stop
support
table
taxi
text-slash
thumbs-down
thumbs-up
trash
tree-structure
upgrade
upload
url
user
users
underline
warning
waves
Flags
ae
au
br
ca
ch
de
eu
gb
hk
ie
il
in
jp
nl
sg
kr
sw
uk
usa
za
Payments
visa
mastercard
amex
paypal
Prop | Type | Default value | Description |
|---|---|---|---|
Prop name | Type IconName | Default value "" | Description The name of the icon to display |
Prop size | Type "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | Default value "md" | Description The size of the icon |
Prop color | Type string | Default value "currentColor" | Description The color of the icon (CSS color value) |
Prop state | Type "default" | "success" | "warning" | "danger" | "info" | Default value "default" | Description The visual state of the icon |
Prop width | Type number | string | Default value undefined | Description Custom width for the icon (overrides size) |
Prop height | Type number | string | Default value undefined | Description Custom height for the icon (overrides size) |