Icons

Below is a reference to the icons available within the icon font included in the design system CSS. You can also download a zip file that contains an SVG file of each icon and/or the TTF icon font file. Please refer to the Dell Technologies brand website, https://brand.delltechnologies.com/icon/, for further information and requirements for iconography.

Getting started with icons in code

SVGs

External SVG

Not yet supported. Will likely require JavaScript.

Embedded SVG

Embed (copy/paste) the SVG definitions in your page immediately after the <body> tag. You can see them by viewing the source here: </body>https://uicore.dellcdn.com/1.3.1/icons/dds-icons-defs.svg

Basic Use

To use an SVG in your page include the unique class name and href (see below for a list of icons with class names):

<svg class="dds__svg-icons" aria-hidden="true"><use xlink:href="#dds__hinge"/></svg>

Loading Icon

See the Progress Indicators page for information about the Loading Indicator.

Icon Font

Standard

To embed your selected fonts into a webpage, copy this code into the <head> of your HTML document.</head>

<link rel="stylesheet" href="https://uicore.dellcdn.com/1.3.1/css/dds-fonts.css">

@import

In the head of your page or in your CSS file, you can use the at-rule @import to load the icon font.

<style></style>

@import url('https://uicore.dellcdn.com/1.3.1/css/dds-fonts.css');

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-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__printer
dds__processor
dds__productivity
dds__projector
dds__protractor
dds__pulse
dds__puzzle
dds__qos
dds__rack
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