Upgrade Guide

Introduction

This guide summarizes the major changes for @workday/canvas-system-icons-web v5 and Sana Canvas Assets v5, for developers and designers alike. All icons have been completely redesigned to align with new Workday branding, and Workday and Sana icons have been merged into a single library. Use this guide when updating implementations, auditing screens, or migrating from deprecated names.

New Icons

The Workday/Sana merge adds almost 200 new icons across both the web package and the Figma package.

Deprecation

Several icons were renamed and/or redesigned as part of the Sana alignment. Exports that still use old names remain available but are deprecated and scheduled for removal—migrate imports, references, and Figma layers to the new names below.

Old JS name	Old icon	New JS name	New icon
academicAppointmentTitleIcon	Academic Appointment Title	clipboardUserIcon	Clipboard User
accountsIcon	Accounts	catalogIcon	Catalog
activityStreamIcon	Activity Stream	commentIcon	Comment
actualsLockedIcon	Actuals Locked	actualsLockIcon	Actuals Lock
addFooterWsIcon	Add Footer Ws	plusIcon	Plus
adHocDeliveryIcon	Ad Hoc Delivery	boxTextPlusIcon	Box Text Plus
adjustInventoryIcon	Adjust Inventory	packageGearIcon	Package Gear
anomalyDetectionIcon	Anomaly Detection	lineChartAnomalyIcon	Line Chart Anomaly
antiJoinLeftIcon	Anti Join Left	joinLeftAntiIcon	Join Left Anti
antiJoinRightIcon	Anti Join Right	joinRightAntiIcon	Join Right Anti
arrowCircleIcon	Arrow Circle	arrowUpCircleIcon	Arrow Up Circle
arrowDiagonalDownRightSmallIcon	Arrow Diagonal Down Right Small	arrowDownRightIcon	Arrow Down Right
arrowDiagonalSmallIcon	Arrow Diagonal Small	arrowDownRightIcon	Arrow Down Right
articleStackedIcon	Article Stacked	documentStackIcon	Document Stack
asAppliedIcon	As Applied	checkSquareIcon	Check Square
assistantIcon	Assistant	commentBlankIcon	Comment Blank
assistantSparkleIcon	Assistant Sparkle	commentSparkleIcon	Comment Sparkle
atTagMentionIcon	At Tag Mention	mentionIcon	Mention
audioMaxIcon	Audio Max	audioIcon	Audio
authenticationTagIcon	Authentication Tag	lockAuthenticationIcon	Lock Authentication
autosumIcon	Autosum	autoSumIcon	Auto Sum
avatarIcon	Avatar	cloudIcon	Cloud
barChartGrowthIcon	Bar Chart Growth	barChartAscendingArrowIcon	Bar Chart Ascending Arrow
barcodeScannerIcon	Barcode Scanner	barcodeIcon	Barcode
benefitsIcon	Benefits	shieldHeartIcon	Shield Heart
bgColorIcon	Bg Color	backgroundColorIcon	Background Color
borderBtm2Icon	Border Btm2	borderBottomThickIcon	Border Bottom Thick
borderDblIcon	Border Dbl	borderBottomDoubleIcon	Border Bottom Double
boxPlusIcon	Box Plus	squarePlusIcon	Square Plus
boxTextUserSolidIcon	Box Text User Solid	boxTextUserIcon	Box Text User
businessIntelligenceIcon	Business Intelligence	documentLightbulbIcon	Document Lightbulb
buttonEditIcon	Button Edit	editIcon	Edit
calculatorLockedIcon	Calculator Locked	calculatorLockIcon	Calculator Lock
calculatorRefreshIcon	Calculator Refresh	calculatorLoopIcon	Calculator Loop
calendarAltIcon	Calendar Alt	calendarDaysIcon	Calendar Days
calendarUserSolidIcon	Calendar User Solid	calendarUserIcon	Calendar User
captureDeliveryIcon	Capture Delivery	packageIcon	Package
cardIcon	Card	cardStackIcon	Card Stack
cardUserIcon	Card User	rectangleUserIcon	Rectangle User
cardViewIcon	Card View	documentViewIcon	Document View
cArea100Icon	C Area 100	areaChartIcon	Area Chart
cAreaLayeredIcon	C Area Layered	areaLayerChartIcon	Area Layer Chart
cAreaStackedIcon	C Area Stacked	areaStackChartIcon	Area Stack Chart
cBar100Icon	C Bar 100	barHorizontalFullStackChartIcon	Bar Horizontal Full Stack Chart
cBarClusteredIcon	C Bar Clustered	barHorizontalChartIcon	Bar Horizontal Chart
cBarStackedIcon	C Bar Stacked	barHorizontalStackChartIcon	Bar Horizontal Stack Chart
cBubbleIcon	C Bubble	bubbleChartIcon	Bubble Chart
cColumn100Icon	C Column 100	barFullStackChartIcon	Bar Full Stack Chart
cColumnClusteredIcon	C Column Clustered	barChartFillIcon	Bar Chart Fill
cColumnLineIcon	C Column Line	barLineChartIcon	Bar Line Chart
cColumnStackedIcon	C Column Stacked	barStackChartIcon	Bar Stack Chart
cDualLineIcon	C Dual Line	lineChartDoubleIcon	Line Chart Double
cellFilterIcon	Cell Filter	tableFilterIcon	Table Filter
cellGearIcon	Cell Gear	tableGearIcon	Table Gear
cellResetIcon	Cell Reset	tableRefreshIcon	Table Refresh
cellRowIcon	Cell Row	tableRowIcon	Table Row
cellSearchIcon	Cell Search	tableSearchIcon	Table Search
cellSwapAxisIcon	Cell Swap Axis	tableSwapAxisIcon	Table Swap Axis
cellTemplateIcon	Cell Template	dashboardGridIcon	Dashboard Grid
chartConfigIcon	Chart Config	configureIcon	Configure
chartIcon	Chart	barChartIcon	Bar Chart
chartVisualsFanIcon	Chart Visuals Fan	fanChartIcon	Fan Chart
checkboxesIcon	Checkboxes	checkboxStackIcon	Checkbox Stack
chevron2xleftIcon	Chevron 2xleft	chevron2xLeftIcon	Chevron 2x Left
chevron2xrightIcon	Chevron 2xright	chevron2xRightIcon	Chevron 2x Right
chevronHierarchyClosedIcon	Chevron Hierarchy Closed	hierarchyChevronIcon	Hierarchy Chevron
chevronHierarchyOpenIcon	Chevron Hierarchy Open	hierarchyChevronOpenIcon	Hierarchy Chevron Open
cLineIcon	C Line	lineChartIcon	Line Chart
clipboardBlankCheckIcon	Clipboard Blank Check	clipboardSuccessIcon	Clipboard Success
clipboardRemoveIcon	Clipboard Remove	clipboardXIcon	Clipboard X
closedcaptionIcon	Closedcaption	closedCaptionIcon	Closed Caption
closeIcon	Close	shrinkChevronIcon	Shrink Chevron
clusterIcon	Cluster	barClusterChartIcon	Bar Cluster Chart
collapseIcon	Collapse	arrowLeftToLineIcon	Arrow Left To Line
columnOneIcon	Column One	rectangleIcon	Rectangle
commaWsIcon	Comma Ws	commaIcon	Comma
conclusionIcon	Conclusion	checkCircleUnderlineIcon	Check Circle Underline
conclusionPopupIcon	Conclusion Popup	documentSurveyIcon	Document Survey
contactCardCostCenterIcon	Contact Card Cost Center	buildingsIcon	Buildings
contactCardDeskIcon	Contact Card Desk	deskIcon	Desk
contactCardIdIcon	Contact Card Id	idCardIcon	ID Card
contactCardJobProfileIcon	Contact Card Job Profile	documentUserIcon	Document User
contactCardMatrixManagerIcon	Contact Card Matrix Manager	userGroupIcon	User Group
convertInventoryIcon	Convert Inventory	packageLoopIcon	Package Loop
courseIcon	Course	presentationIcon	Presentation
cPieIcon	C Pie	donutChartIcon	Donut Chart
cScatterIcon	C Scatter	scatterChartIcon	Scatter Chart
cWaterfallIcon	C Waterfall	waterfallChartIcon	Waterfall Chart
dashboardExpensesIcon	Dashboard Expenses	receiptIcon	Receipt
dashboardWorkforceIcon	Dashboard Workforce	userGroupCircleIcon	User Group Circle
dataComplexIcon	Data Complex	dataServerIcon	Data Server
dataInputIcon	Data Input	dataArrowRightIcon	Data Arrow Right
deviceDesktopIcon	Device Desktop	desktopIcon	Desktop
devicePhoneIcon	Device Phone	mobileIcon	Mobile
deviceTabletIcon	Device Tablet	tabletIcon	Tablet
discoveryBoardIcon	Discovery Board	barLineChartIcon	Bar Line Chart
docIcon	Doc	documentIcon	Document
documentAltIcon	Document Alt	documentIcon	Document
documentCandidateActionRequiredIcon	Document Candidate Action Required	documentUserExclamationIcon	Document User Exclamation
documentCandidateInactiveIcon	Document Candidate Inactive	documentUserMinusIcon	Document User Minus
documentCandidateSearchIcon	Document Candidate Search	documentUserSearchIcon	Document User Search
documentCandidateStarIcon	Document Candidate Star	documentUserStarIcon	Document User Star
documentLockedIcon	Document Locked	documentLockIcon	Document Lock
documentsCheckIcon	Documents Check	documentStackCheckIcon	Document Stack Check
dollarIcon	Dollar	moneyIcon	Money
downloadIcon	Download	arrowDownToLineIcon	Arrow Down To Line
dropdownButtonIcon	Dropdown Button	dropdownIcon	Dropdown
dualLineChartIcon	Dual Line Chart	lineChartDoubleIcon	Line Chart Double
easelIcon	Easel	presentationIcon	Presentation
editButtonBarIcon	Edit Button Bar	buttonBarIcon	Button Bar
editButtonIcon	Edit Button	editIcon	Edit
emptyAppIcon	Empty App	cloudSearchIcon	Cloud Search
eraserCellIcon	Eraser Cell	cellEraseIcon	Cell Erase
eraserFontIcon	Eraser Font	fontEraseIcon	Font Erase
eraserIcon	Eraser	eraseIcon	Erase
esignatureIcon	Esignature	eSignatureIcon	E-signature
expandTableIcon	Expand Table	tableExpandIcon	Table Expand
extendIcon	Extend	arrowRightToLineIcon	Arrow Right To Line
extLinkIcon	Ext Link	externalLinkIcon	External Link
fetchDataIcon	Fetch Data	dataArrowLeftIcon	Data Arrow Left
fileIcon	File	documentIcon	Document
filterCheckedIcon	Filter Checked	filterCheckIcon	Filter Check
findInventoryIcon	Find Inventory	packageSearchIcon	Package Search
findTransactionsIcon	Find Transactions	receiptSearchIcon	Receipt Search
flowIcon	Flow	splitUpIcon	Split Up
folderCloseIcon	Folder Close	folderIcon	Folder
folderMoveIcon	Folder Move	folderArrowRightIcon	Folder Arrow Right
footerIcon	Footer	documentFooterIcon	Document Footer
forkKnifeIcon	Fork Knife	utensilsIcon	Utensils
formattingIcon	Formatting	fontEditIcon	Font Edit
formulaClipboardIcon	Formula Clipboard	clipboardFormulaIcon	Clipboard Formula
freezeHeaderIcon	Freeze Header	tableHeaderFreezeIcon	Table Header Freeze
fullscreenIcon	Fullscreen	growChevronIcon	Grow Chevron
fxBracketsIcon	Fx Brackets	formulaBracketsIcon	Formula Brackets
fxIcon	Fx	formulaIcon	Formula
fxLoopIcon	Fx Loop	formulaLoopIcon	Formula Loop
fxWritebackIcon	Fx Writeback	formulaBoltIcon	Formula Bolt
hashMarkIcon	Hash Mark	hashmarkIcon	Hashmark
heatmapIcon	Heatmap	gridSquareIcon	Grid Square
hideColIcon	Hide Col	columnHideIcon	Column Hide
hierarchyParentChildIcon	Hierarchy Parent Child	hierarchyPartialIcon	Hierarchy Partial
hierarchyRightFullIcon	Hierarchy Right Full	hierarchyChildrenIcon	Hierarchy Children
hourGlassIcon	Hour Glass	hourglassIcon	Hourglass
inboxLargeIcon	Inbox Large	inboxIcon	Inbox
instanceMappingIcon	Instance Mapping	instanceSearchIcon	Instance Search
interactiongroupIcon	Interactiongroup	copyIcon	Copy
inventoryCountIcon	Inventory Count	rowClipboardIcon	Row Clipboard
inventorySearchIcon	Inventory Search	listCheckIcon	List Check
invisibleIcon	Invisible	visibleStrikethroughIcon	Visible Strikethrough
itemizeIcon	Itemize	documentListIcon	Document List
jobInfoIcon	Job Info	briefcaseInfoIcon	Briefcase Info
justifyIcon	Justify	hamburgerIcon	Hamburger
labeledImageIcon	Labeled Image	imageLabelIcon	Image Label
leftSidebarIcon	Left Sidebar	sidebarLeftIcon	Sidebar Left
legalIcon	Legal	gavelIcon	Gavel
letterAIcon	Letter A	fontIcon	Font
liveDataIcon	Live Data	dataBoltIcon	Data Bolt
livepagesIcon	Livepages	boxTextCircleIcon	Box Text Circle
lockKeyholeIcon	Lock Keyhole	lockIcon	Lock
lockKeyholeOpenIcon	Lock Keyhole Open	lockOpenIcon	Lock Open
loopIcon	Loop	arrowsCounterclockwiseIcon	Arrows Counterclockwise
mailLetterIcon	Mail Letter	mailOpenIcon	Mail Open
manageDeliveryIcon	Manage Delivery	boxTextUserIcon	Box Text User
mediaClassroomIcon	Media Classroom	usersIcon	Users
mediaErrorIcon	Media Error	boltFillIcon	Bolt Fill
mediaMylearningIcon	Media Mylearning	bookmarkIcon	Bookmark
mediaPauseIcon	Media Pause	pauseIcon	Pause
mediaPlayIcon	Media Play	playIcon	Play
mediaQuizIcon	Media Quiz	documentListIcon	Document List
mediaSurveyIcon	Media Survey	documentSurveyIcon	Document Survey
mediaTopicsIcon	Media Topics	dashboardGridIcon	Dashboard Grid
menuGroupIcon	Menu Group	stackIcon	Stack
mergeTagIcon	Merge Tag	tagMergeIcon	Tag Merge
messagingIcon	Messaging	commentDiscussionIcon	Comment Discussion
mobileNotificationsIcon	Mobile Notifications	mobileActiveIcon	Mobile Active
moveInventoryIcon	Move Inventory	dollyIcon	Dolly
myLearningIcon	My Learning	bookOpenBookmarkIcon	Book Open Bookmark
myReferralsIcon	My Referrals	userFocusIcon	User Focus
nboxIcon	Nbox	dashboardGridIcon	Dashboard Grid
noBidIcon	No Bid	bidStrikethroughIcon	Bid Strikethrough
noConnectionCloudIcon	No Connection Cloud	cloudStrikethroughIcon	Cloud Strikethrough
notificationsLargeIcon	Notifications Large	notificationsIcon	Notifications
onboardingHomeIcon	Onboarding Home	mapLocationIcon	Map Location
oneColumnIcon	One Column	rectangleIcon	Rectangle
openresponseIcon	Openresponse	commentTextIcon	Comment Text
opportunityGraphIcon	Opportunity Graph	donutChartUserIcon	Donut Chart User
orderedListIcon	Ordered List	listOrderIcon	List Order
orgChartIcon	Org Chart	organizationIcon	Organization
orgChartPeopleIcon	Org Chart People	rectangleUserIcon	Rectangle User
panelListIcon	Panel List	listPlusIcon	List Plus
passwordIcon	Password	lockIcon	Lock
pasteIcon	Paste	clipboardIcon	Clipboard
peopleRecruitingIcon	People Recruiting	userPlusIcon	User Plus
perspectiveIcon	Perspective	layersIcon	Layers
phoneUnlockIcon	Phone Unlock	mobileUnlockIcon	Mobile Unlock
pickedShortIcon	Picked Short	circleHalfFillIcon	Circle Half Fill
pinSlashIcon	Pin Slash	pinStrikethroughIcon	Pin Strikethrough
pivotTableIcon	Pivot Table	tablePivotIcon	Table Pivot
progressCircleIcon	Progress Circle	relatedActionsCircleIcon	Related Actions Circle
projectsIcon	Projects	hammerIcon	Hammer
promptsIcon	Prompts	listIcon	List
proofOfDeliveryIcon	Proof Of Delivery	packageCheckIcon	Package Check
prospectIcon	Prospect	idCardSearchIcon	ID Card Search
pyramidIcon	Pyramid	pyramidChartIcon	Pyramid Chart
questionFillIcon	Question Fill	questionCircleFillIcon	Question Circle Fill
questionOutlineIcon	Question Outline	questionCircleIcon	Question Circle
radioMobileIcon	Radio Mobile	circleIcon	Circle
radioMobileSelectedIcon	Radio Mobile Selected	radioIcon	Radio
receiptsIcon	Receipts	receiptIcon	Receipt
redoIcon	Redo	arrowUTurnRightIcon	Arrow U Turn Right
renameIcon	Rename	documentEditIcon	Document Edit
reorderV2Icon	Reorder V2	hamburgerIcon	Hamburger
reportParameterIcon	Report Parameter	documentGearIcon	Document Gear
rightSidebarIcon	Right Sidebar	sidebarRightIcon	Sidebar Right
rowsCheckIcon	Rows Check	rowCheckIcon	Row Check
rowsPlusIcon	Rows Plus	rowPlusIcon	Row Plus
rpmIcon	Rpm	gaugeIcon	Gauge
rteEmphasisIcon	Rte Emphasis	fontEmphasisIcon	Font Emphasis
rteListIcon	Rte List	listIcon	List
screenMagnificationIcon	Screen Magnification	webpageSearchIcon	Webpage Search
selectIcon	Select	squarePointerDashedIcon	Square Pointer Dashed
setupIcon	Setup	configureIcon	Configure
showColIcon	Show Col	columnShowIcon	Column Show
signoutIcon	Signout	signOutIcon	Sign Out
skillsIcon	Skills	bowCompassIcon	Bow Compass
skipIcon	Skip	nextIcon	Next
sortDownIcon	Sort Down	arrowDownSmallIcon	Arrow Down Small
sortUpIcon	Sort Up	arrowUpSmallIcon	Arrow Up Small
sparkleSingleSmallIcon	Sparkle Single Small	sparkleIcon	Sparkle
speechBubbleIcon	Speech Bubble	commentBlankIcon	Comment Blank
speechExclamationIcon	Speech Exclamation	commentExclamationIcon	Comment Exclamation
starHalfIcon	Star Half	starHalfFillIcon	Star Half Fill
subOrganizationIcon	Sub Organization	teamFillIcon	Team Fill
suborgIcon	Suborg	teamFillIcon	Team Fill
switchIcon	Switch	arrowSwitchIcon	Arrow Switch
systemNotificationIcon	System Notification	cloudSettingsIcon	Cloud Settings
taskAcademicIcon	Task Academic	gradCapIcon	Grad Cap
taskBenefitsIcon	Task Benefits	shieldHeartIcon	Shield Heart
taskCareerIcon	Task Career	targetIcon	Target
taskCompanyPropertyIcon	Task Company Property	staplerIcon	Stapler
taskCompensationIcon	Task Compensation	documentChartIcon	Document Chart
taskContactIcon	Task Contact	bookUserIcon	Book User
taskJobIcon	Task Job	briefcaseIcon	Briefcase
taskOverviewIcon	Task Overview	documentTaskIcon	Document Task
taskPayIcon	Task Pay	walletIcon	Wallet
taskPerformanceIcon	Task Performance	clipboardChartIcon	Clipboard Chart
taskTimeoffIcon	Task Timeoff	suitcaseIcon	Suitcase
textColorIcon	Text Color	fontColorIcon	Font Color
threeColumnIcon	Three Column	columnThreeIcon	Column Three
thumbsDownFilledIcon	Thumbs Down Filled	thumbsDownFillIcon	Thumbs Down Fill
thumbsDownOutlinedIcon	Thumbs Down Outlined	thumbsDownIcon	Thumbs Down
thumbsUpFilledIcon	Thumbs Up Filled	thumbsUpFillIcon	Thumbs Up Fill
thumbsUpOutlinedIcon	Thumbs Up Outlined	thumbsUpIcon	Thumbs Up
timeIcon	Time	historyIcon	History
timelineAllIcon	Timeline All	timelineIcon	Timeline
timelineMilestoneIcon	Timeline Milestone	signpostIcon	Signpost
timelinePerformanceInputIcon	Timeline Performance Input	userStarIcon	User Star
timeOffBalanceIcon	Time Off Balance	calendarInfoIcon	Calendar Info
transcriptionIcon	Transcription	boxTextMicrophoneIcon	Box Text Microphone
transformationGroupbyIcon	Transformation Groupby	groupIcon	Group
transformationImportIcon	Transformation Import	arrowRightToLineIcon	Arrow Right To Line
transformationJoinIcon	Transformation Join	shrinkHorizontalIcon	Shrink Horizontal
transformationUnionIcon	Transformation Union	unionIcon	Union
translatedActualsIcon	Translated Actuals	actualsFinanceIcon	Actuals Finance
travelIcon	Travel	airplaneIcon	Airplane
twoColumnIcon	Two Column	columnTwoIcon	Column Two
undoIcon	Undo	arrowUTurnLeftIcon	Arrow U Turn Left
undoLIcon	Undo L	arrowUTurnLeftIcon	Arrow U Turn Left
undoRIcon	Undo R	arrowUTurnRightIcon	Arrow U Turn Right
unfreezeIcon	Unfreeze	sunIcon	Sun
unknownIcon	Unknown	documentUserTextIcon	Document User Text
unlinkIcon	Unlink	linkStrikethroughIcon	Link Strikethrough
unlockedIcon	Unlocked	lockOpenIcon	Lock Open
unorderedListIcon	Unordered List	listBulletIcon	List Bullet
uploadClipIcon	Upload Clip	paperclipIcon	Paperclip
uploadCloudIcon	Upload Cloud	cloudArrowUpIcon	Cloud Arrow Up
uploadIcon	Upload	arrowUpToLineIcon	Arrow Up To Line
userLockedIcon	User Locked	userLockIcon	User Lock
userRemoveIcon	User Remove	userXIcon	User X
viewsiteIcon	Viewsite	webpageOpenIcon	Webpage Open
viewTeamIcon	View Team	teamIcon	Team
virtualVersionIcon	Virtual Version	documentDashedIcon	Document Dashed
virtualVersionLockedIcon	Virtual Version Locked	documentLockDashedIcon	Document Lock Dashed
virtualVersionLockIcon	Virtual Version Lock	documentLockDashedIcon	Document Lock Dashed
webinarIcon	Webinar	desktopMediaIcon	Desktop Media
wizardIcon	Wizard	magicWandIcon	Magic Wand
workbookIcon	Workbook	bookIcon	Book
worksheetsIcon	Worksheets	documentWorksheetsIcon	Document Worksheets
xoInstanceListIcon	Xo Instance List	xoLoopIcon	XO Loop
zoomAreaIcon	Zoom Area	squareSearchDashedIcon	Square Search Dashed
zoominIcon	Zoomin	zoomInIcon	Zoom In
zoomoutIcon	Zoomout	zoomOutIcon	Zoom Out

Migration for Developers

Note: These changes can be handled automatically using the codemod script (https://workday.github.io/canvas-kit/?path=/docs/guides-codemods—docs ) available in Canvas Kit v15.

Update @workday/canvas-system-icons-web to v5, then run the codemod script to automatically rename imports and references. Cross-check anything the codemod doesn’t catch against the Deprecation table above—Old JS name is the export you’re replacing, New JS name is what to switch to.

Migration for Designers

As part of the shift to align with Sana, a handful of icons (such as, Dropdown, Erase, Inbox Fill, and Video, etc) were also simplified: streamlined or removed elements resulting in fewer layers than their previous versions; review these against the Figma file if you have overrides on their internal layers.

Note: The renames and migrations can be handled automatically by the “Icons Lab: Library Migration” Figma plugin . See Icons Lab to learn more about our Figma plugins.

Update your local library to the Sana Canvas Assets V5 Figma file , then run the Canvas Icons Migration Figma plugin to remap renamed and deprecated icons in your files.

Review any remaining manual design swaps and newly added icons against the Figma package before finalizing screens—see the Visual Changes page for a side-by-side reference.