Skip to content
Clarity Design
Version 16
Switch to:
Dark
Get Started
Introduction
Designing
Developing
Support Policies
Updating
Foundation
Accessibility
Color
Icons
Internationalization
Layouts
Navigation
Spacing
Themes
Tokens
Typography
Patterns
Charts
Forms
Multi-Step Workflow
Notifications
Onboarding
Components
Accordion
Alert
Badge
Button
Button Group
Card
Checkbox
Combobox
Datagrid
Datalist
Date Picker
Dropdown
File Picker
Grid
Header
Input
Label
List
Login Page
Modal
Password
Progress Bar
Radio Button
Range Input
Select
Signpost
Spinner
Stack View
Stepper
Table
Tabs
Textarea
Toggle Switch
Tooltip
Timeline
Tree View
Vertical Nav
Wizard
Releases
v15 Documentation
v13 Documentation
v12 Documentation
Storybook
Icons
Overview
Shapes
API
Accessibility
Search
Preview as
solid
Badge
none
info
success
danger
warning
warning-triangle
inherit-triangle
Core Icons
angle
angle-double
arrow
bars
bell
calendar
check
check-circle
cloud
cog
ellipsis-horizontal
ellipsis-vertical
error-standard
event
exclamation-circle
exclamation-triangle
eye
eye-hide
filter-grid
filter-grid-circle
folder
folder-open
help-info
home
image
info-circle
info-standard
search
step-forward-2
success-standard
times
unknown-status
user
view-columns
warning-standard
detail-expand
detail-collapse
Essential Icons
accessibility-1
accessibility-2
add-text
alarm-clock
alarm-off
announcement
asterisk
ban
beta
birthday-cake
bolt
book
briefcase
bubble-exclamation
bug
bullseye
child-arrow
circle
circle-arrow
clipboard
clock
clone
collapse-card
color-palette
color-picker
copy
copy-to-clipboard
crosshairs
cursor-arrow
cursor-hand
cursor-hand-click
cursor-hand-grab
cursor-hand-open
cursor-move
details
dot-circle
download
drag-handle
drag-handle-corner
eraser
expand-card
file-group
file
file-settings
file-zip
filter
filter-2
filter-off
firewall
first-aid
fish
flame
form
fuel
gavel
grid-view
help
history
hourglass
id-badge
key
landscape
launchpad
library
lightbulb
list
lock
login
logout
minus
minus-circle
moon
new
no-access
note
objects
organization
paperclip
paste
pencil
pin
pinboard
plus
plus-circle
pop-out
portrait
printer
recycle
redo
refresh
repeat
resize
scissors
scroll
shrink
slider
snowflake
sort-by
sun
switch
sync
table
tag
tags
target
thermometer
times-circle
timeline
tools
trash
tree
tree-view
two-way-arrows
undo
unpin
unlock
upload
users
view-cards
view-list
volume
wand
window-close
window-max
window-min
window-restore
world
wrench
zoom-in
zoom-out
Commerce Icons
bank
bitcoin
calculator
credit-card
coin-bag
dollar
dollar-bill
e-check
employee-group
employee
euro
factory
peso
piggy-bank
pound
ruble
rupee
shopping-bag
shopping-cart
store
wallet
won
yen
Media Icons
camera
fast-forward
film-strip
headphones
image-gallery
microphone
microphone-mute
music-note
pause
play
power
replay-all
replay-one
rewind
shuffle
step-forward
stop
video-camera
video-gallery
volume-down
volume-mute
volume-up
Social Icons
bookmark
calendar
chat-bubble
contract
crown
envelope
event
flag
half-star
happy-face
hashtag
heart
heart-broken
inbox
neutral-face
picture
sad-face
share
star
talk-bubbles
tasks
thumbs-down
thumbs-up
Travel Icons
airplane
bicycle
boat
car
campervan
canoe
caravan
castle
compass
ferry
gym
hotel
map
map-marker
noSmoking
on-holiday
palmTree
passport
planeTicket
pool
smoking
suitcase
suitcase2
tent
trailer
train
truck
Text Icons
align-bottom
align-center
align-left
align-left-text
align-middle
align-right
align-right-text
align-top
block-quote
bold
bullet-list
center-text
checkbox-list
font-size
highlighter
indent
italic
justify-text
language
number-list
outdent
paint-roller
strikethrough
subscript
superscript
text
text-color
underline
Technology Icons
administrator
animation
application
applications
archive
assign-user
atom
backup
backup-restore
bar-code
battery
block
blocks-group
bluetooth
bluetooth-off
building
bundle
capacitor
cd-dvd
certificate
ci-cd
cloud-network
cloud-scale
cloud-traffic
cluster
code
computer
connect
container
container-volume
control-lun
cpu
dashboard
data-cluster
deploy
devices
digital-signature
disconnect
display
download-cloud
export
file-share
file-share-2
flask
floppy
forking
hard-drive
hard-drive-disks
hard-disk
helix
host
host-group
import
inductor
install
internet-of-things
keyboard
layers
link
media-changer
memory
mobile
mouse
namespace
network-globe
network-settings
network-switch
node-group
node
nodes
no-wifi
nvme
pdf-file
phone-handset
plugin
pod
process-on-vm
qr-code
rack-server
radar
resistor
resource-pool
router
ruler-pencil
script-execute
script-schedule
shield
shield-check
shield-x
squid
ssd
storage
storage-adapter
tablet
tape-drive
terminal
thin-client
unarchive
uninstall
unlink
update
upload-cloud
usb
vm
vmw-app
wifi
xls-file
Chart Icons
axis-chart
bar-chart
bell-curve
box-plot
bubble-chart
cloud-chart
curve-chart
grid-chart
heat-map
line-chart
pie-chart
scatter-plot
tick-chart