Icons

dds__icons will someday replace all of the other icon fonts.

Design System Guidelines

Jump to ...

Font: dds__icons

Each dds__icon on this page is a text character (space " ") with two classes applied to it: "dds__icons" plus the specific "dds_IconName". This method is being used because when icons are added to the set, this is done alphabetically, causing downstream icons to change their character code.

dds__2-in-1
dds__accessibility
dds__add-cir
dds__add-sqr
dds__airplane
dds__alarm-bell
dds__alarm-clock
dds__alert-check-cir
dds__alert-check-sqr
dds__alert-error
dds__alert-info-cir
dds__alert-info-sqr
dds__alert-notice
dds__app-window
dds__app-window-search
dds__arrange
dds__arrow-cir-down
dds__arrow-cir-left
dds__arrow-cir-right
dds__arrow-cir-up
dds__arrow-down
dds__arrow-export
dds__arrow-left
dds__arrow-right
dds__arrow-up
dds__arrow-tri-down
dds__arrow-tri-left
dds__arrow-tri-right
dds__arrow-tri-solid-right
dds__arrow-tri-solid-stacked
dds__arrow-tri-up
dds__assistance
dds__audio-card
dds__audio-speaker
dds__audio-speaker-levels
dds__audio-speaker-mute
dds__audio-speaker-off
dds__audio-speaker-on
dds__award-certificate
dds__award-trophy
dds__barbell
dds__battery-charge
dds__battery-empty
dds__battery-horiz-empty
dds__battery-horiz-full
dds__battery-horiz-half
dds__battery-vert-full
dds__battery-vert-half
dds__bluetooth
dds__bolt
dds__bookmark
dds__book-open
dds__brand-alienware
dds__brand-dell
dds__brand-dellemc
dds__brand-dell-gaming
dds__brand-delltechnologies
dds__brand-delltechnologiesvert
dds__brand-ms-teams
dds__brand-skype
dds__brand-windows
dds__brightness
dds__calculator
dds__calendar
dds__calendar-search
dds__camera
dds__cancelled
dds__capture-image
dds__card-credit
dds__card-info
dds__card-swipe-left
dds__card-swipe-right
dds__carry-case
dds__cart
dds__chain-link
dds__charge-back
dds__charge-back-folder
dds__charge-back-report
dds__chart-bars-axis
dds__chart-bars-box
dds__chart-insights
dds__chat-dots
dds__check
dds__check-property
dds__chevron-cir-down
dds__chevron-cir-left
dds__chevron-cir-right
dds__chevron-cir-up
dds__chevron-down
dds__chevron-left
dds__chevron-right
dds__chevron-up
dds__chip-set
dds__clipboard
dds__clipboard-check
dds__clipboard-lines
dds__clipboard-notes
dds__clipboard-remove
dds__clipboard-search
dds__clock
dds__clock-arrow-left
dds__clock-arrow-right
dds__clone
dds__close-x
dds__close-back
dds__close-cir
dds__close-sqr
dds__cloud
dds__cloud-check
dds__cloud-document
dds__cloud-iq
dds__cloud-restore
dds__cloud-upload
dds__cloud-wireless
dds__collapse-down
dds__collapse-down-sqr
dds__collapse-up
dds__collapse-up-sqr
dds__column-add
dds__comment
dds__comment-add
dds__comment-check
dds__compare
dds__conversation
dds__conversation-cir
dds__copy
dds__copy-alt
dds__cube
dds__currency
dds__currency-coins
dds__currency-coins-euros
dds__currency-coins-generic
dds__currency-coins-indian-rupees
dds__currency-coins-pounds
dds__currency-coins-rupees
dds__currency-coins-yen
dds__cursor
dds__cursor-clock
dds__dashboard
dds__data-center
dds__data-compute
dds__datastore
dds__d-display
dds__debug
dds__deploy
dds__device-data-center
dds__device-desktop
dds__device-laptop
dds__device-laptop-detachable
dds__device-lock-screen
dds__device-mobile
dds__device-modular
dds__device-monitor
dds__device-nodes
dds__device-screen-size
dds__device-server
dds__device-server-tower
dds__device-storage-array
dds__device-switch-blade
dds__device-switch-blade-2U
dds__device-tablet-horiz
dds__device-tablet-vert
dds__device-thin-client
dds__diagnostic
dds__dimensions-weight
dds__disc-arrow-down
dds__disc-arrow-up
dds__disc-check
dds__disc-insert
dds__disc-recovery
dds__disc-secure
dds__disc-software
dds__disc-system
dds__doc-add
dds__doc-arrow-left
dds__doc-arrow-right
dds__doc-check
dds__doc-cube
dds__doc-lines
dds__doc-manual
dds__doc-reports
dds__docs-copy-alt
dds__doc-search
dds__doc-secure
dds__doc-settings
dds__doc-support
dds__document
dds__download
dds__download-alt
dds__ear
dds__ellipsis
dds__energy-efficient
dds__escalate-tri
dds__exit-door
dds__expand
dds__eye-view-off
dds__eye-view-on
dds__fan
dds__filter
dds__filter-add
dds__filter-clear
dds__filter-move
dds__filter-remove
dds__fingerprint
dds__flag
dds__flame
dds__flash-drive
dds__folder
dds__folder-add
dds__folder-arrow-right
dds__folder-arrow-up
dds__folder-media
dds__full-screen
dds__game-controller
dds__gaming-desktop
dds__gear
dds__gear-arrow
dds__gear-wrench
dds__gift-card
dds__globe-location
dds__globe-simple
dds__graphics-card
dds__handle
dds__hand-touch
dds__hand-touch-screen
dds__hard-drive
dds__hd-generic
dds__headphones
dds__headset
dds__heat
dds__help-cir
dds__help-sqr
dds__hinge
dds__home
dds__host-server
dds__host-server-hex
dds__host-server-rack
dds__import
dds__import-alt
dds__inbox
dds__inbox-arrow-down
dds__infrastructure
dds__ink-toner
dds__key
dds__keyboard
dds__keyboard-mouse
dds__keypad
dds__laptop-generic
dds__lcd
dds__lightbulb
dds__location
dds__location-play
dds__lock-closed
dds__lock-open
dds__log-in
dds__log-out
dds__mail
dds__mail-open
dds__manage-info
dds__management-software
dds__memory
dds__memory-card-reader
dds__memory-sd-card
dds__menu-closed
dds__metadata
dds__microchip
dds__microphone-off
dds__microphone-on
dds__migrate
dds__minimize
dds__minus-minimize
dds__missing-image
dds__mouse
dds__mouse-cord
dds__movie-clapper
dds__movie-clapper-play
dds__music-note
dds__network-connected
dds__network-horiz
dds__network-share
dds__network-vert
dds__network-vert-disable
dds__objects
dds__office
dds__overflow
dds__package-closed
dds__package-open
dds__paint-brush
dds__paint-palette
dds__paper-clip
dds__partners
dds__password
dds__pause
dds__pause-sqr
dds__pencil
dds__pencil-check
dds__pencil-mark
dds__pencil-remove
dds__performance
dds__phone
dds__pie-chart
dds__pie-chart-solid
dds__pin
dds__play-cir
dds__play-sqr
dds__plus-add
dds__popout-double
dds__popout-double-condense
dds__popout-double-condense-vertical
dds__popout-double-vertical
dds__popout-share
dds__popout-window
dds__popout-window-arrow
dds__pop-up-arrow
dds__pop-up-arrow-corner
dds__port-double
dds__power-off
dds__power-on
dds__power-supply
dds__power-supply-cord
dds__power-supply-double
dds__pre-seed
dds__printer
dds__processor
dds__productivity
dds__projector
dds__protractor
dds__pulse
dds__puzzle
dds__qos
dds__rack
dds__receipt
dds__recycle
dds__recycle-bin
dds__redo
dds__redo-move
dds__refresh-spin
dds__removable-storage-usb
dds__remove-cir
dds__remove-sqr
dds__reset
dds__restore
dds__rss
dds__save
dds__save-disk
dds__scale
dds__search
dds__search-arrow-left
dds__search-arrow-right
dds__search-back
dds__search-forward
dds__server-rack-arrow-right
dds__server-rack-search
dds__server-rack-support
dds__share
dds__shield
dds__shield-check
dds__shield-protect
dds__shipping
dds__skip-forward
dds__skip-to-end
dds__skip-to-front
dds__slider-horiz
dds__slider-vert
dds__smart-select
dds__snapshot
dds__snowflake
dds__social-networking
dds__sort-az
dds__sort-horiz
dds__sort-vert
dds__sort-za
dds__speaker-double
dds__stack
dds__star
dds__start-up
dds__stop
dds__suspend
dds__sync-horiz
dds__sync-vert
dds__tag
dds__tag-deal
dds__task-check
dds__task-check-progress
dds__thumb-down
dds__thumb-up
dds__toolbox
dds__touch-pad
dds__trash
dds__tv
dds__undo
dds__undo-move
dds__upload
dds__usb
dds__user
dds__user-about
dds__user-add
dds__user-check
dds__user-cir
dds__user-cir-add
dds__user-cir-remove
dds__user-contact
dds__user-directory
dds__user-disable
dds__user-group
dds__user-group-chat
dds__user-group-disable
dds__user-groups
dds__user-groups-disable
dds__user-lock
dds__user-remove
dds__user-search
dds__user-unlock
dds__video-card
dds__view-column
dds__view-detailed
dds__view-grid
dds__view-grid-alt
dds__view-list
dds__view-row
dds__view-table
dds__virtualization
dds__volume
dds__warranty
dds__web-camera
dds__web-camera-hd
dds__weight-bell
dds__wifi
dds__wifi-none
dds__wifi-simple
dds__windows support
dds__wrench-cir
dds__wrench-double
dds__wrench-manage
dds__wrench-single
dds__wrench-tools
dds__zoom-in
dds__zoom-out

