Skip to Content

Visual Changes

A side-by-side reference of System Icon visual updates in Sana Canvas Assets v5.

Sources

Install

yarn add @workday/canvas-system-icons-web

Icon Group

System Icon

Version

5.1.0

Icon Group

System Icon

Version

5.1.0
accessibilityaccessibility
accessibility
actualsactuals
actuals
translated-actualstranslated-actuals
actuals-finance
actuals-lockedactuals-locked
actuals-lock
add-aboveadd-above
add-above
add-belowadd-below
add-below
add-leftadd-left
add-left
add-rightadd-right
add-right
add-split-rowadd-split-row
add-split-row
add-zeroadd-zero
add-zero
traveltravel
airplane
alarm-clockalarm-clock
alarm-clock
alarm-clock-plusalarm-clock-plus
alarm-clock-plus
align-bottomalign-bottom
align-bottom
align-centeralign-center
align-center
align-leftalign-left
align-left
align-middlealign-middle
align-middle
align-rightalign-right
align-right
align-topalign-top
align-top
anomaly-detectionanomaly-detection
anomaly-detection
c-area-100c-area-100
area-chart
c-area-layeredc-area-layered
area-layer-chart
c-area-stackedc-area-stacked
area-stack-chart
arrayarray
array
arrow-arcarrow-arc
arrow-arc
arrow-corner-down-leftarrow-corner-down-left
arrow-corner-down-left
arrow-corner-down-rightarrow-corner-down-right
arrow-corner-down-right
arrow-corner-up-leftarrow-corner-up-left
arrow-corner-up-left
arrow-corner-up-rightarrow-corner-up-right
arrow-corner-up-right
arrow-diagonal-smallarrow-diagonal-small
arrow-diagonal-down-right-small
arrow-downarrow-down
arrow-down
sort-downsort-down
arrow-down-small
arrow-leftarrow-left
arrow-left
arrow-left-smallarrow-left-small
arrow-left-small
arrow-rightarrow-right
arrow-right
arrow-right-smallarrow-right-small
arrow-right-small
switchswitch
arrow-switch
arrow-uparrow-up
arrow-up
arrow-circlearrow-circle
arrow-up-circle
sort-upsort-up
arrow-up-small
assistant-sparkleassistant-sparkle
assistant-sparkle
attributeattribute
attribute
audioaudio
audio
audio-maxaudio-max
audio
audio-minaudio-min
audio-min
audio-muteaudio-mute
audio-mute
audio-noneaudio-none
audio-none
bg-colorbg-color
background-color
chartchart
bar-chart
c-column-clusteredc-column-clustered
bar-chart-fill
dashboard-labor-cost-analysisdashboard-labor-cost-analysis
bar-chart-growth
clustercluster
bar-cluster-chart
c-column-100c-column-100
bar-full-stack-chart
c-bar-clusteredc-bar-clustered
bar-horizontal-chart
c-bar-clusteredc-bar-clustered
bar-horizontal-cluster-chart
c-bar-100c-bar-100
bar-horizontal-full-stack-chart
c-bar-stackedc-bar-stacked
bar-horizontal-stack-chart
discovery-boarddiscovery-board
bar-line-chart
c-column-stackedc-column-stacked
bar-stack-chart
barcode-scannerbarcode-scanner
barcode
bidbid
bid
no-bidno-bid
bid-strikethrough
birthdaybirthday
birthday
boldbold
bold
boltbolt
bolt
media-errormedia-error
bolt-fill
workbookworkbook
book
book-openbook-open
book-open
my-learningmy-learning
book-open-bookmark
task-contacttask-contact
book-user
booleanboolean
boolean
border-allborder-all
border-all
border-bottomborder-bottom
border-bottom
border-btm2border-btm2
border-bottom-thick
border-centerborder-center
border-center
border-colorborder-color
border-color
border-leftborder-left
border-left
border-noneborder-none
border-none
border-outsideborder-outside
border-outside
border-rightborder-right
border-right
border-topborder-top
border-top
skillsskills
bow-compass
box-textbox-text
box-text
box-text-checkbox-text-check
box-text-check
livepageslivepages
box-text-circle
transcriptiontranscription
box-text-microphone
box-text-plusbox-text-plus
box-text-plus
box-text-searchbox-text-search
box-text-search
box-text-user-solidbox-text-user-solid
box-text-user
box-text-xbox-text-x
box-text-x
job-infojob-info
briefcase-info
find-jobfind-job
briefcase-search
c-bubblec-bubble
bubble-chart
buttonbutton
button
edit-button-baredit-button-bar
button-bar
edit-buttonedit-button
button-edit
calculatorcalculator
calculator
calculator-lockedcalculator-locked
calculator-lock
calculator-refreshcalculator-refresh
calculator-loop
calendarcalendar
calendar
calendar-altcalendar-alt
calendar-days
time-off-balancetime-off-balance
calendar-info
job-reqsjob-reqs
calendar-list
calendar-user-solidcalendar-user-solid
calendar-user
cameracamera
camera
camera-pluscamera-plus
camera-plus
camera-pluscamera-plus
camera-plus
canvascanvas
canvas
cardcard
card-stack
org-chart-peopleorg-chart-people
card-user
caret-bottomcaret-bottom
caret-bottom
caret-bottom-smallcaret-bottom-small
caret-bottom-small
caret-downcaret-down
caret-down
caret-down-smallcaret-down-small
caret-down-small
caret-left-smallcaret-left-small
caret-left-small
caret-right-smallcaret-right-small
caret-right-small
caret-topcaret-top
caret-top
caret-top-smallcaret-top-small
caret-top-small
caret-upcaret-up
caret-up
caret-up-smallcaret-up-small
caret-up-small
cartcart
cart
accountsaccounts
catalog
eraser-celleraser-cell
cell-erase
checkcheck
check
check-circlecheck-circle
check-circle
conclusionconclusion
check-circle-underline
check-incheck-in
check-in
check-smallcheck-small
check-small
as-appliedas-applied
check-square
checkboxcheckbox
checkbox
checkboxescheckboxes
checkbox-stack
chevron-2x-down-smallchevron-2x-down-small
chevron-2x-down-small
chevron-2x-left-smallchevron-2x-left-small
chevron-2x-left-small
chevron-2x-right-smallchevron-2x-right-small
chevron-2x-right-small
chevron-2x-up-smallchevron-2x-up-small
chevron-2x-up-small
chevron-downchevron-down
chevron-down
chevron-down-smallchevron-down-small
chevron-down-small
chevron-leftchevron-left
chevron-left
chevron-left-smallchevron-left-small
chevron-left-small
chevron-rightchevron-right
chevron-right
chevron-right-smallchevron-right-small
chevron-right-small
chevron-upchevron-up
chevron-up
chevron-up-smallchevron-up-small
chevron-up-small
chipchip
chip
picked-shortpicked-short
circle-half-fill
pastepaste
clipboard
task-performancetask-performance
clipboard-chart
clipboard-checkclipboard-check
clipboard-check
formula-clipboardformula-clipboard
clipboard-formula
clipboardclipboard
clipboard-list
clipboard-plusclipboard-plus
clipboard-plus
clipboard-searchclipboard-search
clipboard-search
clipboard-blank-checkclipboard-blank-check
clipboard-success
academic-appointment-titleacademic-appointment-title
clipboard-user
clipboard-removeclipboard-remove
clipboard-x
clockclock
clock
clock-checkclock-check
clock-check
clock-exclamationclock-exclamation
clock-exclamation
clock-minusclock-minus
clock-minus
clock-pauseclock-pause
clock-pause
clock-plusclock-plus
clock-plus
clock-xclock-x
clock-x
upload-cloudupload-cloud
cloud-arrow-up
cloud-lockcloud-lock
cloud-lock
empty-appempty-app
cloud-search
system-notificationsystem-notification
cloud-settings
no-connection-cloudno-connection-cloud
cloud-strikethrough
codecode
code
coffeecoffee
coffee
hide-colhide-col
column-hide
one-columnone-column
column-one
show-colshow-col
column-show
three-columnthree-column
column-three
two-columntwo-column
column-two
comment-activecomment-active
comment-active
messagingmessaging
comment-discussion
speech-exclamationspeech-exclamation
comment-exclamation
comment-pluscomment-plus
comment-plus
openresponseopenresponse
comment-text
compare-filescompare-files
compare-files
compasscompass
compass
componentcomponent
component
component-editcomponent-edit
component-edit
interactiongroupinteractiongroup
copy
credit-cardcredit-card
credit-card
cubecube
cube
cutcut
cut
dashboarddashboard
dashboard
nboxnbox
dashboard-grid
cell-templatecell-template
dashboard-grid-fill
fetch-datafetch-data
data-arrow-left
data-inputdata-input
data-arrow-right
live-datalive-data
data-bolt
data-complexdata-complex
data-server
data-sourcedata-source
data-source
deltadelta
delta
device-desktopdevice-desktop
desktop
webinarwebinar
desktop-media
document-altdocument-alt
document
task-compensationtask-compensation
document-chart
copycopy
document-copy
copycopy
document-copy
document-csvdocument-csv
document-csv
document-downloaddocument-download
document-download
renamerename
document-edit
footerfooter
document-footer
report-parameterreport-parameter
document-gear
document-htmldocument-html
document-html
business-intelligencebusiness-intelligence
document-lightbulb
itemizeitemize
document-list
document-lockeddocument-locked
document-lock
document-sparkledocument-sparkle
document-sparkle
article-stackedarticle-stacked
document-stack
documents-checkdocuments-check
document-stack-check
dashboard-recruitingdashboard-recruiting
document-stack-user
document-stardocument-star
document-star
media-surveymedia-survey
document-survey
task-overviewtask-overview
document-task
document-tsvdocument-tsv
document-tsv
contact-card-job-profilecontact-card-job-profile
document-user
document-candidate-action-requireddocument-candidate-action-required
document-user-exclamation
document-candidate-inactivedocument-candidate-inactive
document-user-minus
document-candidate-searchdocument-candidate-search
document-user-search
document-candidate-stardocument-candidate-star
document-user-star
unknownunknown
document-user-text
card-viewcard-view
document-view
worksheetsworksheets
document-worksheets
dollar-signdollar-sign
dollar-sign
move-inventorymove-inventory
dolly
c-piec-pie
donut-chart
opportunity-graphopportunity-graph
donut-chart-user
dotdot
dot
downloaddownload
download
draggabledraggable
draggable
draggable-verticaldraggable-vertical
draggable-vertical
drill-downdrill-down
drill-down
dropdowndropdown
dropdown
dropdown-buttondropdown-button
dropdown-button
c-dual-linec-dual-line
dual-line-chart
coursecourse
easel
editedit
edit
edit-sparkleedit-sparkle
edit-sparkle
endpointsendpoints
endpoints
erasereraser
erase
excelexcel
excel
exclamationexclamation
exclamation
exclamation-circleexclamation-circle
exclamation-circle
exclamation-circleexclamation-circle
exclamation-circle
exclamation-triangleexclamation-triangle
exclamation-triangle
exclamation-triangleexclamation-triangle
exclamation-triangle
exportexport
export
transformation-importtransformation-import
extend
face-happyface-happy
face-happy
face-idface-id
face-id
face-neutralface-neutral
face-neutral
face-unhappyface-unhappy
face-unhappy
face-very-happyface-very-happy
face-very-happy
fan-chartfan-chart
fan-chart
fast-forward-15fast-forward-15
fast-forward-15
no-fillno-fill
fill-strikethrough
filterfilter
filter
filter-checkedfilter-checked
filter-check
filter-exclamationfilter-exclamation
filter-exclamation
filter-xfilter-x
filter-x
fingerprint-androidfingerprint-android
fingerprint-android
flagflag
flag
flash-autoflash-auto
flash-auto
flowflow
flow
folder-closefolder-close
folder
folder-movefolder-move
folder-arrow-right
folder-minusfolder-minus
folder-minus
folder-openfolder-open
folder-open
folder-plusfolder-plus
folder-plus
letter-aletter-a
font
text-colortext-color
font-color
formattingformatting
font-edit
rte-emphasisrte-emphasis
font-emphasis
eraser-fonteraser-font
font-erase
font-facefont-face
font-face
font-sizefont-size
font-size
fxfx
formula
fx-writebackfx-writeback
formula-bolt
fx-bracketsfx-brackets
formula-brackets
formula-editformula-edit
formula-edit
fx-loopfx-loop
formula-loop
funnelfunnel
funnel
rpmrpm
gauge
legallegal
gavel
geargear
gear
globeglobe
globe
gridgrid
grid
heatmapheatmap
grid-square
grid-viewgrid-view
grid-view
transformation-groupbytransformation-groupby
group
growgrow
grow
fullscreenfullscreen
grow-chevron
justifyjustify
hamburger
projectsprojects
hammer
headingheading
heading
hierarchyhierarchy
hierarchy
chevron-hierarchy-closedchevron-hierarchy-closed
hierarchy-chevron
chevron-hierarchy-openchevron-hierarchy-open
hierarchy-chevron-open
hierarchy-childhierarchy-child
hierarchy-child
hierarchy-diagonal-parenthierarchy-diagonal-parent
hierarchy-diagonal-parent
hierarchy-diagonal-parent-childhierarchy-diagonal-parent-child
hierarchy-diagonal-parent-child
hierarchy-diagonal-parent-child-childhierarchy-diagonal-parent-child-child
hierarchy-diagonal-parent-child-child
hierarchy-fullhierarchy-full
hierarchy-full
hierarchy-parenthierarchy-parent
hierarchy-parent
highlighthighlight
highlight
timetime
history
homehome
home
home-buildinghome-building
home-building
hour-glasshour-glass
hourglass
prospectprospect
id-card-search
imageimage
image
labeled-imagelabeled-image
image-label
inboxinbox
inbox
inbox-fillinbox-fill
inbox
indentindent
indent
infoinfo
info
info-sparkleinfo-sparkle
info-sparkle
insert-column-afterinsert-column-after
insert-column-after
insert-column-beforeinsert-column-before
insert-column-before
insert-row-afterinsert-row-after
insert-row-after
insert-row-beforeinsert-row-before
insert-row-before
instanceinstance
instance
instance-mappinginstance-mapping
instance-search
italicsitalics
italics
join-fulljoin-full
join-full
join-innerjoin-inner
join-inner
join-leftjoin-left
join-left
anti-join-leftanti-join-left
join-left-anti
keyboardkeyboard
keyboard
kpikpi
kpi
laptoplaptop
laptop
laurel-wreathlaurel-wreath
laurel-wreath
perspectiveperspective
layers
legendlegend
legend
lightbulblightbulb
lightbulb
c-linec-line
line-chart
linklink
link
unlinkunlink
link-strikethrough
rte-listrte-list
list
unordered-listunordered-list
list-bullet
inventory-searchinventory-search
list-check
list-detaillist-detail
list-detail
ordered-listordered-list
list-order
panel-listpanel-list
list-plus
list-viewlist-view
list-view
locationlocation
location
locklock
lock
authentication-tagauthentication-tag
lock-authentication
lock-keyholelock-keyhole
lock-keyhole
unlockedunlocked
lock-keyhole-open
lock-pluslock-plus
lock-plus
looploop
loop
wizardwizard
magic-wand
mailmail
mail
mail-lettermail-letter
mail-open
mapmap
map
onboarding-homeonboarding-home
map-location
markermarker
marker
medalmedal
medal
megaphonemegaphone
megaphone
at-tag-mentionat-tag-mention
mention
mergemerge
merge
merge-smallmerge-small
merge-small
microphonemicrophone
microphone
minusminus
minus
minus-circleminus-circle
minus-circle
device-phonedevice-phone
mobile
mobile-notificationsmobile-notifications
mobile-active
phone-unlockphone-unlock
mobile-unlock
dollardollar
money
dashboard-grantsdashboard-grants
money-ribbon
dashboard-financialsdashboard-financials
money-search
moonmoon
moon
multi-instancemulti-instance
multi-instance
nearbynearby
nearby
notenote
note
notificationsnotifications
notifications
notifications-largenotifications-large
notifications
number-inputnumber-input
number-input
numbersnumbers
numbers
objectobject
object
operatoroperator
operator
org-chartorg-chart
organization
capture-deliverycapture-delivery
package
package-arrow-downpackage-arrow-down
package-arrow-down
package-arrow-uppackage-arrow-up
package-arrow-up
proof-of-deliveryproof-of-delivery
package-check
adjust-inventoryadjust-inventory
package-loop
find-inventoryfind-inventory
package-search
paragraphparagraph
paragraph
patternpattern
pattern
pdfpdf
pdf
percentagepercentage
percentage
phonephone
phone
pipi
pi
pie-chartpie-chart
pie-chart
pillpill
pill
pinpin
pin
pin-slashpin-slash
pin-strikethrough
pivotpivot
pivot
placeholderplaceholder
placeholder
platform-cartplatform-cart
platform-cart
play-circleplay-circle
play-circle
playbookplaybook
playbook
plusplus
plus
plus-circleplus-circle
plus-circle
plus-smallplus-small
plus-small
power-of-onepower-of-one
power-of-one
powerpointpowerpoint
powerpoint
previousprevious
previous
printprint
print
prismprism
prism
proxy-userproxy-user
proxy-user
puzzlepuzzle
puzzle
pyramidpyramid
pyramid-chart
qr-codeqr-code
qr-code
questionquestion
question
question-outlinequestion-outline
question-circle
question-fillquestion-fill
question-circle-fill
question-sparklequestion-sparkle
question-sparkle
range-periodrange-period
range-period
rankingranking
ranking
receiptsreceipts
receipt
find-transactionsfind-transactions
receipt-search
reference-linereference-line
reference-line
regionregion
region
related-actionsrelated-actions
related-actions
progress-circleprogress-circle
related-actions-circle
related-actions-verticalrelated-actions-vertical
related-actions-vertical
remove-column-afterremove-column-after
remove-column-after
remove-indentremove-indent
remove-indent
remove-row-afterremove-row-after
remove-row-after
remove-split-rowremove-split-row
remove-split-row
remove-zeroremove-zero
remove-zero
rename-split-rowrename-split-row
rename-split-row
reorderreorder
reorder
replayreplay
replay
resetreset
reset
resizableresizable
resizable
restorerestore
restore
rewind-30rewind-30
rewind-30
ribbonribbon
ribbon
rocketrocket
rocket
rotaterotate
rotate
dashboard-procurementdashboard-procurement
row-arrow-up
rows-checkrows-check
row-check
inventory-countinventory-count
row-clipboard
rows-plusrows-plus
row-plus
savesave
save
save-assave-as
save-as
c-scatterc-scatter
scatter-chart
screen-readerscreen-reader
screen-reader
searchsearch
search
search-sparklesearch-sparkle
search-sparkle
search-usersearch-user
search-user
selectselect
select
sendsend
send
shapesshapes
shapes
shareshare
share
benefitsbenefits
shield-heart
shrinkshrink
shrink
closeclose
shrink-chevron
transformation-jointransformation-join
shrink-horizontal
left-sidebarleft-sidebar
sidebar-left
right-sidebarright-sidebar
sidebar-right
signoutsignout
sign-out
signal-foursignal-four
signal-four
signal-onesignal-one
signal-one
signal-threesignal-three
signal-three
signal-twosignal-two
signal-two
skipskip
skip
sliderslider
slider
soccer-ballsoccer-ball
soccer-ball
social-mediasocial-media
social-media
sortsort
sort
sort-a-zsort-a-z
sort-a-z
sort-z-asort-z-a
sort-z-a
sparkle-single-smallsparkle-single-small
sparkle
sparklesparkle
sparkles
splitsplit
split
split-smallsplit-small
split-small
squaresquare
square
box-plusbox-plus
square-plus
starstar
star
strikethroughstrikethrough
strikethrough
suborgsuborg
sub-organization
substitutesubstitute
substitute
unfreezeunfreeze
sun
tabletable
table
toggle-graphtoggle-graph
table-axis
expand-tableexpand-table
table-expand
cell-filtercell-filter
table-filter
cell-gearcell-gear
table-gear
freeze-headerfreeze-header
table-header-freeze
pivot-tablepivot-table
table-pivot
cell-resetcell-reset
table-refresh
cell-rowcell-row
table-row
cell-searchcell-search
table-search
cell-swap-axiscell-swap-axis
table-swap-axis
device-tabletdevice-tablet
tablet
tagtag
tag
merge-tagmerge-tag
tag-merge
texttext
text
text-areatext-area
text-area
text-edittext-edit
text-edit
text-inputtext-input
text-input
text-wraptext-wrap
text-wrap
thumbs-down-outlinedthumbs-down-outlined
thumbs-down
thumbs-down-filledthumbs-down-filled
thumbs-down-fill
thumbs-up-outlinedthumbs-up-outlined
thumbs-up
thumbs-up-filledthumbs-up-filled
thumbs-up-fill
timeline-alltimeline-all
timeline
tokenstokens
tokens
toolstools
tools
touch-idtouch-id
touch-id
translationtranslation
translation
trashtrash
trash
trophytrophy
trophy
underlineunderline
underline
transformation-uniontransformation-union
union
unpivotunpivot
unpivot
unsortunsort
unsort
uploadupload
upload
useruser
user
user-checkuser-check
user-check
my-referralsmy-referrals
user-focus
user-forwarduser-forward
user-forward
dashboard-workforcedashboard-workforce
user-group-circle
user-lockeduser-locked
user-lock
user-plususer-plus
user-plus
timeline-performance-inputtimeline-performance-input
user-star
user-removeuser-remove
user-x
media-classroommedia-classroom
users
people-recruitingpeople-recruiting
users-plus
fork-knifefork-knife
utensils
versionsversions
versions
videovideo
video
virtual-versionvirtual-version
virtual-version
virtual-version-lockedvirtual-version-locked
virtual-version-lock
visiblevisible
visible
invisibleinvisible
visible-strikethrough
c-waterfallc-waterfall
waterfall-chart
webpagewebpage
webpage
viewsiteviewsite
webpage-open
screen-magnificationscreen-magnification
webpage-search
wordword
word
xx
x
x-circlex-circle
x-circle
x-smallx-small
x-small
xo-instance-listxo-instance-list
xo-loop
zoom-areazoom-area
zoom-area