Welcome to SDS 2!
Explore the new features exclusively available in this version of the Shell Design System.
Guidelines
IconographyIcons are symbols used to visually represent objects, actions and ideas. They are interactive, and communicate information in spaces where a text component doesn’t fit.
Accessibility
Audio description
Audio description solid
Braille
Braille solid
Closed captions
Closed captions solid
Cognitive impairment
Cognitive impairment solid
Colour contrast
Colour contrast solid
Eye hollow disabled
Eye solid disabled
Full body
Full body solid
Hearing impairment
Increase size
Increase size solid
Partial vision
Partial vision solid
Text enlargement
Wheelchair
Wheelchair solid
Battery
Horizontal0
Horizontal10
Horizontal100
Horizontal100 solid
Horizontal10 solid
Horizontal20
Horizontal20 solid
Horizontal30
Horizontal30 solid
Horizontal40
Horizontal40 solid
Horizontal50
Horizontal50 solid
Horizontal60
Horizontal60 solid
Horizontal70
Horizontal70 solid
Horizontal80
Horizontal80 solid
Horizontal90
Horizontal90 solid
Horizontal charging0
Horizontal charging10
Horizontal charging100
Horizontal charging100 solid
Horizontal charging10 solid
Horizontal charging20
Horizontal charging20 solid
Horizontal charging30
Horizontal charging30 solid
Horizontal charging40
Horizontal charging40 solid
Horizontal charging50
Horizontal charging50 solid
Horizontal charging60
Horizontal charging60 solid
Horizontal charging70
Horizontal charging70 solid
Horizontal charging80
Horizontal charging80 solid
Horizontal charging90
Horizontal charging90 solid
Vertical0
Vertical10
Vertical100
Vertical100 solid
Vertical10 solid
Vertical20
Vertical20 solid
Vertical30
Vertical30 solid
Vertical40
Vertical40 solid
Vertical50
Vertical50 solid
Vertical60
Vertical60 solid
Vertical70
Vertical70 solid
Vertical80
Vertical80 solid
Vertical90
Vertical90 solid
Vertical charging0
Vertical charging10
Vertical charging100
Vertical charging100 solid
Vertical charging10 solid
Vertical charging20
Vertical charging20 solid
Vertical charging30
Vertical charging30 solid
Vertical charging40
Vertical charging40 solid
Vertical charging50
Vertical charging50 solid
Vertical charging60
Vertical charging60 solid
Vertical charging70
Vertical charging70 solid
Vertical charging80
Vertical charging80 solid
Vertical charging90
Vertical charging90 solid
Brand
Adobe
Apiiro
Devkit portal
Devkit portal solid
Facebook
Figma
Flickr
Github
Instagram
Linked in
Microsoft excel
Microsoft office
Microsoft powerpoint
Microsoft sharepoint
Microsoft teams
Onfido
Pecten
Pecten solid
React
Ren ren
Storybook
Twitter
Viva engage
Vk
We chat
Weibo
Whatsapp
You kou alt
You kou logo
You tube
Buildings
Factory
Factory alt
Factory solid
Office
Office solid
Retail shop
Shop
Shop solid
Business
App enabled
App enabled solid
Badge
Badge solid
Barrel
Barrel default
Barrel drop
Barrels
Biofuel
Carbon dioxide
Carbon dioxide solid
Catalyst
Catalysts
Charge point ac
Charge point ac solid
Coin euro
Coin euro solid
Coin krone
Coin krone solid
Coin usd
Coin usd solid
Coin yen
Coin yen solid
Costs
Credit card
Credit card solid
Credit cards
Credit cards solid
Depot
Depot solid
Downstream
Emissions
Ev charge
Ev charge port
Ev charge port solid
Ev charge solid
Gas lng
Gas lng droplet
Gas lng droplet solid
Gas lng solid
Gas pump
Gas pump droplet
Gas pump droplet solid
Gas pump solid
Gift
Gift solid
Global mobility
Graduate
Hammer
Hammer solid
Hand distribution
Hardhat
Hardhat solid
Home mobility
Jerry can
Jerry can solid
Key
Key solid
Mining
Mining solid
Oil barrel
Oil can
Oil can solid
Oil jerry can
Oil jerry can solid
Oil well
Oil well solid
Order
Order solid
Paperclip
Partly ringfenced
Petrochemicals
Pickaxe
Pickaxe solid
Pipeline offshore
Pipeline onshore
Plug
Plug disconnected
Plug disconnected solid
Plug solid
Processing
Purification
Refinery
Refinery solid
Refining
Reimbursement euro
Reimbursement euro solid
Reimbursement krone
Reimbursement krone solid
Reimbursement usd
Reimbursement usd solid
Reimbursement yen
Reimbursement yen solid
Repairs
Rig land
Rig land solid
Rig offshore
Rig offshore solid
Ringfenced
Shopping bag
Shopping bag solid
Shopping basket
Shopping basket solid
Shopping cart
Shopping cart solid
Shovel
Shovel solid
Spanner
Spanner solid
Srs charge card
Srs charge card solid
Srs logo
Subscriptions
Subscriptions solid
Support
Support solid
Wall connector european
Wall connector european solid
Wind turbine
Windfarm solid
Windturbine solid
Data
Bar chart
Bar chart solid
Bar chart square
Bar chart square solid
Chart arcs
Columns
Columns solid
Content
Content solid
Data intellgence
Data intellgence solid
Data schema
Database
Database alt
Database alt solid
Database solid
Donut chart
Donut chart solid
Edit table
Edit table solid
Grid
Grid solid
Image
Image solid
Layout
Layout solid
Line chart
Line chart solid
List
List solid
Photo
Photo plus
Pie chart
Pie chart solid
Pie chart square
Pie chart square solid
Placeholder
Placeholder solid
Refresh alert
Rows
Rows solid
Search database
Search database solid
Stack chart
Stack chart solid
Table
Table solid
Target
Target circle solid
Target square solid
Design
Box margin
Box margin solid
Box padding
Box padding solid
Component
Component instance
Component instance solid
Component instance swap
Component solid
Cursor path
Cursor path solid
Motion
Pen path
Pen path solid
Spacing horizontal
Spacing vertical
Typography
Typography solid
Variable
Variable copy
Variable modes
Variable reference
Variable solid
Food
Carton
Carton solid
Coffee
Coffee beans
Coffee grinder
Coffee solid
Hot drink
Hot drink solid
Media
Audio loud
Audio loud solid
Audio medium
Audio medium solid
Audio mute
Audio mute solid
Backward
Backward circle
Backward solid
Backward solid circle
Forward
Forward circle
Forward solid
Forward solid circle
Pause
Pause circle
Pause solid
Pause solid circle
Play
Play circle
Play solid
Play solid circle
Navigation
Add
Add circle
Add circle solid
Add square
Arrow bottom right
Arrow ccw
Arrow ccw circle
Arrow ccw circle solid
Arrow ccw square
Arrow cw
Arrow cw circle
Arrow cw circle solid
Arrow cw square
Arrow direction
Arrow double ccw
Arrow double cw
Arrow down
Arrow down circle
Arrow down circle solid
Arrow down edge
Arrow down left
Arrow down left circle
Arrow down left circle solid
Arrow down left square
Arrow down narrow
Arrow down right
Arrow down right circle
Arrow down right circle solid
Arrow down right square
Arrow down square
Arrow left
Arrow left circle
Arrow left circle solid
Arrow left edge
Arrow left narrow
Arrow left square
Arrow right
Arrow right circle
Arrow right circle solid
Arrow right edge
Arrow right narrow
Arrow right square
Arrow top right
Arrow up
Arrow up circle
Arrow up circle solid
Arrow up edge
Arrow up narrow
Arrow up square
Bottom navigation
Bottom navigation solid
Caret down
Caret down circle
Caret down circle solid
Caret down square
Caret left
Caret left circle
Caret left circle solid
Caret left square
Caret right
Caret right circle
Caret right circle solid
Caret right square
Caret small down
Caret small left
Caret small right
Caret small up
Caret small up down
Caret up
Caret up circle
Caret up circle solid
Caret up square
Check
Check circle
Check circle solid
Check double
Check square
Chevron double down
Chevron double left
Chevron double right
Chevron double up
Chevron down
Chevron down circle
Chevron down circle solid
Chevron down square
Chevron down up
Chevron joined
Chevron joined solid
Chevron left
Chevron left circle
Chevron left circle solid
Chevron left right
Chevron left right circle
Chevron left right circle solid
Chevron left right square
Chevron left square
Chevron right
Chevron right circle
Chevron right circle solid
Chevron right left
Chevron right square
Chevron small double down
Chevron small double left
Chevron small double right
Chevron small double up
Chevron small down
Chevron small left
Chevron small right
Chevron small up
Chevron up
Chevron up circle
Chevron up circle solid
Chevron up down
Chevron up square
Cross
Cross circle
Cross circle solid
Cross square
Divide
Divide circle
Divide circle solid
Divide square
Drag android
Drag ios
Ellipsis
Ellipsis circle
Ellipsis circle solid
Ellipsis square
Ellipsis vertical
Ellipsis vertical circle
Ellipsis vertical circle solid
Ellipsis vertical square
Escape
Height
Home
Home solid
Icon menu square
Left navigation
Left navigation solid
Log out
Menu
Menu circle
Menu circle solid
Minus
Minus circle
Minus circle solid
Minus square
Open
Options
Options circle
Options circle filled
Options square
Power
Power solid
Right navigation
Right navigation solid
Shuffle
Sort ascend
Sort ascend baseline
Sort descend
Sort descend baseline
Sort full
Split
Swap horizontal
Swap horizontal alt
Swap horizontal alt square
Swap horizontal circle solid
Swap horizontal cricle
Swap horizontal square
Swap vertical
Swap vertical circle solid
Swap vertical square
Swap verticle circle
Top navigation
Top navigation solid
Operations
Badge
Book
Book solid
Chat
Chat add
Chat add solid
Chat solid
Choice
Comment
Comment add
Comment add solid
Comment exlamation mark
Comment exlamation mark solid
Comment solid
Compose
Compose alt
Compose alt solid
Copy
Copy file
Copy file solid
Copy folder
Copy folder solid
Copy solid
Crosshair
Crosshair solid
Cut
Download
Download solid
Edit
Edit circle
Edit circle solid
Edit solid
File
File add
File add solid
File csv
File csv solid
File edit
File edit solid
File jpg
File jpg solid
File json
File json solid
File pdf
File pdf solid
File png
File png solid
File solid
File subtract
File subtract solid
File svg
File svg solid
File text
File text solid
File version
File xls
File xls solid
Filter
Filter alt
Filter alt solid
Filter circle
Filter circle solid
Filter hide
Filter hide circle
Filter hide circle solid
Filter hide square
Filter square
Finance invoice
Folder
Folder open
Folder open solid
Folder shared
Folder shared solid
Folder solid
Gear
Gear solid
Gears
Letter closed
Letter closed solid
Letter message
Letter message solid
Letter open
Letter open solid
Link
Magic wand
Magic wand solid
News
Order search
Order time
Package
Paste
Paste alt
Paste alt solid
Paste solid
Pin
Pin remove
Pin remove solid
Pin solid
Search
Search circle
Search circle solid
Search failed
Search square
Share
Share android
Share android solid
Share solid
Sliders
Tag
Tag solid
Trash
Trash alt
Trash alt solid
Trash clear
Trash clear solid
Trash solid
Zoom in
Zoom out
People
Face average
Face average solid
Face good
Face good solid
Face poor
Face poor solid
Face very good
Face very good solid
Face very poor
Face very poor solid
Full body
Full body circle
Full body circle solid
Full body solid
Icon profile square
People
People circle
People circle solid
People solid
People square
Person
Person circle
Person circle solid
Person code
Person code solid
Person gear
Person gear solid
Person solid
Person square
Person star
Person star solid
Science
Assembly
Biomethane
Biomethane solid
Carbon trend
Carbon trend solid
Chemical analysis
Cloud circle
Cloud circle solid
Cloud square
Diamond
Flask empty
Flask solid
Flask solid16
Liquid natural gas
Liquid natural gas solid
Molecules
Neurology
Neurology solid
Offsets
Offsets solid
Plant pot
Plant pot solid
Plant seedling
Plant seedling solid
Reaction
Sensor
Steam
Termperature change
Test tube empty
Test tube empty16
Test tube solid
Test tube solid16
Thermometer
Tools
Virus
Virus solid
Status
Alert
Alert circle
Alert circle solid
Alert exclamation mark
Alert solid
Alert square
Approved
Approved solid
Block left
Block left circle solid
Block left square
Block right
Block right circle solid
Block right square
Dot
Icon circle info
Info
Info circle
Info square
Question mark
Question mark circle
Question mark circle solid
Question mark square
Raised hand
Raised hand solid
Thumb down
Thumb down solid
Thumb up
Thumb up solid
Timeline event
Timeline start
Technology
Ai
Ai solid
Alert cloud
Alert cloud solid
Announcement
Announcement solid
Block cloud
Block cloud solid
Bluetooth
Bolt cloud
Bolt cloud solid
Bug
Bug solid
Button
Button solid
Camera
Camera disabled
Camera disabled solid
Camera id
Camera selfie
Camera solid
Check cloud
Check cloud solid
Commit
Commit alt
Commit alt solid
Commit solid
Computer
Computer solid
Connected arrows
Cpu
Design system
Design system solid
Download cloud
Download cloud solid
Error cloud
Error cloud solid
Ethernet
Ethernet solid
Git
Git solid
Inbox download filled
Inbox download hollow
Inbox hollow
Inbox solid
Info cloud
Info cloud solid
Input
Input solid
Lightbulb
Lightbulb led
Lightbulb led solid
Lightbulb solid
Lock cloud
Lock cloud solid
Mail closed hollow
Mail closed solid
Mail open
Mail open solid
Mail send
Mail send solid
Mic
Mic disabled
Mic disabled solid
Mic solid
Mobile
Mobile alt
Mobile alt solid
Mobile app
Mobile solid
Monitor
Phone
Print
Print solid
Product
Product solid
Pull request
Pull request solid
Question cloud
Question cloud solid
Save
Save alt
Save alt solid
Save solid
Support
Tv
Tv alt solid
Tv solid
Upload cloud
Upload cloud solid
Video
Video disabled
Video disabled solid
Video solid
Wifi
Wifi circle
Wifi circle solid
Wifi disabled
Wifi square
Time
Alarm
Alarm solid
Calendar
Calendar accept
Calendar add
Calendar delete
Calendar event
Calendar month
Calendar note
Calendar today
Calendar week
Charge time
Charge time solid
Charging speed
Charging speed solid
Hourglass
Hourglass bottom
Hourglass filling
Hourglass top
Time
Time solid
Version
Toggle
Bell
Bell alert
Bell alert solid
Bell disabled
Bell disabled solid
Bell snooze
Bell snooze solid
Bell solid
Bookmark
Bookmark solid
Checkbox disabled
Checkbox selected
Checkbox unselected
Eye hollow
Eye hollow disabled
Eye solid
Eye solid disabled
Flashlight
Flashlight off
Flashlight off solid
Flashlight solid
Full screen
Full screen exit
Heart circle
Heart filled
Heart filled circle
Heart filled square
Heart hollow
Heart square
Lock
Lock solid
Radio button selected
Radio button unselected
Star
Star half solid
Star solid
Toggle all
Toggle all solid
Toggle left
Toggle left solid
Toggle right
Toggle right solid
Unlock
Unlock alt
Unlock alt solid
Unlock solid
Travel
Airport arrivals land
Airport circle
Airport circle solid
Airport departures solid
Airport square solid
Anchor marine solid
Automobile solid
Current location
Current location solid
Globe
Globe solid
Hotel
Hotel solid
Location
Location pin
Location pin dollar
Location pin dollar solid
Location pin solid
Location solid
Map
Map pin
Map pin solid
Map solid
Museum
Museum solid
Parking
Parking solid
Pharmacy
Pharmacy alt
Pharmacy alt solid
Pharmacy solid
Playground
Road
Road bitumen
Road bitumen solid
Road solid
Route
Route solid
Signpost
Toilet
Toilet solid
Vehicles
Airplane
Airplane diagonal
Airplane diagonal solid
Airplane side
Airplane side solid
Airplane solid
Barge
Barge solid
Car
Compressor
Engine
Engine mileage
Excavator
Fan belt
Freight train
Gas engine
Gearbox
Guage
Leaks
Leaks solid
Lubricant
Maintenance
Maintenance solid
Motorboat
Motorcycle
Passenger train
Piston
Rocket
Rocket solid
Sports car
Tanker truck
Tractor
Train car
Train container
Train tanker
Truck
Truck solid
Turbine
Van
Vessel
Vessel add
Vessel add solid
Vessel minus
Vessel minus solid
Vessel solid
Windscreen
Weather
Cloud
Cloud bolt
Cloud bolt solid
Cloud fog
Cloud fog solid
Cloud rain
Cloud rain solid
Cloud snow
Cloud snow solid
Cloud solid
Droplet
Droplet add
Droplet alt
Droplet alt solid
Droplet minus
Droplet minus solid
Droplet solid
Droplet solid add
Lightning bolt
Lightning bolt solid
Lightning bolt thin
Lightning bolt thin solid
Moon
Moon solid
Storm
Sun
Sun alt
Sun alt solid
Sun moon
Sun moon solid
Sun solid
Previous
Grid
Next