Instead of displaying an icon as a text character, you can alternatively get it to display by applying the class "dds__icons" with the combo class "dds__IconName" to an element. For example, here are these two classes applied to a variety of elements:

Div: In the Designer tool, Toggle Preview to see the result
Link Block: In the Designer tool, Toggle Preview to see the result

Font: glyphicons halflings

Only use these icons when trying to emulate the legacy experience. Otherwise, use icons from the dds__icons font above.
ellipses-horizontal
glyphicon-chevron-down
glyphicon-chevron-right
glyphicon-chevron-up

Font: icon-brand

Only use these icons when trying to emulate the legacy experience. Otherwise, use icons from the dds__icons font above.
icon-brand-alienware
icon-brand-dell
icon-brand-dellemc
icon-brand-delltechnologies
icon-brand-delltechnologiesVert

Font: icon-large

Only use these icons when trying to emulate the legacy experience. Otherwise, use icons from the dds__icons font above.
icon-large-360-hinge
icon-large-add
icon-large-alertcomplete
icon-large-alerterror
icon-large-alertinfo
icon-large-alertnotice
icon-large-audiocard
icon-large-audiospeaker
icon-large-award
icon-large-battery
icon-large-bell
icon-large-cables
icon-large-calculator
icon-large-calendar
icon-large-carryingcase
icon-large-cart
icon-large-chat
icon-large-checkmark
icon-large-chipset
icon-large-clock
icon-large-cloud
icon-large-color
icon-large-computergeneric
icon-large-contact
icon-large-copy
icon-large-data
icon-large-deals
icon-large-detachable
icon-large-diagnostic
icon-large-dimensionsweight
icon-large-display
icon-large-download
icon-large-drivers
icon-large-edit
icon-large-employee
icon-large-energyefficient
icon-large-enterprise
icon-large-e-value
icon-large-gift-card
icon-large-globe
icon-large-graphics-card
icon-large-harddrive
icon-large-help
icon-large-house
icon-large-infrastructure
icon-large-inktoner
icon-large-keyboard
icon-large-lightbulb
icon-large-location
icon-large-magnifying-glass
icon-large-mail
icon-large-memory
icon-large-memorycardreader
icon-large-missingimage
icon-large-mobile
icon-large-mouse
icon-large-music
icon-large-network
icon-large-notebook
icon-large-operatingsystem
icon-large-opticaldrive
icon-large-package
icon-large-partners
icon-large-performance
icon-large-phone
icon-large-photos
icon-large-ports
icon-large-powersupply
icon-large-printer
icon-large-processor
icon-large-projector
icon-large-protection
icon-large-recycle
icon-large-refresh
icon-large-rss
icon-large-save
icon-large-scale-out
icon-large-searchleft
icon-large-secure
icon-large-securesoftware
icon-large-server
icon-large-serverrack
icon-large-share
icon-large-shipping
icon-large-socialnetworking
icon-large-software
icon-large-solutions
icon-large-speakers
icon-large-star
icon-large-storage
icon-large-support
icon-large-surgeprotection
icon-large-tablet
icon-large-thinclient
icon-large-touch
icon-large-touch-pad
icon-large-towergeneric
icon-large-trash
icon-large-tv
icon-large-useraccount
icon-large-video
icon-large-videocard
icon-large-virtualization
icon-large-warranty
icon-large-webcam
icon-large-whitepaper
icon-large-wireless
icon-large-zoomin
icon-large-zoomout

