System icons

A set of MindSphere icons, which can be used by adding the respective CSS class to a HTML element.

Please note that the icons delivered with this web-font only work when encapsulated / contained within an element with the .mdsp .mdsp-defaults classes.

Icon integration

<i aria-hidden="true" class="iconMdsp grid"></i>
<i aria-hidden="true" class="iconMdsp grid bold"></i>
<i aria-hidden="true" class="iconMdsp grid filled"></i>

We offer some utility classes in order to rotate, flip, or mirror an icon:

Icon utility classes

<i aria-hidden="true" class="iconMdsp image"></i>
<i aria-hidden="true" class="iconMdsp image is-rotated-90"></i>
<i aria-hidden="true" class="iconMdsp image is-rotated-180"></i>
<i aria-hidden="true" class="iconMdsp image is-rotated-270"></i>
<i aria-hidden="true" class="iconMdsp image is-flipped-vertical"></i>
<i aria-hidden="true" class="iconMdsp image is-flipped-horizontal"></i>
<i aria-hidden="true" class="iconMdsp image is-flipped"></i>

Icon search

Regular

  • add
  • addCircle
  • agent
  • alarm
  • analysis
  • announcement
  • applyFilter
  • apps
  • archive
  • arrowDoubleDown
  • arrowDoubleRight
  • arrowDoubleLeft
  • arrowDoubleUp
  • arrowFirstLeft
  • arrowFirstTop
  • arrowHierarchy
  • arrowLastBottom
  • arrowLastRight
  • arrowSingleDown
  • arrowSingleLeft
  • arrowSingleRight
  • arrowSingleUp
  • arrowStemSingleDown
  • arrowStemSingleLeft
  • arrowStemSingleRight
  • arrowStemSingleUp
  • aspects
  • asset
  • assetNetwork
  • attachment
  • attention
  • audit
  • backButtonNarrow
  • bookmark
  • buildingBlock
  • calendar
  • calendarDay
  • calendarWeek
  • camera
  • cancel
  • cancelCircle
  • certificate
  • chartPie
  • chart
  • chartTrend
  • check
  • clipboard
  • clipboardCheck
  • clipboardInvalid
  • clone
  • code
  • gearBox
  • collapse
  • comment
  • compare
  • control
  • copy
  • createWorkbook
  • cut
  • dashboard
  • dashboardAlternative
  • dashboardSmall
  • dashforward
  • dataManagement
  • dataSource
  • delete
  • desktop
  • graph
  • download
  • draw
  • duplicate
  • edit
  • editDocument
  • element
  • email
  • emoteHappy
  • emoteNeutral
  • emoteSad
  • errorAlert
  • exclamationDiamond
  • exit
  • expand
  • export
  • factory
  • factoryMagnifier
  • feedback
  • fileTree
  • filetypeApp
  • filetypeDefault
  • filetypeDrawing
  • filetypeEMail
  • filetypeImage
  • filetypeMisc
  • filetypeSound
  • filetypeText
  • filetypeVideo
  • filter
  • filterAlternative
  • filterHide
  • filterList
  • filterShow
  • flagSmall
  • folder
  • frames
  • fullscreen
  • fullscreenExit
  • globalSettings
  • hatMan
  • headset
  • heart
  • help
  • hierarchy
  • home
  • image
  • import
  • information
  • kpi
  • legal
  • link
  • linkArrow
  • linkDissolve
  • listBullet
  • listBulletMinus
  • listBulletPlus
  • locationMarker
  • lockClosed
  • lockOpened
  • machineA
  • machineB
  • machineC
  • maintenance
  • map
  • mapAlternative
  • mobile
  • more
  • moreAlternative
  • move
  • moveToTop
  • movie
  • navigateLeftSmall
  • navigateRightSmall
  • note
  • notification
  • notificationSquare
  • ok
  • outgoing
  • outgoingExtSmall
  • outgoingInApp
  • outgoingInMdsp
  • outgoingSmall
  • package
  • paperPlay
  • paste
  • person
  • personMultiple
  • phone
  • play
  • preview
  • printer
  • provider
  • question
  • redo
  • reload
  • remove
  • removeCircle
  • reorder
  • robot
  • roles
  • rolesApp
  • rolesStandard
  • rules
  • scope
  • scopeAlternative
  • search
  • selectAll
  • selectNone
  • serviceCredential
  • settings
  • settingsAlternate
  • share
  • shareAlternative
  • shift
  • shoppingCart
  • sidebar
  • sidebarHide
  • sidebarShow
  • sms
  • sort
  • sortAscending
  • sortDescending
  • speedometer
  • star
  • starHalf
  • statusOn
  • statusOff
  • stopwatch
  • subtenant
  • subtenant2
  • subtenant3
  • subtenant4
  • subtenantSmall
  • tag
  • tagAlternative
  • thermometer
  • thumbDown
  • thumbUp
  • ticket
  • tile
  • timeSeriesImport
  • types
  • undo
  • update
  • updateAvailable
  • updateGear
  • updateNotification
  • upload
  • variables
  • virtualHidden
  • virtualShown
  • visibilityHidden
  • visibilityShown
  • watch
  • weatherCloudy
  • weatherPartlyCloudy
  • weatherRain
  • weatherSnow
  • weatherStorm
  • weatherSunny
  • weatherSunrise
  • weatherSunset
  • weatherThunder
  • widget
  • widgetDetails
  • zoomIn
  • zoomOut

