Icons

Icons are simplified visual representations of a specific action, object or concept.

Icons come in two variant types: Outline and Solid. Please note that all icons within the icon set have an outline variant, but not all icons have a solid variant.

Solid icons may be faster to recognise than outline icons due to less visual noise, especially depending on the complexity of the icon. Solid icons better represent how we view objects, whereas outline icons are silhouettes and therefore can take longer to perceive.

Outline icons place less emphasis on non-imperative items and are more recognizable when they have wider inner spacing. They’re also better to use when you need to make subtle design cues more noticeable.

Example of solid and outline icons
Icon Count: 415
Accessible Icon
Accessible Solid Icon
Add Icon
Add Document Icon
Add Document Solid Icon
Api Icon
App Switcher Icon
Arrow Down Icon
Arrow Left Icon
Arrow Right Icon
Arrow Up Icon
Attach Icon
Bank Icon
Bank Check Icon
Bank Check Solid Icon
Bank Solid Icon
Bar Chart Icon
Battery Icon
Battery Solid Icon
Bookmark Icon
Bookmark Solid Icon
Boolean Icon
Boolean Solid Icon
Browser Icon
Browser Solid Icon
Building Icon
Buildings Icon
Building Solid Icon
Buildings Solid Icon
Build Report Icon
Build Report Solid Icon
Calculator Icon
Calculator Solid Icon
Calendar Icon
Calendar Solid Icon
Call Icon
Call Solid Icon
Cart Icon
Cart Solid Icon
Chat Icon
Chat Group Icon
Chat Group Solid Icon
Chat Solid Icon
Chatting Icon
Chatting Solid Icon
Chevron Down Icon
Chevron Left Icon
Chevron Right Icon
Chevron Up Icon
Clock Icon
Clock Solid Icon
Clone Icon
Close Icon
Closedcaption Icon
Closedcaption Disabled Icon
Closedcaption Disabled Solid Icon
Closedcaption Solid Icon
Close Small Icon
Cloud Icon
Cloud Disabled Icon
Cloud Disabled Solid Icon
Cloud Download Icon
Cloud Download Solid Icon
Cloud Solid Icon
Cloud Success Icon
Cloud Success Solid Icon
Cloud Sync Icon
Cloud Sync Solid Icon
Cloud Upload Icon
Cloud Upload Solid Icon
Coffee Icon
Coffee Solid Icon
Collapse Icon
Collapse All Icon
Column Chooser Icon
Column Chooser Solid Icon
Commentary Icon
Commentary Solid Icon
Compass Icon
Compass Solid Icon
Cookie Icon
Cookie Solid Icon
Copy Icon
Copy Solid Icon
Credit Card Icon
Credit Card Solid Icon
Crops Icon
Crops Solid Icon
Csv Icon
Csv Solid Icon
Cut Icon
Dark Icon
Dark Solid Icon
Dashboard Icon
Dashboard Solid Icon
Database Icon
Database Solid Icon
Delete Icon
Delete Solid Icon
Devices Icon
Devices Solid Icon
Diamond Icon
Display Icon
Display Solid Icon
Document Icon
Document Solid Icon
Double Chevron Down Icon
Double Chevron Left Icon
Double Chevron Right Icon
Double Chevron Up Icon
Download Icon
Drag Row Icon
Edit Icon
Edit Solid Icon
Error Icon
Error Execute Icon
Error Solid Icon
Expand Icon
Expand All Icon
Export Icon
Export Solid Icon
Favorite Icon
Favorite Solid Icon
Filter Icon
Filter Clear Icon
Filter Clear Solid Icon
Filter Solid Icon
Flag Icon
Flag Solid Icon
Folder Closed Icon
Folder Closed Solid Icon
Folder Open Icon
Folder Open Solid Icon
Forward10 Icon
Forward15 Icon
Forward30 Icon
Forward5 Icon
Github Icon
Globe Icon
Globe Solid Icon
Grid Icon
Grid Solid Icon
Group Icon
Group Solid Icon
Guide Closed Icon
Guide Closed Solid Icon
Guide Open Icon
Guide Open Solid Icon
Headphones Icon
Headphones Disabled Icon
Headphones Disabled Solid Icon
Headphones Solid Icon
Help Icon
Help Solid Icon
Hidden Icon
Hidden Solid Icon
History Icon
Home Icon
Home Solid Icon
Hospital Icon
Hospital Solid Icon
Icon Figma Icon
Image Icon
Image Solid Icon
Import Icon
Import Solid Icon
Inbox Icon
Inbox Solid Icon
Info Icon
Info Solid Icon
Jigsaw Icon
Jigsaw Solid Icon
Key Icon
Key Backspace Icon
Key Capslock Icon
Key Command Icon
Key Control Icon
Key Enter Icon
Key Option Icon
Key Shift Icon
Key Solid Icon
Key Tab Icon
Laptop Icon
Laptop Solid Icon
Layers Icon
Layers Solid Icon
Light Icon
Light Solid Icon
Line Chart Icon
Line Chart Solid Icon
Linked Icon
List Icon
Loader Icon
Location Icon
Location Solid Icon
Locked Icon
Locked Solid Icon
Man Icon
Man Solid Icon
Man Woman Icon
Man Woman Solid Icon
Map Icon
Map Solid Icon
Marker Icon
Marker Solid Icon
Maximize Icon
Maximize Solid Icon
Medical Kit Icon
Medical Kit Solid Icon
Menu Icon
Message Icon
Message Solid Icon
Micro Menu Icon
Microphone Icon
Microphone Disabled Icon
Microphone Disabled Solid Icon
Microphone Solid Icon
Minimize Icon
Mobile Icon
Mobile Solid Icon
Mouse Icon
Mouse Solid Icon
Move All Icon
Move Horizontal Icon
Move Vertical Icon
Music Icon
Music Disabled Icon
Music Disabled Solid Icon
Music Solid Icon
Note Icon
Note Solid Icon
Notification Icon
Notification Read Icon
Notification Read Solid Icon
Notification Solid Icon
Overflow Menu Icon
Paste Icon
Paste Solid Icon
Pause Icon
Pause Solid Icon
Pdf Icon
Pdf Solid Icon
Picnic Icon
Picnic Solid Icon
Pin Icon
Pin Solid Icon
Pivot Icon
Pivot Solid Icon
Place In Icon
Play Icon
Play Solid Icon
Pot Food Icon
Pot Food Solid Icon
Presentation Icon
Presentation Solid Icon
Price Ladder Icon
Print Icon
Print Solid Icon
Progress Cancelled Icon
Progress Closed Icon
Progress Complete Icon
Progress Draft Icon
Progress Inprogress Icon
Progress Onhold Icon
Progress Pending Icon
Progress Rejected Icon
Progress Todo Icon
Protection Icon
Protection Solid Icon
Receipt Icon
Receipt Solid Icon
Redo Icon
Refresh Icon
Remove Icon
Remove Document Icon
Remove Document Solid Icon
Replay10 Icon
Replay15 Icon
Replay30 Icon
Replay5 Icon
Restore Icon
Run Report Icon
Run Report Solid Icon
Salt Shaker Icon
Salt Shaker Solid Icon
Save Icon
Save Solid Icon
Scales Icon
Scales Solid Icon
Schedule Time Icon
Schedule Time Solid Icon
Search Icon
Search Solid Icon
Semantic Dissatisfied Icon
Semantic Dissatisfied Solid Icon
Semantic Neutral Icon
Semantic Neutral Solid Icon
Semantic Satisfied Icon
Semantic Satisfied Solid Icon
Semantic Very Dissatisfied Icon
Semantic Very Dissatisfied Solid Icon
Semantic Very Satisfied Icon
Semantic Very Satisfied Solid Icon
Send Icon
Send Solid Icon
Settings Icon
Settings Solid Icon
Share Icon
Share Solid Icon
Signal Icon
Signpost Icon
Signpost Solid Icon
Sortable Alpha Icon
Sortable Num Icon
Sort Alpha Ascend Icon
Sort Alpha Descend Icon
Sort Ascend Icon
Sort Descend Icon
Sort Num Ascend Icon
Sort Num Descend Icon
Sparkle Icon
Sparkle Solid Icon
Stackoverflow Icon
Step Active Icon
Step Default Icon
Step Success Icon
Stethoscope Icon
Stethoscope Solid Icon
Storage Icon
Storage Solid Icon
Storefront Icon
Storefront Solid Icon
String Number Icon
String Text Icon
Success Icon
Success Small Icon
Success Small Solid Icon
Success Solid Icon
Success Tick Icon
Sum Icon
Sum Solid Icon
Swap Icon
Symphony Icon
Sync Icon
Tag Icon
Tag Clear Icon
Tag Clear Solid Icon
Tag Solid Icon
Tails Icon
Tails Solid Icon
Target Icon
Tear Out Icon
Thumbs Down Icon
Thumbs Down Solid Icon
Thumbs Up Icon
Thumbs Up Solid Icon
Tote Icon
Tote Solid Icon
Tree Icon
Tree Solid Icon
Triangle Down Icon
Triangle Left Icon
Triangle Right Icon
Triangle Right Down Icon
Triangle Up Icon
Type Icon
Type Solid Icon
Undo Icon
Ungroup Icon
Ungroup Solid Icon
Universal Access Icon
Universal Access Solid Icon
Unlinked Icon
Unlocked Icon
Unlocked Solid Icon
Upload Icon
Urgency Critical Icon
Urgency High Icon
Urgency Low Icon
Urgency Medium Icon
Urgency None Icon
User Icon
User Admin Icon
User Admin Solid Icon
User Badge Icon
User Group Icon
User Group Solid Icon
User Solid Icon
Utensils Icon
Utensils Solid Icon
Video Icon
Video Disabled Icon
Video Solid Icon
Visible Icon
Visible Solid Icon
Volume Down Icon
Volume Off Icon
Volume Up Icon
Warning Icon
Warning Solid Icon
Watch Icon
Watch Solid Icon
Waveform Icon
Weight Icon
Weight Solid Icon
Wifi Icon
Wifi Disabled Icon
Woman Icon
Woman Solid Icon
Woodland Icon
Woodland Solid Icon
Xls Icon
Xls Solid Icon
Zip Icon
Zip Solid Icon

Icon size will vary based on use case and system requirements. Standard sizing ensures components maintain a consistent spatial relationship with surrounding elements.

Size tokenMultiplierHigh density (px)MediumLowTouch
--salt-size-iconx112 *121416
x220242832
x330364248
x440485664

* Icons have a minimum size set at 12px and should not be displayed any smaller. For high density this means the default size of an icon is 12px, but the rest of the scale grows based on small base dimension.