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-cloud
chart-donut
chart-heatmap
chart-scatter
chart-square
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
collapse-all
connect
connect-alt
console
copy
cpu
cross
credit-card
data
database
data-lakes
disk
display
document
dollar
dot
dots-horizontal
dots-triangle
dots-vertical
dots-vertical-double
double-check
download
download-in-circle
empty
enter
expand-all
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
pin
pipe
play
play-in-circle
plug
plus
popin
popout
popover-arrow
puzzle-piece
query
question
resize-arrows-horizontal
resize-arrows-vertical
refresh
rocket
sand-glass
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
unpin
warning
waves
Flags
australia
austria
bahrain
belgium
brazil
canada
chile
china
denmark
european-union
finland
france
germany
great-britain
greece
hong-kong
india
indonesia
ireland
israel
italy
japan
malaysia
mexico
netherlands
new-zealand
norway
poland
qatar
saudi-arabia
singapore
south-africa
south-korea
spain
sweden
switzerland
taiwan
thailand
united-arab-emirates
united-kingdom
united-states
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) |