Bold

  • add
  • addCircle
  • analysis
  • announcement
  • apps
  • archive
  • arrowDoubleDown
  • arrowDoubleLeft
  • arrowDoubleRight
  • arrowDoubleUp
  • arrowSingleDown
  • arrowSingleLeft
  • arrowSingleRight
  • arrowSingleUp
  • aspects
  • asset
  • attachment
  • attention
  • backButtonNarrow
  • buildingBlock
  • cancel
  • cancelCircle
  • certificate
  • chartPie
  • check
  • clipboard
  • gearBox
  • comment
  • control
  • createWorkbook
  • dashboard
  • dashforward
  • delete
  • graph
  • download
  • edit
  • editDocument
  • element
  • email
  • errorAlert
  • exclamationDiamond
  • exit
  • export
  • factoryMagnifier
  • fileTree
  • filter
  • filterAlternative
  • filterList
  • folder
  • frames
  • fullscreen
  • fullscreenExit
  • globalSettings
  • goTo
  • hierarchy
  • home
  • image
  • import
  • information
  • listBullet
  • locationMarker
  • lockClosed
  • lockOpened
  • maintenance
  • more
  • moveToTop
  • navigateLeftSmall
  • navigateRightSmall
  • notification
  • notificationSquare
  • ok
  • outgoing
  • outgoingSmall
  • package
  • person
  • personMultiple
  • question
  • redo
  • remove
  • removeCircle
  • roles
  • scope
  • search
  • settings
  • share
  • shareAlternative
  • shoppingCart
  • sort
  • star
  • tag
  • ticket
  • tile
  • types
  • update
  • updateGear
  • upload
  • visibilityHidden
  • visibilityShown
  • widget

Filled

  • add
  • addCircle
  • analysis
  • announcement
  • apps
  • archive
  • arrowDownExtraSmall
  • arrowLeftExtraSmall
  • arrowRightExtraSmall
  • arrowSingleDown
  • arrowSingleLeft
  • arrowSingleRight
  • arrowSingleUp
  • arrowUpExtraSmall
  • aspects
  • asset
  • assetNetwork
  • attachment
  • attention
  • buildingBlock
  • calendar
  • cancel
  • cancelCircle
  • certificate
  • chartPie
  • chartTrend
  • check
  • clipboard
  • gearBox
  • comment
  • control
  • createWorkbook
  • dashboard
  • dashforward
  • delete
  • graph
  • draw
  • duplicate
  • edit
  • editDocument
  • element
  • email
  • errorAlert
  • exclamationDiamond
  • exit
  • export
  • factory
  • factoryMagnifier
  • fileTree
  • filetypeDefault
  • filter
  • filterAlternative
  • filterList
  • flagSmall
  • folder
  • frames
  • fullscreen
  • fullscreenExit
  • globalSettings
  • hatMan
  • headset
  • hierarchy
  • home
  • iconMissing
  • image
  • import
  • information
  • legal
  • listBullet
  • locationMarker
  • lockClosed
  • lockOpened
  • maintenance
  • more
  • moveToTop
  • note
  • notification
  • notificationSquare
  • ok
  • outgoing
  • outgoingSmall
  • package
  • person
  • personMultiple
  • phone
  • question
  • redo
  • remove
  • removeCircle
  • roles
  • rules
  • scope
  • scopeAlternative
  • search
  • selectAll
  • selectNone
  • serviceCredential
  • settings
  • share
  • shareAlternative
  • shift
  • shoppingCart
  • sidebar
  • sort
  • star
  • starHalf
  • subtenant
  • tag
  • ticket
  • tile
  • types
  • update
  • updateGear
  • updateNotification
  • upload
  • visibilityHidden
  • visibilityShown
  • widget
Except where otherwise noted, content on this site is licensed under the MindSphere Development License Agreement.
Back to top