Font: icon-small

Only use these icons when trying to emulate the legacy experience. Otherwise, use icons from the dds__icons font above.
icon-small-360-hinge
icon-small-add
icon-small-alertcomplete
icon-small-alerterror
icon-small-alertinfo
icon-small-alertnotice
icon-small-audiocard
icon-small-audiospeaker
icon-small-award
icon-small-battery
icon-small-bell
icon-small-cables
icon-small-calculator
icon-small-calendar
icon-small-carryingcase
icon-small-cart
icon-small-chat
icon-small-checkmark
icon-small-chipset
icon-small-clock
icon-small-cloud
icon-small-color
icon-small-computergeneric
icon-small-contact
icon-small-copy
icon-small-data
icon-small-deals
icon-small-detachable
icon-small-diagnostic
icon-small-dimensionsweight
icon-small-display
icon-small-download
icon-small-drivers
icon-small-edit
icon-small-employee
icon-small-energyefficient
icon-small-enterprise
icon-small-e-value
icon-small-favorite-0
icon-small-favorite-10
icon-small-favorite-20
icon-small-favorite-30
icon-small-favorite-40
icon-small-favorite-50
icon-small-favorite-60
icon-small-favorite-70
icon-small-favorite-80
icon-small-favorite-90
icon-small-favorite-100
icon-small-gift-card
icon-small-globe
icon-small-graphics-card
icon-small-harddrive
icon-small-help
icon-small-house
icon-small-infrastructure
icon-small-inktoner
icon-small-keyboard
icon-small-lightbulb
icon-small-location
icon-small-magnifying-glass
icon-small-mail
icon-small-memory
icon-small-memorycardreader
icon-small-missingimage
icon-small-mobile
icon-small-mouse
icon-small-music
icon-small-network
icon-small-notebook
icon-small-operatingsystem
icon-small-opticaldrive
icon-small-package
icon-small-partners
icon-small-performance
icon-small-phone
icon-small-photos
icon-small-ports
icon-small-powersupply
icon-small-printer
icon-small-processor
icon-small-projector
icon-small-protection
icon-small-recycle
icon-small-refresh
icon-small-rss
icon-small-save
icon-small-scale-out
icon-small-searchleft
icon-small-secure
icon-small-securesoftware
icon-small-server
icon-small-serverrack
icon-small-share
icon-small-shipping
icon-small-socialnetworking
icon-small-software
icon-small-solutions
icon-small-speakers
icon-small-star
icon-small-storage
icon-small-support
icon-small-surgeprotection
icon-small-tablet
icon-small-thinclient
icon-small-touch
icon-small-touch-pad
icon-small-towergeneric
icon-small-trash
icon-small-tv
icon-small-useraccount
icon-small-video
icon-small-videocard
icon-small-virtualization
icon-small-warranty
icon-small-webcam
icon-small-whitepaper
icon-small-wireless
icon-small-zoomin
icon-small-zoomout

Font: icon-ui

Only use these icons when trying to emulate the legacy experience. Otherwise, use icons from the dds__icons font above.
icon-ui-arrowleft
icon-ui-arrowright
icon-ui-close
icon-ui-closecircle
icon-ui-grid-view
icon-ui-list-view
icon-ui-menucollapsed
icon-ui-minus
icon-ui-pause
icon-ui-play
icon-ui-plus
icon-ui-triangledown
icon-ui-triangleleft
icon-ui-triangleright
icon-ui-triangleup
icon-ui-handle
icon-ui-loading