@slup/icons

0.5.1 • Public • Published

Slup - Icons

This package contains the icons provided by Material Design which are part of a bigger ecosystem called Slup

Installation

This package can be installed with NPM

npm install --save @slup/icons

Usage

The icons are stored in a tree representing the Google's Material Design Icons repo, and so they can be resolved as follows:

PLEASE NOTE: These files are generated automatically, report any bug if you catch them!

Example

import Menu from '@slup/icons/navigation/menu'

export const MenuIcon = () =>
  <Menu />

Building

Building is as simple as running one command:

npm  prepublish
yarn prepublish

This command will execute the install.js script wich will fetch for all the icons types, and look for all the icons inside of each time. From these informations it will build a tree of compiled small icons files, representing the original set forked from the Google's Material Design Icons repo, in a friendly, importable and Inferno-based package.

Icons

  • Category: action

    • Icon: 3dRotation

      This icon can be used as follows:

      import Icon from '@slup/icons/action3dRotation'
      
      export default () => <Icon />
    • Icon: accessibility

      This icon can be used as follows:

      import Icon from '@slup/icons/actionaccessibility'
      
      export default () => <Icon />
    • Icon: accessible

      This icon can be used as follows:

      import Icon from '@slup/icons/actionaccessible'
      
      export default () => <Icon />
    • Icon: accountBalance

      This icon can be used as follows:

      import Icon from '@slup/icons/actionaccountBalance'
      
      export default () => <Icon />
    • Icon: accountBalanceWallet

      This icon can be used as follows:

      import Icon from '@slup/icons/actionaccountBalanceWallet'
      
      export default () => <Icon />
    • Icon: accountBox

      This icon can be used as follows:

      import Icon from '@slup/icons/actionaccountBox'
      
      export default () => <Icon />
    • Icon: accountCircle

      This icon can be used as follows:

      import Icon from '@slup/icons/actionaccountCircle'
      
      export default () => <Icon />
    • Icon: addShoppingCart

      This icon can be used as follows:

      import Icon from '@slup/icons/actionaddShoppingCart'
      
      export default () => <Icon />
    • Icon: alarm

      This icon can be used as follows:

      import Icon from '@slup/icons/actionalarm'
      
      export default () => <Icon />
    • Icon: alarmAdd

      This icon can be used as follows:

      import Icon from '@slup/icons/actionalarmAdd'
      
      export default () => <Icon />
    • Icon: alarmOff

      This icon can be used as follows:

      import Icon from '@slup/icons/actionalarmOff'
      
      export default () => <Icon />
    • Icon: alarmOn

      This icon can be used as follows:

      import Icon from '@slup/icons/actionalarmOn'
      
      export default () => <Icon />
    • Icon: allOut

      This icon can be used as follows:

      import Icon from '@slup/icons/actionallOut'
      
      export default () => <Icon />
    • Icon: android

      This icon can be used as follows:

      import Icon from '@slup/icons/actionandroid'
      
      export default () => <Icon />
    • Icon: announcement

      This icon can be used as follows:

      import Icon from '@slup/icons/actionannouncement'
      
      export default () => <Icon />
    • Icon: aspectRatio

      This icon can be used as follows:

      import Icon from '@slup/icons/actionaspectRatio'
      
      export default () => <Icon />
    • Icon: assessment

      This icon can be used as follows:

      import Icon from '@slup/icons/actionassessment'
      
      export default () => <Icon />
    • Icon: assignment

      This icon can be used as follows:

      import Icon from '@slup/icons/actionassignment'
      
      export default () => <Icon />
    • Icon: assignmentInd

      This icon can be used as follows:

      import Icon from '@slup/icons/actionassignmentInd'
      
      export default () => <Icon />
    • Icon: assignmentLate

      This icon can be used as follows:

      import Icon from '@slup/icons/actionassignmentLate'
      
      export default () => <Icon />
    • Icon: assignmentReturn

      This icon can be used as follows:

      import Icon from '@slup/icons/actionassignmentReturn'
      
      export default () => <Icon />
    • Icon: assignmentReturned

      This icon can be used as follows:

      import Icon from '@slup/icons/actionassignmentReturned'
      
      export default () => <Icon />
    • Icon: assignmentTurnedIn

      This icon can be used as follows:

      import Icon from '@slup/icons/actionassignmentTurnedIn'
      
      export default () => <Icon />
    • Icon: autorenew

      This icon can be used as follows:

      import Icon from '@slup/icons/actionautorenew'
      
      export default () => <Icon />
    • Icon: backup

      This icon can be used as follows:

      import Icon from '@slup/icons/actionbackup'
      
      export default () => <Icon />
    • Icon: book

      This icon can be used as follows:

      import Icon from '@slup/icons/actionbook'
      
      export default () => <Icon />
    • Icon: bookmark

      This icon can be used as follows:

      import Icon from '@slup/icons/actionbookmark'
      
      export default () => <Icon />
    • Icon: bookmarkBorder

      This icon can be used as follows:

      import Icon from '@slup/icons/actionbookmarkBorder'
      
      export default () => <Icon />
    • Icon: bugReport

      This icon can be used as follows:

      import Icon from '@slup/icons/actionbugReport'
      
      export default () => <Icon />
    • Icon: build

      This icon can be used as follows:

      import Icon from '@slup/icons/actionbuild'
      
      export default () => <Icon />
    • Icon: cached

      This icon can be used as follows:

      import Icon from '@slup/icons/actioncached'
      
      export default () => <Icon />
    • Icon: cameraEnhance

      This icon can be used as follows:

      import Icon from '@slup/icons/actioncameraEnhance'
      
      export default () => <Icon />
    • Icon: cardGiftcard

      This icon can be used as follows:

      import Icon from '@slup/icons/actioncardGiftcard'
      
      export default () => <Icon />
    • Icon: cardMembership

      This icon can be used as follows:

      import Icon from '@slup/icons/actioncardMembership'
      
      export default () => <Icon />
    • Icon: cardTravel

      This icon can be used as follows:

      import Icon from '@slup/icons/actioncardTravel'
      
      export default () => <Icon />
    • Icon: changeHistory

      This icon can be used as follows:

      import Icon from '@slup/icons/actionchangeHistory'
      
      export default () => <Icon />
    • Icon: checkCircle

      This icon can be used as follows:

      import Icon from '@slup/icons/actioncheckCircle'
      
      export default () => <Icon />
    • Icon: chromeReaderMode

      This icon can be used as follows:

      import Icon from '@slup/icons/actionchromeReaderMode'
      
      export default () => <Icon />
    • Icon: class

      This icon can be used as follows:

      import Icon from '@slup/icons/actionclass'
      
      export default () => <Icon />
    • Icon: code

      This icon can be used as follows:

      import Icon from '@slup/icons/actioncode'
      
      export default () => <Icon />
    • Icon: compareArrows

      This icon can be used as follows:

      import Icon from '@slup/icons/actioncompareArrows'
      
      export default () => <Icon />
    • Icon: copyright

      This icon can be used as follows:

      import Icon from '@slup/icons/actioncopyright'
      
      export default () => <Icon />
    • Icon: creditCard

      This icon can be used as follows:

      import Icon from '@slup/icons/actioncreditCard'
      
      export default () => <Icon />
    • Icon: dashboard

      This icon can be used as follows:

      import Icon from '@slup/icons/actiondashboard'
      
      export default () => <Icon />
    • Icon: dateRange

      This icon can be used as follows:

      import Icon from '@slup/icons/actiondateRange'
      
      export default () => <Icon />
    • Icon: delete

      This icon can be used as follows:

      import Icon from '@slup/icons/actiondelete'
      
      export default () => <Icon />
    • Icon: deleteForever

      This icon can be used as follows:

      import Icon from '@slup/icons/actiondeleteForever'
      
      export default () => <Icon />
    • Icon: description

      This icon can be used as follows:

      import Icon from '@slup/icons/actiondescription'
      
      export default () => <Icon />
    • Icon: dns

      This icon can be used as follows:

      import Icon from '@slup/icons/actiondns'
      
      export default () => <Icon />
    • Icon: done

      This icon can be used as follows:

      import Icon from '@slup/icons/actiondone'
      
      export default () => <Icon />
    • Icon: doneAll

      This icon can be used as follows:

      import Icon from '@slup/icons/actiondoneAll'
      
      export default () => <Icon />
    • Icon: donutLarge

      This icon can be used as follows:

      import Icon from '@slup/icons/actiondonutLarge'
      
      export default () => <Icon />
    • Icon: donutSmall

      This icon can be used as follows:

      import Icon from '@slup/icons/actiondonutSmall'
      
      export default () => <Icon />
    • Icon: eject

      This icon can be used as follows:

      import Icon from '@slup/icons/actioneject'
      
      export default () => <Icon />
    • Icon: euroSymbol

      This icon can be used as follows:

      import Icon from '@slup/icons/actioneuroSymbol'
      
      export default () => <Icon />
    • Icon: event

      This icon can be used as follows:

      import Icon from '@slup/icons/actionevent'
      
      export default () => <Icon />
    • Icon: eventSeat

      This icon can be used as follows:

      import Icon from '@slup/icons/actioneventSeat'
      
      export default () => <Icon />
    • Icon: exitToApp

      This icon can be used as follows:

      import Icon from '@slup/icons/actionexitToApp'
      
      export default () => <Icon />
    • Icon: explore

      This icon can be used as follows:

      import Icon from '@slup/icons/actionexplore'
      
      export default () => <Icon />
    • Icon: extension

      This icon can be used as follows:

      import Icon from '@slup/icons/actionextension'
      
      export default () => <Icon />
    • Icon: face

      This icon can be used as follows:

      import Icon from '@slup/icons/actionface'
      
      export default () => <Icon />
    • Icon: favorite

      This icon can be used as follows:

      import Icon from '@slup/icons/actionfavorite'
      
      export default () => <Icon />
    • Icon: favoriteBorder

      This icon can be used as follows:

      import Icon from '@slup/icons/actionfavoriteBorder'
      
      export default () => <Icon />
    • Icon: feedback

      This icon can be used as follows:

      import Icon from '@slup/icons/actionfeedback'
      
      export default () => <Icon />
    • Icon: findInPage

      This icon can be used as follows:

      import Icon from '@slup/icons/actionfindInPage'
      
      export default () => <Icon />
    • Icon: findReplace

      This icon can be used as follows:

      import Icon from '@slup/icons/actionfindReplace'
      
      export default () => <Icon />
    • Icon: fingerprint

      This icon can be used as follows:

      import Icon from '@slup/icons/actionfingerprint'
      
      export default () => <Icon />
    • Icon: flightLand

      This icon can be used as follows:

      import Icon from '@slup/icons/actionflightLand'
      
      export default () => <Icon />
    • Icon: flightTakeoff

      This icon can be used as follows:

      import Icon from '@slup/icons/actionflightTakeoff'
      
      export default () => <Icon />
    • Icon: flipToBack

      This icon can be used as follows:

      import Icon from '@slup/icons/actionflipToBack'
      
      export default () => <Icon />
    • Icon: flipToFront

      This icon can be used as follows:

      import Icon from '@slup/icons/actionflipToFront'
      
      export default () => <Icon />
    • Icon: gTranslate

      This icon can be used as follows:

      import Icon from '@slup/icons/actiongTranslate'
      
      export default () => <Icon />
    • Icon: gavel

      This icon can be used as follows:

      import Icon from '@slup/icons/actiongavel'
      
      export default () => <Icon />
    • Icon: getApp

      This icon can be used as follows:

      import Icon from '@slup/icons/actiongetApp'
      
      export default () => <Icon />
    • Icon: gif

      This icon can be used as follows:

      import Icon from '@slup/icons/actiongif'
      
      export default () => <Icon />
    • Icon: grade

      This icon can be used as follows:

      import Icon from '@slup/icons/actiongrade'
      
      export default () => <Icon />
    • Icon: groupWork

      This icon can be used as follows:

      import Icon from '@slup/icons/actiongroupWork'
      
      export default () => <Icon />
    • Icon: help

      This icon can be used as follows:

      import Icon from '@slup/icons/actionhelp'
      
      export default () => <Icon />
    • Icon: helpOutline

      This icon can be used as follows:

      import Icon from '@slup/icons/actionhelpOutline'
      
      export default () => <Icon />
    • Icon: highlightOff

      This icon can be used as follows:

      import Icon from '@slup/icons/actionhighlightOff'
      
      export default () => <Icon />
    • Icon: history

      This icon can be used as follows:

      import Icon from '@slup/icons/actionhistory'
      
      export default () => <Icon />
    • Icon: home

      This icon can be used as follows:

      import Icon from '@slup/icons/actionhome'
      
      export default () => <Icon />
    • Icon: hourglassEmpty

      This icon can be used as follows:

      import Icon from '@slup/icons/actionhourglassEmpty'
      
      export default () => <Icon />
    • Icon: hourglassFull

      This icon can be used as follows:

      import Icon from '@slup/icons/actionhourglassFull'
      
      export default () => <Icon />
    • Icon: http

      This icon can be used as follows:

      import Icon from '@slup/icons/actionhttp'
      
      export default () => <Icon />
    • Icon: https

      This icon can be used as follows:

      import Icon from '@slup/icons/actionhttps'
      
      export default () => <Icon />
    • Icon: importantDevices

      This icon can be used as follows:

      import Icon from '@slup/icons/actionimportantDevices'
      
      export default () => <Icon />
    • Icon: info

      This icon can be used as follows:

      import Icon from '@slup/icons/actioninfo'
      
      export default () => <Icon />
    • Icon: infoOutline

      This icon can be used as follows:

      import Icon from '@slup/icons/actioninfoOutline'
      
      export default () => <Icon />
    • Icon: input

      This icon can be used as follows:

      import Icon from '@slup/icons/actioninput'
      
      export default () => <Icon />
    • Icon: invertColors

      This icon can be used as follows:

      import Icon from '@slup/icons/actioninvertColors'
      
      export default () => <Icon />
    • Icon: label

      This icon can be used as follows:

      import Icon from '@slup/icons/actionlabel'
      
      export default () => <Icon />
    • Icon: labelOutline

      This icon can be used as follows:

      import Icon from '@slup/icons/actionlabelOutline'
      
      export default () => <Icon />
    • Icon: language

      This icon can be used as follows:

      import Icon from '@slup/icons/actionlanguage'
      
      export default () => <Icon />
    • Icon: launch

      This icon can be used as follows:

      import Icon from '@slup/icons/actionlaunch'
      
      export default () => <Icon />
    • Icon: lightbulbOutline

      This icon can be used as follows:

      import Icon from '@slup/icons/actionlightbulbOutline'
      
      export default () => <Icon />
    • Icon: lineStyle

      This icon can be used as follows:

      import Icon from '@slup/icons/actionlineStyle'
      
      export default () => <Icon />
    • Icon: lineWeight

      This icon can be used as follows:

      import Icon from '@slup/icons/actionlineWeight'
      
      export default () => <Icon />
    • Icon: list

      This icon can be used as follows:

      import Icon from '@slup/icons/actionlist'
      
      export default () => <Icon />
    • Icon: lock

      This icon can be used as follows:

      import Icon from '@slup/icons/actionlock'
      
      export default () => <Icon />
    • Icon: lockOpen

      This icon can be used as follows:

      import Icon from '@slup/icons/actionlockOpen'
      
      export default () => <Icon />
    • Icon: lockOutline

      This icon can be used as follows:

      import Icon from '@slup/icons/actionlockOutline'
      
      export default () => <Icon />
    • Icon: loyalty

      This icon can be used as follows:

      import Icon from '@slup/icons/actionloyalty'
      
      export default () => <Icon />
    • Icon: markunreadMailbox

      This icon can be used as follows:

      import Icon from '@slup/icons/actionmarkunreadMailbox'
      
      export default () => <Icon />
    • Icon: motorcycle

      This icon can be used as follows:

      import Icon from '@slup/icons/actionmotorcycle'
      
      export default () => <Icon />
    • Icon: noteAdd

      This icon can be used as follows:

      import Icon from '@slup/icons/actionnoteAdd'
      
      export default () => <Icon />
    • Icon: offlinePin

      This icon can be used as follows:

      import Icon from '@slup/icons/actionofflinePin'
      
      export default () => <Icon />
    • Icon: opacity

      This icon can be used as follows:

      import Icon from '@slup/icons/actionopacity'
      
      export default () => <Icon />
    • Icon: openInBrowser

      This icon can be used as follows:

      import Icon from '@slup/icons/actionopenInBrowser'
      
      export default () => <Icon />
    • Icon: openInNew

      This icon can be used as follows:

      import Icon from '@slup/icons/actionopenInNew'
      
      export default () => <Icon />
    • Icon: openWith

      This icon can be used as follows:

      import Icon from '@slup/icons/actionopenWith'
      
      export default () => <Icon />
    • Icon: pageview

      This icon can be used as follows:

      import Icon from '@slup/icons/actionpageview'
      
      export default () => <Icon />
    • Icon: panTool

      This icon can be used as follows:

      import Icon from '@slup/icons/actionpanTool'
      
      export default () => <Icon />
    • Icon: payment

      This icon can be used as follows:

      import Icon from '@slup/icons/actionpayment'
      
      export default () => <Icon />
    • Icon: permCameraMic

      This icon can be used as follows:

      import Icon from '@slup/icons/actionpermCameraMic'
      
      export default () => <Icon />
    • Icon: permContactCalendar

      This icon can be used as follows:

      import Icon from '@slup/icons/actionpermContactCalendar'
      
      export default () => <Icon />
    • Icon: permDataSetting

      This icon can be used as follows:

      import Icon from '@slup/icons/actionpermDataSetting'
      
      export default () => <Icon />
    • Icon: permDeviceInformation

      This icon can be used as follows:

      import Icon from '@slup/icons/actionpermDeviceInformation'
      
      export default () => <Icon />
    • Icon: permIdentity

      This icon can be used as follows:

      import Icon from '@slup/icons/actionpermIdentity'
      
      export default () => <Icon />
    • Icon: permMedia

      This icon can be used as follows:

      import Icon from '@slup/icons/actionpermMedia'
      
      export default () => <Icon />
    • Icon: permPhoneMsg

      This icon can be used as follows:

      import Icon from '@slup/icons/actionpermPhoneMsg'
      
      export default () => <Icon />
    • Icon: permScanWifi

      This icon can be used as follows:

      import Icon from '@slup/icons/actionpermScanWifi'
      
      export default () => <Icon />
    • Icon: pets

      This icon can be used as follows:

      import Icon from '@slup/icons/actionpets'
      
      export default () => <Icon />
    • Icon: pictureInPicture

      This icon can be used as follows:

      import Icon from '@slup/icons/actionpictureInPicture'
      
      export default () => <Icon />
    • Icon: pictureInPictureAlt

      This icon can be used as follows:

      import Icon from '@slup/icons/actionpictureInPictureAlt'
      
      export default () => <Icon />
    • Icon: playForWork

      This icon can be used as follows:

      import Icon from '@slup/icons/actionplayForWork'
      
      export default () => <Icon />
    • Icon: polymer

      This icon can be used as follows:

      import Icon from '@slup/icons/actionpolymer'
      
      export default () => <Icon />
    • Icon: powerSettingsNew

      This icon can be used as follows:

      import Icon from '@slup/icons/actionpowerSettingsNew'
      
      export default () => <Icon />
    • Icon: pregnantWoman

      This icon can be used as follows:

      import Icon from '@slup/icons/actionpregnantWoman'
      
      export default () => <Icon />
    • Icon: print

      This icon can be used as follows:

      import Icon from '@slup/icons/actionprint'
      
      export default () => <Icon />
    • Icon: queryBuilder

      This icon can be used as follows:

      import Icon from '@slup/icons/actionqueryBuilder'
      
      export default () => <Icon />
    • Icon: questionAnswer

      This icon can be used as follows:

      import Icon from '@slup/icons/actionquestionAnswer'
      
      export default () => <Icon />
    • Icon: receipt

      This icon can be used as follows:

      import Icon from '@slup/icons/actionreceipt'
      
      export default () => <Icon />
    • Icon: recordVoiceOver

      This icon can be used as follows:

      import Icon from '@slup/icons/actionrecordVoiceOver'
      
      export default () => <Icon />
    • Icon: redeem

      This icon can be used as follows:

      import Icon from '@slup/icons/actionredeem'
      
      export default () => <Icon />
    • Icon: removeShoppingCart

      This icon can be used as follows:

      import Icon from '@slup/icons/actionremoveShoppingCart'
      
      export default () => <Icon />
    • Icon: reorder

      This icon can be used as follows:

      import Icon from '@slup/icons/actionreorder'
      
      export default () => <Icon />
    • Icon: reportProblem

      This icon can be used as follows:

      import Icon from '@slup/icons/actionreportProblem'
      
      export default () => <Icon />
    • Icon: restore

      This icon can be used as follows:

      import Icon from '@slup/icons/actionrestore'
      
      export default () => <Icon />
    • Icon: restorePage

      This icon can be used as follows:

      import Icon from '@slup/icons/actionrestorePage'
      
      export default () => <Icon />
    • Icon: room

      This icon can be used as follows:

      import Icon from '@slup/icons/actionroom'
      
      export default () => <Icon />
    • Icon: roundedCorner

      This icon can be used as follows:

      import Icon from '@slup/icons/actionroundedCorner'
      
      export default () => <Icon />
    • Icon: rowing

      This icon can be used as follows:

      import Icon from '@slup/icons/actionrowing'
      
      export default () => <Icon />
    • Icon: schedule

      This icon can be used as follows:

      import Icon from '@slup/icons/actionschedule'
      
      export default () => <Icon />
    • Icon: search

      This icon can be used as follows:

      import Icon from '@slup/icons/actionsearch'
      
      export default () => <Icon />
    • Icon: settings

      This icon can be used as follows:

      import Icon from '@slup/icons/actionsettings'
      
      export default () => <Icon />
    • Icon: settingsApplications

      This icon can be used as follows:

      import Icon from '@slup/icons/actionsettingsApplications'
      
      export default () => <Icon />
    • Icon: settingsBackupRestore

      This icon can be used as follows:

      import Icon from '@slup/icons/actionsettingsBackupRestore'
      
      export default () => <Icon />
    • Icon: settingsBluetooth

      This icon can be used as follows:

      import Icon from '@slup/icons/actionsettingsBluetooth'
      
      export default () => <Icon />
    • Icon: settingsBrightness

      This icon can be used as follows:

      import Icon from '@slup/icons/actionsettingsBrightness'
      
      export default () => <Icon />
    • Icon: settingsCell

      This icon can be used as follows:

      import Icon from '@slup/icons/actionsettingsCell'
      
      export default () => <Icon />
    • Icon: settingsEthernet

      This icon can be used as follows:

      import Icon from '@slup/icons/actionsettingsEthernet'
      
      export default () => <Icon />
    • Icon: settingsInputAntenna

      This icon can be used as follows:

      import Icon from '@slup/icons/actionsettingsInputAntenna'
      
      export default () => <Icon />
    • Icon: settingsInputComponent

      This icon can be used as follows:

      import Icon from '@slup/icons/actionsettingsInputComponent'
      
      export default () => <Icon />
    • Icon: settingsInputComposite

      This icon can be used as follows:

      import Icon from '@slup/icons/actionsettingsInputComposite'
      
      export default () => <Icon />
    • Icon: settingsInputHdmi

      This icon can be used as follows:

      import Icon from '@slup/icons/actionsettingsInputHdmi'
      
      export default () => <Icon />
    • Icon: settingsInputSvideo

      This icon can be used as follows:

      import Icon from '@slup/icons/actionsettingsInputSvideo'
      
      export default () => <Icon />
    • Icon: settingsOverscan

      This icon can be used as follows:

      import Icon from '@slup/icons/actionsettingsOverscan'
      
      export default () => <Icon />
    • Icon: settingsPhone

      This icon can be used as follows:

      import Icon from '@slup/icons/actionsettingsPhone'
      
      export default () => <Icon />
    • Icon: settingsPower

      This icon can be used as follows:

      import Icon from '@slup/icons/actionsettingsPower'
      
      export default () => <Icon />
    • Icon: settingsRemote

      This icon can be used as follows:

      import Icon from '@slup/icons/actionsettingsRemote'
      
      export default () => <Icon />
    • Icon: settingsVoice

      This icon can be used as follows:

      import Icon from '@slup/icons/actionsettingsVoice'
      
      export default () => <Icon />
    • Icon: shop

      This icon can be used as follows:

      import Icon from '@slup/icons/actionshop'
      
      export default () => <Icon />
    • Icon: shopTwo

      This icon can be used as follows:

      import Icon from '@slup/icons/actionshopTwo'
      
      export default () => <Icon />
    • Icon: shoppingBasket

      This icon can be used as follows:

      import Icon from '@slup/icons/actionshoppingBasket'
      
      export default () => <Icon />
    • Icon: shoppingCart

      This icon can be used as follows:

      import Icon from '@slup/icons/actionshoppingCart'
      
      export default () => <Icon />
    • Icon: speakerNotes

      This icon can be used as follows:

      import Icon from '@slup/icons/actionspeakerNotes'
      
      export default () => <Icon />
    • Icon: speakerNotesOff

      This icon can be used as follows:

      import Icon from '@slup/icons/actionspeakerNotesOff'
      
      export default () => <Icon />
    • Icon: spellcheck

      This icon can be used as follows:

      import Icon from '@slup/icons/actionspellcheck'
      
      export default () => <Icon />
    • Icon: stars

      This icon can be used as follows:

      import Icon from '@slup/icons/actionstars'
      
      export default () => <Icon />
    • Icon: store

      This icon can be used as follows:

      import Icon from '@slup/icons/actionstore'
      
      export default () => <Icon />
    • Icon: subject

      This icon can be used as follows:

      import Icon from '@slup/icons/actionsubject'
      
      export default () => <Icon />
    • Icon: supervisorAccount

      This icon can be used as follows:

      import Icon from '@slup/icons/actionsupervisorAccount'
      
      export default () => <Icon />
    • Icon: swapHoriz

      This icon can be used as follows:

      import Icon from '@slup/icons/actionswapHoriz'
      
      export default () => <Icon />
    • Icon: swapVert

      This icon can be used as follows:

      import Icon from '@slup/icons/actionswapVert'
      
      export default () => <Icon />
    • Icon: swapVerticalCircle

      This icon can be used as follows:

      import Icon from '@slup/icons/actionswapVerticalCircle'
      
      export default () => <Icon />
    • Icon: systemUpdateAlt

      This icon can be used as follows:

      import Icon from '@slup/icons/actionsystemUpdateAlt'
      
      export default () => <Icon />
    • Icon: tab

      This icon can be used as follows:

      import Icon from '@slup/icons/actiontab'
      
      export default () => <Icon />
    • Icon: tabUnselected

      This icon can be used as follows:

      import Icon from '@slup/icons/actiontabUnselected'
      
      export default () => <Icon />
    • Icon: theaters

      This icon can be used as follows:

      import Icon from '@slup/icons/actiontheaters'
      
      export default () => <Icon />
    • Icon: thumbDown

      This icon can be used as follows:

      import Icon from '@slup/icons/actionthumbDown'
      
      export default () => <Icon />
    • Icon: thumbUp

      This icon can be used as follows:

      import Icon from '@slup/icons/actionthumbUp'
      
      export default () => <Icon />
    • Icon: thumbsUpDown

      This icon can be used as follows:

      import Icon from '@slup/icons/actionthumbsUpDown'
      
      export default () => <Icon />
    • Icon: timeline

      This icon can be used as follows:

      import Icon from '@slup/icons/actiontimeline'
      
      export default () => <Icon />
    • Icon: toc

      This icon can be used as follows:

      import Icon from '@slup/icons/actiontoc'
      
      export default () => <Icon />
    • Icon: today

      This icon can be used as follows:

      import Icon from '@slup/icons/actiontoday'
      
      export default () => <Icon />
    • Icon: toll

      This icon can be used as follows:

      import Icon from '@slup/icons/actiontoll'
      
      export default () => <Icon />
    • Icon: touchApp

      This icon can be used as follows:

      import Icon from '@slup/icons/actiontouchApp'
      
      export default () => <Icon />
    • Icon: trackChanges

      This icon can be used as follows:

      import Icon from '@slup/icons/actiontrackChanges'
      
      export default () => <Icon />
    • Icon: translate

      This icon can be used as follows:

      import Icon from '@slup/icons/actiontranslate'
      
      export default () => <Icon />
    • Icon: trendingDown

      This icon can be used as follows:

      import Icon from '@slup/icons/actiontrendingDown'
      
      export default () => <Icon />
    • Icon: trendingFlat

      This icon can be used as follows:

      import Icon from '@slup/icons/actiontrendingFlat'
      
      export default () => <Icon />
    • Icon: trendingUp

      This icon can be used as follows:

      import Icon from '@slup/icons/actiontrendingUp'
      
      export default () => <Icon />
    • Icon: turnedIn

      This icon can be used as follows:

      import Icon from '@slup/icons/actionturnedIn'
      
      export default () => <Icon />
    • Icon: turnedInNot

      This icon can be used as follows:

      import Icon from '@slup/icons/actionturnedInNot'
      
      export default () => <Icon />
    • Icon: update

      This icon can be used as follows:

      import Icon from '@slup/icons/actionupdate'
      
      export default () => <Icon />
    • Icon: verifiedUser

      This icon can be used as follows:

      import Icon from '@slup/icons/actionverifiedUser'
      
      export default () => <Icon />
    • Icon: viewAgenda

      This icon can be used as follows:

      import Icon from '@slup/icons/actionviewAgenda'
      
      export default () => <Icon />
    • Icon: viewArray

      This icon can be used as follows:

      import Icon from '@slup/icons/actionviewArray'
      
      export default () => <Icon />
    • Icon: viewCarousel

      This icon can be used as follows:

      import Icon from '@slup/icons/actionviewCarousel'
      
      export default () => <Icon />
    • Icon: viewColumn

      This icon can be used as follows:

      import Icon from '@slup/icons/actionviewColumn'
      
      export default () => <Icon />
    • Icon: viewDay

      This icon can be used as follows:

      import Icon from '@slup/icons/actionviewDay'
      
      export default () => <Icon />
    • Icon: viewHeadline

      This icon can be used as follows:

      import Icon from '@slup/icons/actionviewHeadline'
      
      export default () => <Icon />
    • Icon: viewList

      This icon can be used as follows:

      import Icon from '@slup/icons/actionviewList'
      
      export default () => <Icon />
    • Icon: viewModule

      This icon can be used as follows:

      import Icon from '@slup/icons/actionviewModule'
      
      export default () => <Icon />
    • Icon: viewQuilt

      This icon can be used as follows:

      import Icon from '@slup/icons/actionviewQuilt'
      
      export default () => <Icon />
    • Icon: viewStream

      This icon can be used as follows:

      import Icon from '@slup/icons/actionviewStream'
      
      export default () => <Icon />
    • Icon: viewWeek

      This icon can be used as follows:

      import Icon from '@slup/icons/actionviewWeek'
      
      export default () => <Icon />
    • Icon: visibility

      This icon can be used as follows:

      import Icon from '@slup/icons/actionvisibility'
      
      export default () => <Icon />
    • Icon: visibilityOff

      This icon can be used as follows:

      import Icon from '@slup/icons/actionvisibilityOff'
      
      export default () => <Icon />
    • Icon: watchLater

      This icon can be used as follows:

      import Icon from '@slup/icons/actionwatchLater'
      
      export default () => <Icon />
    • Icon: work

      This icon can be used as follows:

      import Icon from '@slup/icons/actionwork'
      
      export default () => <Icon />
    • Icon: youtubeSearchedFor

      This icon can be used as follows:

      import Icon from '@slup/icons/actionyoutubeSearchedFor'
      
      export default () => <Icon />
    • Icon: zoomIn

      This icon can be used as follows:

      import Icon from '@slup/icons/actionzoomIn'
      
      export default () => <Icon />
    • Icon: zoomOut

      This icon can be used as follows:

      import Icon from '@slup/icons/actionzoomOut'
      
      export default () => <Icon />
  • Category: alert

    • Icon: addAlert

      This icon can be used as follows:

      import Icon from '@slup/icons/alertaddAlert'
      
      export default () => <Icon />
    • Icon: error

      This icon can be used as follows:

      import Icon from '@slup/icons/alerterror'
      
      export default () => <Icon />
    • Icon: errorOutline

      This icon can be used as follows:

      import Icon from '@slup/icons/alerterrorOutline'
      
      export default () => <Icon />
    • Icon: warning

      This icon can be used as follows:

      import Icon from '@slup/icons/alertwarning'
      
      export default () => <Icon />
  • Category: av

    • Icon: addToQueue

      This icon can be used as follows:

      import Icon from '@slup/icons/avaddToQueue'
      
      export default () => <Icon />
    • Icon: airplay

      This icon can be used as follows:

      import Icon from '@slup/icons/avairplay'
      
      export default () => <Icon />
    • Icon: album

      This icon can be used as follows:

      import Icon from '@slup/icons/avalbum'
      
      export default () => <Icon />
    • Icon: artTrack

      This icon can be used as follows:

      import Icon from '@slup/icons/avartTrack'
      
      export default () => <Icon />
    • Icon: avTimer

      This icon can be used as follows:

      import Icon from '@slup/icons/avavTimer'
      
      export default () => <Icon />
    • Icon: brandingWatermark

      This icon can be used as follows:

      import Icon from '@slup/icons/avbrandingWatermark'
      
      export default () => <Icon />
    • Icon: callToAction

      This icon can be used as follows:

      import Icon from '@slup/icons/avcallToAction'
      
      export default () => <Icon />
    • Icon: closedCaption

      This icon can be used as follows:

      import Icon from '@slup/icons/avclosedCaption'
      
      export default () => <Icon />
    • Icon: equalizer

      This icon can be used as follows:

      import Icon from '@slup/icons/avequalizer'
      
      export default () => <Icon />
    • Icon: explicit

      This icon can be used as follows:

      import Icon from '@slup/icons/avexplicit'
      
      export default () => <Icon />
    • Icon: fastForward

      This icon can be used as follows:

      import Icon from '@slup/icons/avfastForward'
      
      export default () => <Icon />
    • Icon: fastRewind

      This icon can be used as follows:

      import Icon from '@slup/icons/avfastRewind'
      
      export default () => <Icon />
    • Icon: featuredPlayList

      This icon can be used as follows:

      import Icon from '@slup/icons/avfeaturedPlayList'
      
      export default () => <Icon />
    • Icon: featuredVideo

      This icon can be used as follows:

      import Icon from '@slup/icons/avfeaturedVideo'
      
      export default () => <Icon />
    • Icon: fiberDvr

      This icon can be used as follows:

      import Icon from '@slup/icons/avfiberDvr'
      
      export default () => <Icon />
    • Icon: fiberManualRecord

      This icon can be used as follows:

      import Icon from '@slup/icons/avfiberManualRecord'
      
      export default () => <Icon />
    • Icon: fiberNew

      This icon can be used as follows:

      import Icon from '@slup/icons/avfiberNew'
      
      export default () => <Icon />
    • Icon: fiberPin

      This icon can be used as follows:

      import Icon from '@slup/icons/avfiberPin'
      
      export default () => <Icon />
    • Icon: fiberSmartRecord

      This icon can be used as follows:

      import Icon from '@slup/icons/avfiberSmartRecord'
      
      export default () => <Icon />
    • Icon: forward10

      This icon can be used as follows:

      import Icon from '@slup/icons/avforward10'
      
      export default () => <Icon />
    • Icon: forward30

      This icon can be used as follows:

      import Icon from '@slup/icons/avforward30'
      
      export default () => <Icon />
    • Icon: forward5

      This icon can be used as follows:

      import Icon from '@slup/icons/avforward5'
      
      export default () => <Icon />
    • Icon: games

      This icon can be used as follows:

      import Icon from '@slup/icons/avgames'
      
      export default () => <Icon />
    • Icon: hd

      This icon can be used as follows:

      import Icon from '@slup/icons/avhd'
      
      export default () => <Icon />
    • Icon: hearing

      This icon can be used as follows:

      import Icon from '@slup/icons/avhearing'
      
      export default () => <Icon />
    • Icon: highQuality

      This icon can be used as follows:

      import Icon from '@slup/icons/avhighQuality'
      
      export default () => <Icon />
    • Icon: libraryAdd

      This icon can be used as follows:

      import Icon from '@slup/icons/avlibraryAdd'
      
      export default () => <Icon />
    • Icon: libraryBooks

      This icon can be used as follows:

      import Icon from '@slup/icons/avlibraryBooks'
      
      export default () => <Icon />
    • Icon: libraryMusic

      This icon can be used as follows:

      import Icon from '@slup/icons/avlibraryMusic'
      
      export default () => <Icon />
    • Icon: loop

      This icon can be used as follows:

      import Icon from '@slup/icons/avloop'
      
      export default () => <Icon />
    • Icon: mic

      This icon can be used as follows:

      import Icon from '@slup/icons/avmic'
      
      export default () => <Icon />
    • Icon: micNone

      This icon can be used as follows:

      import Icon from '@slup/icons/avmicNone'
      
      export default () => <Icon />
    • Icon: micOff

      This icon can be used as follows:

      import Icon from '@slup/icons/avmicOff'
      
      export default () => <Icon />
    • Icon: movie

      This icon can be used as follows:

      import Icon from '@slup/icons/avmovie'
      
      export default () => <Icon />
    • Icon: musicVideo

      This icon can be used as follows:

      import Icon from '@slup/icons/avmusicVideo'
      
      export default () => <Icon />
    • Icon: newReleases

      This icon can be used as follows:

      import Icon from '@slup/icons/avnewReleases'
      
      export default () => <Icon />
    • Icon: notInterested

      This icon can be used as follows:

      import Icon from '@slup/icons/avnotInterested'
      
      export default () => <Icon />
    • Icon: note

      This icon can be used as follows:

      import Icon from '@slup/icons/avnote'
      
      export default () => <Icon />
    • Icon: pause

      This icon can be used as follows:

      import Icon from '@slup/icons/avpause'
      
      export default () => <Icon />
    • Icon: pauseCircleFilled

      This icon can be used as follows:

      import Icon from '@slup/icons/avpauseCircleFilled'
      
      export default () => <Icon />
    • Icon: pauseCircleOutline

      This icon can be used as follows:

      import Icon from '@slup/icons/avpauseCircleOutline'
      
      export default () => <Icon />
    • Icon: playArrow

      This icon can be used as follows:

      import Icon from '@slup/icons/avplayArrow'
      
      export default () => <Icon />
    • Icon: playCircleFilled

      This icon can be used as follows:

      import Icon from '@slup/icons/avplayCircleFilled'
      
      export default () => <Icon />
    • Icon: playCircleOutline

      This icon can be used as follows:

      import Icon from '@slup/icons/avplayCircleOutline'
      
      export default () => <Icon />
    • Icon: playlistAdd

      This icon can be used as follows:

      import Icon from '@slup/icons/avplaylistAdd'
      
      export default () => <Icon />
    • Icon: playlistAddCheck

      This icon can be used as follows:

      import Icon from '@slup/icons/avplaylistAddCheck'
      
      export default () => <Icon />
    • Icon: playlistPlay

      This icon can be used as follows:

      import Icon from '@slup/icons/avplaylistPlay'
      
      export default () => <Icon />
    • Icon: queue

      This icon can be used as follows:

      import Icon from '@slup/icons/avqueue'
      
      export default () => <Icon />
    • Icon: queueMusic

      This icon can be used as follows:

      import Icon from '@slup/icons/avqueueMusic'
      
      export default () => <Icon />
    • Icon: queuePlayNext

      This icon can be used as follows:

      import Icon from '@slup/icons/avqueuePlayNext'
      
      export default () => <Icon />
    • Icon: radio

      This icon can be used as follows:

      import Icon from '@slup/icons/avradio'
      
      export default () => <Icon />
    • Icon: recentActors

      This icon can be used as follows:

      import Icon from '@slup/icons/avrecentActors'
      
      export default () => <Icon />
    • Icon: removeFromQueue

      This icon can be used as follows:

      import Icon from '@slup/icons/avremoveFromQueue'
      
      export default () => <Icon />
    • Icon: repeat

      This icon can be used as follows:

      import Icon from '@slup/icons/avrepeat'
      
      export default () => <Icon />
    • Icon: repeatOne

      This icon can be used as follows:

      import Icon from '@slup/icons/avrepeatOne'
      
      export default () => <Icon />
    • Icon: replay10

      This icon can be used as follows:

      import Icon from '@slup/icons/avreplay10'
      
      export default () => <Icon />
    • Icon: replay

      This icon can be used as follows:

      import Icon from '@slup/icons/avreplay'
      
      export default () => <Icon />
    • Icon: replay30

      This icon can be used as follows:

      import Icon from '@slup/icons/avreplay30'
      
      export default () => <Icon />
    • Icon: replay5

      This icon can be used as follows:

      import Icon from '@slup/icons/avreplay5'
      
      export default () => <Icon />
    • Icon: shuffle

      This icon can be used as follows:

      import Icon from '@slup/icons/avshuffle'
      
      export default () => <Icon />
    • Icon: skipNext

      This icon can be used as follows:

      import Icon from '@slup/icons/avskipNext'
      
      export default () => <Icon />
    • Icon: skipPrevious

      This icon can be used as follows:

      import Icon from '@slup/icons/avskipPrevious'
      
      export default () => <Icon />
    • Icon: slowMotionVideo

      This icon can be used as follows:

      import Icon from '@slup/icons/avslowMotionVideo'
      
      export default () => <Icon />
    • Icon: snooze

      This icon can be used as follows:

      import Icon from '@slup/icons/avsnooze'
      
      export default () => <Icon />
    • Icon: sortByAlpha

      This icon can be used as follows:

      import Icon from '@slup/icons/avsortByAlpha'
      
      export default () => <Icon />
    • Icon: stop

      This icon can be used as follows:

      import Icon from '@slup/icons/avstop'
      
      export default () => <Icon />
    • Icon: subscriptions

      This icon can be used as follows:

      import Icon from '@slup/icons/avsubscriptions'
      
      export default () => <Icon />
    • Icon: subtitles

      This icon can be used as follows:

      import Icon from '@slup/icons/avsubtitles'
      
      export default () => <Icon />
    • Icon: surroundSound

      This icon can be used as follows:

      import Icon from '@slup/icons/avsurroundSound'
      
      export default () => <Icon />
    • Icon: videoCall

      This icon can be used as follows:

      import Icon from '@slup/icons/avvideoCall'
      
      export default () => <Icon />
    • Icon: videoLabel

      This icon can be used as follows:

      import Icon from '@slup/icons/avvideoLabel'
      
      export default () => <Icon />
    • Icon: videoLibrary

      This icon can be used as follows:

      import Icon from '@slup/icons/avvideoLibrary'
      
      export default () => <Icon />
    • Icon: videocam

      This icon can be used as follows:

      import Icon from '@slup/icons/avvideocam'
      
      export default () => <Icon />
    • Icon: videocamOff

      This icon can be used as follows:

      import Icon from '@slup/icons/avvideocamOff'
      
      export default () => <Icon />
    • Icon: volumeDown

      This icon can be used as follows:

      import Icon from '@slup/icons/avvolumeDown'
      
      export default () => <Icon />
    • Icon: volumeMute

      This icon can be used as follows:

      import Icon from '@slup/icons/avvolumeMute'
      
      export default () => <Icon />
    • Icon: volumeOff

      This icon can be used as follows:

      import Icon from '@slup/icons/avvolumeOff'
      
      export default () => <Icon />
    • Icon: volumeUp

      This icon can be used as follows:

      import Icon from '@slup/icons/avvolumeUp'
      
      export default () => <Icon />
    • Icon: web

      This icon can be used as follows:

      import Icon from '@slup/icons/avweb'
      
      export default () => <Icon />
    • Icon: webAsset

      This icon can be used as follows:

      import Icon from '@slup/icons/avwebAsset'
      
      export default () => <Icon />
  • Category: communication

    • Icon: business

      This icon can be used as follows:

      import Icon from '@slup/icons/communicationbusiness'
      
      export default () => <Icon />
    • Icon: call

      This icon can be used as follows:

      import Icon from '@slup/icons/communicationcall'
      
      export default () => <Icon />
    • Icon: callEnd

      This icon can be used as follows:

      import Icon from '@slup/icons/communicationcallEnd'
      
      export default () => <Icon />
    • Icon: callMade

      This icon can be used as follows:

      import Icon from '@slup/icons/communicationcallMade'
      
      export default () => <Icon />
    • Icon: callMerge

      This icon can be used as follows:

      import Icon from '@slup/icons/communicationcallMerge'
      
      export default () => <Icon />
    • Icon: callMissed

      This icon can be used as follows:

      import Icon from '@slup/icons/communicationcallMissed'
      
      export default () => <Icon />
    • Icon: callMissedOutgoing

      This icon can be used as follows:

      import Icon from '@slup/icons/communicationcallMissedOutgoing'
      
      export default () => <Icon />
    • Icon: callReceived

      This icon can be used as follows:

      import Icon from '@slup/icons/communicationcallReceived'
      
      export default () => <Icon />
    • Icon: callSplit

      This icon can be used as follows:

      import Icon from '@slup/icons/communicationcallSplit'
      
      export default () => <Icon />
    • Icon: chat

      This icon can be used as follows:

      import Icon from '@slup/icons/communicationchat'
      
      export default () => <Icon />
    • Icon: chatBubble

      This icon can be used as follows:

      import Icon from '@slup/icons/communicationchatBubble'
      
      export default () => <Icon />
    • Icon: chatBubbleOutline

      This icon can be used as follows:

      import Icon from '@slup/icons/communicationchatBubbleOutline'
      
      export default () => <Icon />
    • Icon: clearAll

      This icon can be used as follows:

      import Icon from '@slup/icons/communicationclearAll'
      
      export default () => <Icon />
    • Icon: comment

      This icon can be used as follows:

      import Icon from '@slup/icons/communicationcomment'
      
      export default () => <Icon />
    • Icon: contactMail

      This icon can be used as follows:

      import Icon from '@slup/icons/communicationcontactMail'
      
      export default () => <Icon />
    • Icon: contactPhone

      This icon can be used as follows:

      import Icon from '@slup/icons/communicationcontactPhone'
      
      export default () => <Icon />
    • Icon: contacts

      This icon can be used as follows:

      import Icon from '@slup/icons/communicationcontacts'
      
      export default () => <Icon />
    • Icon: dialerSip

      This icon can be used as follows:

      import Icon from '@slup/icons/communicationdialerSip'
      
      export default () => <Icon />
    • Icon: dialpad

      This icon can be used as follows:

      import Icon from '@slup/icons/communicationdialpad'
      
      export default () => <Icon />
    • Icon: email

      This icon can be used as follows:

      import Icon from '@slup/icons/communicationemail'
      
      export default () => <Icon />
    • Icon: forum

      This icon can be used as follows:

      import Icon from '@slup/icons/communicationforum'
      
      export default () => <Icon />
    • Icon: importContacts

      This icon can be used as follows:

      import Icon from '@slup/icons/communicationimportContacts'
      
      export default () => <Icon />
    • Icon: importExport

      This icon can be used as follows:

      import Icon from '@slup/icons/communicationimportExport'
      
      export default () => <Icon />
    • Icon: invertColorsOff

      This icon can be used as follows:

      import Icon from '@slup/icons/communicationinvertColorsOff'
      
      export default () => <Icon />
    • Icon: liveHelp

      This icon can be used as follows:

      import Icon from '@slup/icons/communicationliveHelp'
      
      export default () => <Icon />
    • Icon: locationOff

      This icon can be used as follows:

      import Icon from '@slup/icons/communicationlocationOff'
      
      export default () => <Icon />
    • Icon: locationOn

      This icon can be used as follows:

      import Icon from '@slup/icons/communicationlocationOn'
      
      export default () => <Icon />
    • Icon: mailOutline

      This icon can be used as follows:

      import Icon from '@slup/icons/communicationmailOutline'
      
      export default () => <Icon />
    • Icon: message

      This icon can be used as follows:

      import Icon from '@slup/icons/communicationmessage'
      
      export default () => <Icon />
    • Icon: noSim

      This icon can be used as follows:

      import Icon from '@slup/icons/communicationnoSim'
      
      export default () => <Icon />
    • Icon: phone

      This icon can be used as follows:

      import Icon from '@slup/icons/communicationphone'
      
      export default () => <Icon />
    • Icon: phonelinkErase

      This icon can be used as follows:

      import Icon from '@slup/icons/communicationphonelinkErase'
      
      export default () => <Icon />
    • Icon: phonelinkLock

      This icon can be used as follows:

      import Icon from '@slup/icons/communicationphonelinkLock'
      
      export default () => <Icon />
    • Icon: phonelinkRing

      This icon can be used as follows:

      import Icon from '@slup/icons/communicationphonelinkRing'
      
      export default () => <Icon />
    • Icon: phonelinkSetup

      This icon can be used as follows:

      import Icon from '@slup/icons/communicationphonelinkSetup'
      
      export default () => <Icon />
    • Icon: portableWifiOff

      This icon can be used as follows:

      import Icon from '@slup/icons/communicationportableWifiOff'
      
      export default () => <Icon />
    • Icon: presentToAll

      This icon can be used as follows:

      import Icon from '@slup/icons/communicationpresentToAll'
      
      export default () => <Icon />
    • Icon: ringVolume

      This icon can be used as follows:

      import Icon from '@slup/icons/communicationringVolume'
      
      export default () => <Icon />
    • Icon: rssFeed

      This icon can be used as follows:

      import Icon from '@slup/icons/communicationrssFeed'
      
      export default () => <Icon />
    • Icon: screenShare

      This icon can be used as follows:

      import Icon from '@slup/icons/communicationscreenShare'
      
      export default () => <Icon />
    • Icon: speakerPhone

      This icon can be used as follows:

      import Icon from '@slup/icons/communicationspeakerPhone'
      
      export default () => <Icon />
    • Icon: stayCurrentLandscape

      This icon can be used as follows:

      import Icon from '@slup/icons/communicationstayCurrentLandscape'
      
      export default () => <Icon />
    • Icon: stayCurrentPortrait

      This icon can be used as follows:

      import Icon from '@slup/icons/communicationstayCurrentPortrait'
      
      export default () => <Icon />
    • Icon: stayPrimaryLandscape

      This icon can be used as follows:

      import Icon from '@slup/icons/communicationstayPrimaryLandscape'
      
      export default () => <Icon />
    • Icon: stayPrimaryPortrait

      This icon can be used as follows:

      import Icon from '@slup/icons/communicationstayPrimaryPortrait'
      
      export default () => <Icon />
    • Icon: stopScreenShare

      This icon can be used as follows:

      import Icon from '@slup/icons/communicationstopScreenShare'
      
      export default () => <Icon />
    • Icon: swapCalls

      This icon can be used as follows:

      import Icon from '@slup/icons/communicationswapCalls'
      
      export default () => <Icon />
    • Icon: textsms

      This icon can be used as follows:

      import Icon from '@slup/icons/communicationtextsms'
      
      export default () => <Icon />
    • Icon: voicemail

      This icon can be used as follows:

      import Icon from '@slup/icons/communicationvoicemail'
      
      export default () => <Icon />
    • Icon: vpnKey

      This icon can be used as follows:

      import Icon from '@slup/icons/communicationvpnKey'
      
      export default () => <Icon />
  • Category: content

    • Icon: add

      This icon can be used as follows:

      import Icon from '@slup/icons/contentadd'
      
      export default () => <Icon />
    • Icon: addBox

      This icon can be used as follows:

      import Icon from '@slup/icons/contentaddBox'
      
      export default () => <Icon />
    • Icon: addCircle

      This icon can be used as follows:

      import Icon from '@slup/icons/contentaddCircle'
      
      export default () => <Icon />
    • Icon: addCircleOutline

      This icon can be used as follows:

      import Icon from '@slup/icons/contentaddCircleOutline'
      
      export default () => <Icon />
    • Icon: archive

      This icon can be used as follows:

      import Icon from '@slup/icons/contentarchive'
      
      export default () => <Icon />
    • Icon: backspace

      This icon can be used as follows:

      import Icon from '@slup/icons/contentbackspace'
      
      export default () => <Icon />
    • Icon: block

      This icon can be used as follows:

      import Icon from '@slup/icons/contentblock'
      
      export default () => <Icon />
    • Icon: clear

      This icon can be used as follows:

      import Icon from '@slup/icons/contentclear'
      
      export default () => <Icon />
    • Icon: contentCopy

      This icon can be used as follows:

      import Icon from '@slup/icons/contentcontentCopy'
      
      export default () => <Icon />
    • Icon: contentCut

      This icon can be used as follows:

      import Icon from '@slup/icons/contentcontentCut'
      
      export default () => <Icon />
    • Icon: contentPaste

      This icon can be used as follows:

      import Icon from '@slup/icons/contentcontentPaste'
      
      export default () => <Icon />
    • Icon: create

      This icon can be used as follows:

      import Icon from '@slup/icons/contentcreate'
      
      export default () => <Icon />
    • Icon: deleteSweep

      This icon can be used as follows:

      import Icon from '@slup/icons/contentdeleteSweep'
      
      export default () => <Icon />
    • Icon: drafts

      This icon can be used as follows:

      import Icon from '@slup/icons/contentdrafts'
      
      export default () => <Icon />
    • Icon: filterList

      This icon can be used as follows:

      import Icon from '@slup/icons/contentfilterList'
      
      export default () => <Icon />
    • Icon: flag

      This icon can be used as follows:

      import Icon from '@slup/icons/contentflag'
      
      export default () => <Icon />
    • Icon: fontDownload

      This icon can be used as follows:

      import Icon from '@slup/icons/contentfontDownload'
      
      export default () => <Icon />
    • Icon: forward

      This icon can be used as follows:

      import Icon from '@slup/icons/contentforward'
      
      export default () => <Icon />
    • Icon: gesture

      This icon can be used as follows:

      import Icon from '@slup/icons/contentgesture'
      
      export default () => <Icon />
    • Icon: inbox

      This icon can be used as follows:

      import Icon from '@slup/icons/contentinbox'
      
      export default () => <Icon />
    • Icon: link

      This icon can be used as follows:

      import Icon from '@slup/icons/contentlink'
      
      export default () => <Icon />
    • Icon: lowPriority

      This icon can be used as follows:

      import Icon from '@slup/icons/contentlowPriority'
      
      export default () => <Icon />
    • Icon: mail

      This icon can be used as follows:

      import Icon from '@slup/icons/contentmail'
      
      export default () => <Icon />
    • Icon: markunread

      This icon can be used as follows:

      import Icon from '@slup/icons/contentmarkunread'
      
      export default () => <Icon />
    • Icon: moveToInbox

      This icon can be used as follows:

      import Icon from '@slup/icons/contentmoveToInbox'
      
      export default () => <Icon />
    • Icon: nextWeek

      This icon can be used as follows:

      import Icon from '@slup/icons/contentnextWeek'
      
      export default () => <Icon />
    • Icon: redo

      This icon can be used as follows:

      import Icon from '@slup/icons/contentredo'
      
      export default () => <Icon />
    • Icon: remove

      This icon can be used as follows:

      import Icon from '@slup/icons/contentremove'
      
      export default () => <Icon />
    • Icon: removeCircle

      This icon can be used as follows:

      import Icon from '@slup/icons/contentremoveCircle'
      
      export default () => <Icon />
    • Icon: removeCircleOutline

      This icon can be used as follows:

      import Icon from '@slup/icons/contentremoveCircleOutline'
      
      export default () => <Icon />
    • Icon: reply

      This icon can be used as follows:

      import Icon from '@slup/icons/contentreply'
      
      export default () => <Icon />
    • Icon: replyAll

      This icon can be used as follows:

      import Icon from '@slup/icons/contentreplyAll'
      
      export default () => <Icon />
    • Icon: report

      This icon can be used as follows:

      import Icon from '@slup/icons/contentreport'
      
      export default () => <Icon />
    • Icon: save

      This icon can be used as follows:

      import Icon from '@slup/icons/contentsave'
      
      export default () => <Icon />
    • Icon: selectAll

      This icon can be used as follows:

      import Icon from '@slup/icons/contentselectAll'
      
      export default () => <Icon />
    • Icon: send

      This icon can be used as follows:

      import Icon from '@slup/icons/contentsend'
      
      export default () => <Icon />
    • Icon: sort

      This icon can be used as follows:

      import Icon from '@slup/icons/contentsort'
      
      export default () => <Icon />
    • Icon: textFormat

      This icon can be used as follows:

      import Icon from '@slup/icons/contenttextFormat'
      
      export default () => <Icon />
    • Icon: unarchive

      This icon can be used as follows:

      import Icon from '@slup/icons/contentunarchive'
      
      export default () => <Icon />
    • Icon: undo

      This icon can be used as follows:

      import Icon from '@slup/icons/contentundo'
      
      export default () => <Icon />
    • Icon: weekend

      This icon can be used as follows:

      import Icon from '@slup/icons/contentweekend'
      
      export default () => <Icon />
  • Category: device

    • Icon: accessAlarm

      This icon can be used as follows:

      import Icon from '@slup/icons/deviceaccessAlarm'
      
      export default () => <Icon />
    • Icon: accessAlarms

      This icon can be used as follows:

      import Icon from '@slup/icons/deviceaccessAlarms'
      
      export default () => <Icon />
    • Icon: accessTime

      This icon can be used as follows:

      import Icon from '@slup/icons/deviceaccessTime'
      
      export default () => <Icon />
    • Icon: addAlarm

      This icon can be used as follows:

      import Icon from '@slup/icons/deviceaddAlarm'
      
      export default () => <Icon />
    • Icon: airplanemodeActive

      This icon can be used as follows:

      import Icon from '@slup/icons/deviceairplanemodeActive'
      
      export default () => <Icon />
    • Icon: airplanemodeInactive

      This icon can be used as follows:

      import Icon from '@slup/icons/deviceairplanemodeInactive'
      
      export default () => <Icon />
    • Icon: battery20

      This icon can be used as follows:

      import Icon from '@slup/icons/devicebattery20'
      
      export default () => <Icon />
    • Icon: battery30

      This icon can be used as follows:

      import Icon from '@slup/icons/devicebattery30'
      
      export default () => <Icon />
    • Icon: battery50

      This icon can be used as follows:

      import Icon from '@slup/icons/devicebattery50'
      
      export default () => <Icon />
    • Icon: battery60

      This icon can be used as follows:

      import Icon from '@slup/icons/devicebattery60'
      
      export default () => <Icon />
    • Icon: battery80

      This icon can be used as follows:

      import Icon from '@slup/icons/devicebattery80'
      
      export default () => <Icon />
    • Icon: battery90

      This icon can be used as follows:

      import Icon from '@slup/icons/devicebattery90'
      
      export default () => <Icon />
    • Icon: batteryAlert

      This icon can be used as follows:

      import Icon from '@slup/icons/devicebatteryAlert'
      
      export default () => <Icon />
    • Icon: batteryCharging20

      This icon can be used as follows:

      import Icon from '@slup/icons/devicebatteryCharging20'
      
      export default () => <Icon />
    • Icon: batteryCharging30

      This icon can be used as follows:

      import Icon from '@slup/icons/devicebatteryCharging30'
      
      export default () => <Icon />
    • Icon: batteryCharging50

      This icon can be used as follows:

      import Icon from '@slup/icons/devicebatteryCharging50'
      
      export default () => <Icon />
    • Icon: batteryCharging60

      This icon can be used as follows:

      import Icon from '@slup/icons/devicebatteryCharging60'
      
      export default () => <Icon />
    • Icon: batteryCharging80

      This icon can be used as follows:

      import Icon from '@slup/icons/devicebatteryCharging80'
      
      export default () => <Icon />
    • Icon: batteryCharging90

      This icon can be used as follows:

      import Icon from '@slup/icons/devicebatteryCharging90'
      
      export default () => <Icon />
    • Icon: batteryChargingFull

      This icon can be used as follows:

      import Icon from '@slup/icons/devicebatteryChargingFull'
      
      export default () => <Icon />
    • Icon: batteryFull

      This icon can be used as follows:

      import Icon from '@slup/icons/devicebatteryFull'
      
      export default () => <Icon />
    • Icon: batteryStd

      This icon can be used as follows:

      import Icon from '@slup/icons/devicebatteryStd'
      
      export default () => <Icon />
    • Icon: batteryUnknown

      This icon can be used as follows:

      import Icon from '@slup/icons/devicebatteryUnknown'
      
      export default () => <Icon />
    • Icon: bluetooth

      This icon can be used as follows:

      import Icon from '@slup/icons/devicebluetooth'
      
      export default () => <Icon />
    • Icon: bluetoothConnected

      This icon can be used as follows:

      import Icon from '@slup/icons/devicebluetoothConnected'
      
      export default () => <Icon />
    • Icon: bluetoothDisabled

      This icon can be used as follows:

      import Icon from '@slup/icons/devicebluetoothDisabled'
      
      export default () => <Icon />
    • Icon: bluetoothSearching

      This icon can be used as follows:

      import Icon from '@slup/icons/devicebluetoothSearching'
      
      export default () => <Icon />
    • Icon: brightnessAuto

      This icon can be used as follows:

      import Icon from '@slup/icons/devicebrightnessAuto'
      
      export default () => <Icon />
    • Icon: brightnessHigh

      This icon can be used as follows:

      import Icon from '@slup/icons/devicebrightnessHigh'
      
      export default () => <Icon />
    • Icon: brightnessLow

      This icon can be used as follows:

      import Icon from '@slup/icons/devicebrightnessLow'
      
      export default () => <Icon />
    • Icon: brightnessMedium

      This icon can be used as follows:

      import Icon from '@slup/icons/devicebrightnessMedium'
      
      export default () => <Icon />
    • Icon: dataUsage

      This icon can be used as follows:

      import Icon from '@slup/icons/devicedataUsage'
      
      export default () => <Icon />
    • Icon: developerMode

      This icon can be used as follows:

      import Icon from '@slup/icons/devicedeveloperMode'
      
      export default () => <Icon />
    • Icon: devices

      This icon can be used as follows:

      import Icon from '@slup/icons/devicedevices'
      
      export default () => <Icon />
    • Icon: dvr

      This icon can be used as follows:

      import Icon from '@slup/icons/devicedvr'
      
      export default () => <Icon />
    • Icon: gpsFixed

      This icon can be used as follows:

      import Icon from '@slup/icons/devicegpsFixed'
      
      export default () => <Icon />
    • Icon: gpsNotFixed

      This icon can be used as follows:

      import Icon from '@slup/icons/devicegpsNotFixed'
      
      export default () => <Icon />
    • Icon: gpsOff

      This icon can be used as follows:

      import Icon from '@slup/icons/devicegpsOff'
      
      export default () => <Icon />
    • Icon: graphicEq

      This icon can be used as follows:

      import Icon from '@slup/icons/devicegraphicEq'
      
      export default () => <Icon />
    • Icon: locationDisabled

      This icon can be used as follows:

      import Icon from '@slup/icons/devicelocationDisabled'
      
      export default () => <Icon />
    • Icon: locationSearching

      This icon can be used as follows:

      import Icon from '@slup/icons/devicelocationSearching'
      
      export default () => <Icon />
    • Icon: networkCell

      This icon can be used as follows:

      import Icon from '@slup/icons/devicenetworkCell'
      
      export default () => <Icon />
    • Icon: networkWifi

      This icon can be used as follows:

      import Icon from '@slup/icons/devicenetworkWifi'
      
      export default () => <Icon />
    • Icon: nfc

      This icon can be used as follows:

      import Icon from '@slup/icons/devicenfc'
      
      export default () => <Icon />
    • Icon: screenLockLandscape

      This icon can be used as follows:

      import Icon from '@slup/icons/devicescreenLockLandscape'
      
      export default () => <Icon />
    • Icon: screenLockPortrait

      This icon can be used as follows:

      import Icon from '@slup/icons/devicescreenLockPortrait'
      
      export default () => <Icon />
    • Icon: screenLockRotation

      This icon can be used as follows:

      import Icon from '@slup/icons/devicescreenLockRotation'
      
      export default () => <Icon />
    • Icon: screenRotation

      This icon can be used as follows:

      import Icon from '@slup/icons/devicescreenRotation'
      
      export default () => <Icon />
    • Icon: sdStorage

      This icon can be used as follows:

      import Icon from '@slup/icons/devicesdStorage'
      
      export default () => <Icon />
    • Icon: settingsSystemDaydream

      This icon can be used as follows:

      import Icon from '@slup/icons/devicesettingsSystemDaydream'
      
      export default () => <Icon />
    • Icon: signalCellular0Bar

      This icon can be used as follows:

      import Icon from '@slup/icons/devicesignalCellular0Bar'
      
      export default () => <Icon />
    • Icon: signalCellular1Bar

      This icon can be used as follows:

      import Icon from '@slup/icons/devicesignalCellular1Bar'
      
      export default () => <Icon />
    • Icon: signalCellular2Bar

      This icon can be used as follows:

      import Icon from '@slup/icons/devicesignalCellular2Bar'
      
      export default () => <Icon />
    • Icon: signalCellular3Bar

      This icon can be used as follows:

      import Icon from '@slup/icons/devicesignalCellular3Bar'
      
      export default () => <Icon />
    • Icon: signalCellular4Bar

      This icon can be used as follows:

      import Icon from '@slup/icons/devicesignalCellular4Bar'
      
      export default () => <Icon />
    • Icon: signalCellularConnectedNoInternet0Bar

      This icon can be used as follows:

      import Icon from '@slup/icons/devicesignalCellularConnectedNoInternet0Bar'
      
      export default () => <Icon />
    • Icon: signalCellularConnectedNoInternet1Bar

      This icon can be used as follows:

      import Icon from '@slup/icons/devicesignalCellularConnectedNoInternet1Bar'
      
      export default () => <Icon />
    • Icon: signalCellularConnectedNoInternet2Bar

      This icon can be used as follows:

      import Icon from '@slup/icons/devicesignalCellularConnectedNoInternet2Bar'
      
      export default () => <Icon />
    • Icon: signalCellularConnectedNoInternet3Bar

      This icon can be used as follows:

      import Icon from '@slup/icons/devicesignalCellularConnectedNoInternet3Bar'
      
      export default () => <Icon />
    • Icon: signalCellularConnectedNoInternet4Bar

      This icon can be used as follows:

      import Icon from '@slup/icons/devicesignalCellularConnectedNoInternet4Bar'
      
      export default () => <Icon />
    • Icon: signalCellularNoSim

      This icon can be used as follows:

      import Icon from '@slup/icons/devicesignalCellularNoSim'
      
      export default () => <Icon />
    • Icon: signalCellularNull

      This icon can be used as follows:

      import Icon from '@slup/icons/devicesignalCellularNull'
      
      export default () => <Icon />
    • Icon: signalCellularOff

      This icon can be used as follows:

      import Icon from '@slup/icons/devicesignalCellularOff'
      
      export default () => <Icon />
    • Icon: signalWifi0Bar

      This icon can be used as follows:

      import Icon from '@slup/icons/devicesignalWifi0Bar'
      
      export default () => <Icon />
    • Icon: signalWifi1Bar

      This icon can be used as follows:

      import Icon from '@slup/icons/devicesignalWifi1Bar'
      
      export default () => <Icon />
    • Icon: signalWifi1BarLock

      This icon can be used as follows:

      import Icon from '@slup/icons/devicesignalWifi1BarLock'
      
      export default () => <Icon />
    • Icon: signalWifi2Bar

      This icon can be used as follows:

      import Icon from '@slup/icons/devicesignalWifi2Bar'
      
      export default () => <Icon />
    • Icon: signalWifi2BarLock

      This icon can be used as follows:

      import Icon from '@slup/icons/devicesignalWifi2BarLock'
      
      export default () => <Icon />
    • Icon: signalWifi3Bar

      This icon can be used as follows:

      import Icon from '@slup/icons/devicesignalWifi3Bar'
      
      export default () => <Icon />
    • Icon: signalWifi3BarLock

      This icon can be used as follows:

      import Icon from '@slup/icons/devicesignalWifi3BarLock'
      
      export default () => <Icon />
    • Icon: signalWifi4Bar

      This icon can be used as follows:

      import Icon from '@slup/icons/devicesignalWifi4Bar'
      
      export default () => <Icon />
    • Icon: signalWifi4BarLock

      This icon can be used as follows:

      import Icon from '@slup/icons/devicesignalWifi4BarLock'
      
      export default () => <Icon />
    • Icon: signalWifiOff

      This icon can be used as follows:

      import Icon from '@slup/icons/devicesignalWifiOff'
      
      export default () => <Icon />
    • Icon: storage

      This icon can be used as follows:

      import Icon from '@slup/icons/devicestorage'
      
      export default () => <Icon />
    • Icon: usb

      This icon can be used as follows:

      import Icon from '@slup/icons/deviceusb'
      
      export default () => <Icon />
    • Icon: wallpaper

      This icon can be used as follows:

      import Icon from '@slup/icons/devicewallpaper'
      
      export default () => <Icon />
    • Icon: widgets

      This icon can be used as follows:

      import Icon from '@slup/icons/devicewidgets'
      
      export default () => <Icon />
    • Icon: wifiLock

      This icon can be used as follows:

      import Icon from '@slup/icons/devicewifiLock'
      
      export default () => <Icon />
    • Icon: wifiTethering

      This icon can be used as follows:

      import Icon from '@slup/icons/devicewifiTethering'
      
      export default () => <Icon />
  • Category: editor

    • Icon: attachFile

      This icon can be used as follows:

      import Icon from '@slup/icons/editorattachFile'
      
      export default () => <Icon />
    • Icon: attachMoney

      This icon can be used as follows:

      import Icon from '@slup/icons/editorattachMoney'
      
      export default () => <Icon />
    • Icon: borderAll

      This icon can be used as follows:

      import Icon from '@slup/icons/editorborderAll'
      
      export default () => <Icon />
    • Icon: borderBottom

      This icon can be used as follows:

      import Icon from '@slup/icons/editorborderBottom'
      
      export default () => <Icon />
    • Icon: borderClear

      This icon can be used as follows:

      import Icon from '@slup/icons/editorborderClear'
      
      export default () => <Icon />
    • Icon: borderColor

      This icon can be used as follows:

      import Icon from '@slup/icons/editorborderColor'
      
      export default () => <Icon />
    • Icon: borderHorizontal

      This icon can be used as follows:

      import Icon from '@slup/icons/editorborderHorizontal'
      
      export default () => <Icon />
    • Icon: borderInner

      This icon can be used as follows:

      import Icon from '@slup/icons/editorborderInner'
      
      export default () => <Icon />
    • Icon: borderLeft

      This icon can be used as follows:

      import Icon from '@slup/icons/editorborderLeft'
      
      export default () => <Icon />
    • Icon: borderOuter

      This icon can be used as follows:

      import Icon from '@slup/icons/editorborderOuter'
      
      export default () => <Icon />
    • Icon: borderRight

      This icon can be used as follows:

      import Icon from '@slup/icons/editorborderRight'
      
      export default () => <Icon />
    • Icon: borderStyle

      This icon can be used as follows:

      import Icon from '@slup/icons/editorborderStyle'
      
      export default () => <Icon />
    • Icon: borderTop

      This icon can be used as follows:

      import Icon from '@slup/icons/editorborderTop'
      
      export default () => <Icon />
    • Icon: borderVertical

      This icon can be used as follows:

      import Icon from '@slup/icons/editorborderVertical'
      
      export default () => <Icon />
    • Icon: bubbleChart

      This icon can be used as follows:

      import Icon from '@slup/icons/editorbubbleChart'
      
      export default () => <Icon />
    • Icon: dragHandle

      This icon can be used as follows:

      import Icon from '@slup/icons/editordragHandle'
      
      export default () => <Icon />
    • Icon: formatAlignCenter

      This icon can be used as follows:

      import Icon from '@slup/icons/editorformatAlignCenter'
      
      export default () => <Icon />
    • Icon: formatAlignJustify

      This icon can be used as follows:

      import Icon from '@slup/icons/editorformatAlignJustify'
      
      export default () => <Icon />
    • Icon: formatAlignLeft

      This icon can be used as follows:

      import Icon from '@slup/icons/editorformatAlignLeft'
      
      export default () => <Icon />
    • Icon: formatAlignRight

      This icon can be used as follows:

      import Icon from '@slup/icons/editorformatAlignRight'
      
      export default () => <Icon />
    • Icon: formatBold

      This icon can be used as follows:

      import Icon from '@slup/icons/editorformatBold'
      
      export default () => <Icon />
    • Icon: formatClear

      This icon can be used as follows:

      import Icon from '@slup/icons/editorformatClear'
      
      export default () => <Icon />
    • Icon: formatColorFill

      This icon can be used as follows:

      import Icon from '@slup/icons/editorformatColorFill'
      
      export default () => <Icon />
    • Icon: formatColorReset

      This icon can be used as follows:

      import Icon from '@slup/icons/editorformatColorReset'
      
      export default () => <Icon />
    • Icon: formatColorText

      This icon can be used as follows:

      import Icon from '@slup/icons/editorformatColorText'
      
      export default () => <Icon />
    • Icon: formatIndentDecrease

      This icon can be used as follows:

      import Icon from '@slup/icons/editorformatIndentDecrease'
      
      export default () => <Icon />
    • Icon: formatIndentIncrease

      This icon can be used as follows:

      import Icon from '@slup/icons/editorformatIndentIncrease'
      
      export default () => <Icon />
    • Icon: formatItalic

      This icon can be used as follows:

      import Icon from '@slup/icons/editorformatItalic'
      
      export default () => <Icon />
    • Icon: formatLineSpacing

      This icon can be used as follows:

      import Icon from '@slup/icons/editorformatLineSpacing'
      
      export default () => <Icon />
    • Icon: formatListBulleted

      This icon can be used as follows:

      import Icon from '@slup/icons/editorformatListBulleted'
      
      export default () => <Icon />
    • Icon: formatListNumbered

      This icon can be used as follows:

      import Icon from '@slup/icons/editorformatListNumbered'
      
      export default () => <Icon />
    • Icon: formatPaint

      This icon can be used as follows:

      import Icon from '@slup/icons/editorformatPaint'
      
      export default () => <Icon />
    • Icon: formatQuote

      This icon can be used as follows:

      import Icon from '@slup/icons/editorformatQuote'
      
      export default () => <Icon />
    • Icon: formatShapes

      This icon can be used as follows:

      import Icon from '@slup/icons/editorformatShapes'
      
      export default () => <Icon />
    • Icon: formatSize

      This icon can be used as follows:

      import Icon from '@slup/icons/editorformatSize'
      
      export default () => <Icon />
    • Icon: formatStrikethrough

      This icon can be used as follows:

      import Icon from '@slup/icons/editorformatStrikethrough'
      
      export default () => <Icon />
    • Icon: formatTextdirectionLToR

      This icon can be used as follows:

      import Icon from '@slup/icons/editorformatTextdirectionLToR'
      
      export default () => <Icon />
    • Icon: formatTextdirectionRToL

      This icon can be used as follows:

      import Icon from '@slup/icons/editorformatTextdirectionRToL'
      
      export default () => <Icon />
    • Icon: formatUnderlined

      This icon can be used as follows:

      import Icon from '@slup/icons/editorformatUnderlined'
      
      export default () => <Icon />
    • Icon: functions

      This icon can be used as follows:

      import Icon from '@slup/icons/editorfunctions'
      
      export default () => <Icon />
    • Icon: highlight

      This icon can be used as follows:

      import Icon from '@slup/icons/editorhighlight'
      
      export default () => <Icon />
    • Icon: insertChart

      This icon can be used as follows:

      import Icon from '@slup/icons/editorinsertChart'
      
      export default () => <Icon />
    • Icon: insertComment

      This icon can be used as follows:

      import Icon from '@slup/icons/editorinsertComment'
      
      export default () => <Icon />
    • Icon: insertDriveFile

      This icon can be used as follows:

      import Icon from '@slup/icons/editorinsertDriveFile'
      
      export default () => <Icon />
    • Icon: insertEmoticon

      This icon can be used as follows:

      import Icon from '@slup/icons/editorinsertEmoticon'
      
      export default () => <Icon />
    • Icon: insertInvitation

      This icon can be used as follows:

      import Icon from '@slup/icons/editorinsertInvitation'
      
      export default () => <Icon />
    • Icon: insertLink

      This icon can be used as follows:

      import Icon from '@slup/icons/editorinsertLink'
      
      export default () => <Icon />
    • Icon: insertPhoto

      This icon can be used as follows:

      import Icon from '@slup/icons/editorinsertPhoto'
      
      export default () => <Icon />
    • Icon: linearScale

      This icon can be used as follows:

      import Icon from '@slup/icons/editorlinearScale'
      
      export default () => <Icon />
    • Icon: mergeType

      This icon can be used as follows:

      import Icon from '@slup/icons/editormergeType'
      
      export default () => <Icon />
    • Icon: modeComment

      This icon can be used as follows:

      import Icon from '@slup/icons/editormodeComment'
      
      export default () => <Icon />
    • Icon: modeEdit

      This icon can be used as follows:

      import Icon from '@slup/icons/editormodeEdit'
      
      export default () => <Icon />
    • Icon: monetizationOn

      This icon can be used as follows:

      import Icon from '@slup/icons/editormonetizationOn'
      
      export default () => <Icon />
    • Icon: moneyOff

      This icon can be used as follows:

      import Icon from '@slup/icons/editormoneyOff'
      
      export default () => <Icon />
    • Icon: multilineChart

      This icon can be used as follows:

      import Icon from '@slup/icons/editormultilineChart'
      
      export default () => <Icon />
    • Icon: pieChart

      This icon can be used as follows:

      import Icon from '@slup/icons/editorpieChart'
      
      export default () => <Icon />
    • Icon: pieChartOutlined

      This icon can be used as follows:

      import Icon from '@slup/icons/editorpieChartOutlined'
      
      export default () => <Icon />
    • Icon: publish

      This icon can be used as follows:

      import Icon from '@slup/icons/editorpublish'
      
      export default () => <Icon />
    • Icon: shortText

      This icon can be used as follows:

      import Icon from '@slup/icons/editorshortText'
      
      export default () => <Icon />
    • Icon: showChart

      This icon can be used as follows:

      import Icon from '@slup/icons/editorshowChart'
      
      export default () => <Icon />
    • Icon: spaceBar

      This icon can be used as follows:

      import Icon from '@slup/icons/editorspaceBar'
      
      export default () => <Icon />
    • Icon: strikethroughS

      This icon can be used as follows:

      import Icon from '@slup/icons/editorstrikethroughS'
      
      export default () => <Icon />
    • Icon: textFields

      This icon can be used as follows:

      import Icon from '@slup/icons/editortextFields'
      
      export default () => <Icon />
    • Icon: title

      This icon can be used as follows:

      import Icon from '@slup/icons/editortitle'
      
      export default () => <Icon />
    • Icon: verticalAlignBottom

      This icon can be used as follows:

      import Icon from '@slup/icons/editorverticalAlignBottom'
      
      export default () => <Icon />
    • Icon: verticalAlignCenter

      This icon can be used as follows:

      import Icon from '@slup/icons/editorverticalAlignCenter'
      
      export default () => <Icon />
    • Icon: verticalAlignTop

      This icon can be used as follows:

      import Icon from '@slup/icons/editorverticalAlignTop'
      
      export default () => <Icon />
    • Icon: wrapText

      This icon can be used as follows:

      import Icon from '@slup/icons/editorwrapText'
      
      export default () => <Icon />
  • Category: file

    • Icon: attachment

      This icon can be used as follows:

      import Icon from '@slup/icons/fileattachment'
      
      export default () => <Icon />
    • Icon: cloud

      This icon can be used as follows:

      import Icon from '@slup/icons/filecloud'
      
      export default () => <Icon />
    • Icon: cloudCircle

      This icon can be used as follows:

      import Icon from '@slup/icons/filecloudCircle'
      
      export default () => <Icon />
    • Icon: cloudDone

      This icon can be used as follows:

      import Icon from '@slup/icons/filecloudDone'
      
      export default () => <Icon />
    • Icon: cloudDownload

      This icon can be used as follows:

      import Icon from '@slup/icons/filecloudDownload'
      
      export default () => <Icon />
    • Icon: cloudOff

      This icon can be used as follows:

      import Icon from '@slup/icons/filecloudOff'
      
      export default () => <Icon />
    • Icon: cloudQueue

      This icon can be used as follows:

      import Icon from '@slup/icons/filecloudQueue'
      
      export default () => <Icon />
    • Icon: cloudUpload

      This icon can be used as follows:

      import Icon from '@slup/icons/filecloudUpload'
      
      export default () => <Icon />
    • Icon: createNewFolder

      This icon can be used as follows:

      import Icon from '@slup/icons/filecreateNewFolder'
      
      export default () => <Icon />
    • Icon: fileDownload

      This icon can be used as follows:

      import Icon from '@slup/icons/filefileDownload'
      
      export default () => <Icon />
    • Icon: fileUpload

      This icon can be used as follows:

      import Icon from '@slup/icons/filefileUpload'
      
      export default () => <Icon />
    • Icon: folder

      This icon can be used as follows:

      import Icon from '@slup/icons/filefolder'
      
      export default () => <Icon />
    • Icon: folderOpen

      This icon can be used as follows:

      import Icon from '@slup/icons/filefolderOpen'
      
      export default () => <Icon />
    • Icon: folderShared

      This icon can be used as follows:

      import Icon from '@slup/icons/filefolderShared'
      
      export default () => <Icon />
  • Category: hardware

    • Icon: cast

      This icon can be used as follows:

      import Icon from '@slup/icons/hardwarecast'
      
      export default () => <Icon />
    • Icon: castConnected

      This icon can be used as follows:

      import Icon from '@slup/icons/hardwarecastConnected'
      
      export default () => <Icon />
    • Icon: computer

      This icon can be used as follows:

      import Icon from '@slup/icons/hardwarecomputer'
      
      export default () => <Icon />
    • Icon: desktopMac

      This icon can be used as follows:

      import Icon from '@slup/icons/hardwaredesktopMac'
      
      export default () => <Icon />
    • Icon: desktopWindows

      This icon can be used as follows:

      import Icon from '@slup/icons/hardwaredesktopWindows'
      
      export default () => <Icon />
    • Icon: developerBoard

      This icon can be used as follows:

      import Icon from '@slup/icons/hardwaredeveloperBoard'
      
      export default () => <Icon />
    • Icon: deviceHub

      This icon can be used as follows:

      import Icon from '@slup/icons/hardwaredeviceHub'
      
      export default () => <Icon />
    • Icon: devicesOther

      This icon can be used as follows:

      import Icon from '@slup/icons/hardwaredevicesOther'
      
      export default () => <Icon />
    • Icon: dock

      This icon can be used as follows:

      import Icon from '@slup/icons/hardwaredock'
      
      export default () => <Icon />
    • Icon: gamepad

      This icon can be used as follows:

      import Icon from '@slup/icons/hardwaregamepad'
      
      export default () => <Icon />
    • Icon: headset

      This icon can be used as follows:

      import Icon from '@slup/icons/hardwareheadset'
      
      export default () => <Icon />
    • Icon: headsetMic

      This icon can be used as follows:

      import Icon from '@slup/icons/hardwareheadsetMic'
      
      export default () => <Icon />
    • Icon: keyboard

      This icon can be used as follows:

      import Icon from '@slup/icons/hardwarekeyboard'
      
      export default () => <Icon />
    • Icon: keyboardArrowDown

      This icon can be used as follows:

      import Icon from '@slup/icons/hardwarekeyboardArrowDown'
      
      export default () => <Icon />
    • Icon: keyboardArrowLeft

      This icon can be used as follows:

      import Icon from '@slup/icons/hardwarekeyboardArrowLeft'
      
      export default () => <Icon />
    • Icon: keyboardArrowRight

      This icon can be used as follows:

      import Icon from '@slup/icons/hardwarekeyboardArrowRight'
      
      export default () => <Icon />
    • Icon: keyboardArrowUp

      This icon can be used as follows:

      import Icon from '@slup/icons/hardwarekeyboardArrowUp'
      
      export default () => <Icon />
    • Icon: keyboardBackspace

      This icon can be used as follows:

      import Icon from '@slup/icons/hardwarekeyboardBackspace'
      
      export default () => <Icon />
    • Icon: keyboardCapslock

      This icon can be used as follows:

      import Icon from '@slup/icons/hardwarekeyboardCapslock'
      
      export default () => <Icon />
    • Icon: keyboardHide

      This icon can be used as follows:

      import Icon from '@slup/icons/hardwarekeyboardHide'
      
      export default () => <Icon />
    • Icon: keyboardReturn

      This icon can be used as follows:

      import Icon from '@slup/icons/hardwarekeyboardReturn'
      
      export default () => <Icon />
    • Icon: keyboardTab

      This icon can be used as follows:

      import Icon from '@slup/icons/hardwarekeyboardTab'
      
      export default () => <Icon />
    • Icon: keyboardVoice

      This icon can be used as follows:

      import Icon from '@slup/icons/hardwarekeyboardVoice'
      
      export default () => <Icon />
    • Icon: laptop

      This icon can be used as follows:

      import Icon from '@slup/icons/hardwarelaptop'
      
      export default () => <Icon />
    • Icon: laptopChromebook

      This icon can be used as follows:

      import Icon from '@slup/icons/hardwarelaptopChromebook'
      
      export default () => <Icon />
    • Icon: laptopMac

      This icon can be used as follows:

      import Icon from '@slup/icons/hardwarelaptopMac'
      
      export default () => <Icon />
    • Icon: laptopWindows

      This icon can be used as follows:

      import Icon from '@slup/icons/hardwarelaptopWindows'
      
      export default () => <Icon />
    • Icon: memory

      This icon can be used as follows:

      import Icon from '@slup/icons/hardwarememory'
      
      export default () => <Icon />
    • Icon: mouse

      This icon can be used as follows:

      import Icon from '@slup/icons/hardwaremouse'
      
      export default () => <Icon />
    • Icon: phoneAndroid

      This icon can be used as follows:

      import Icon from '@slup/icons/hardwarephoneAndroid'
      
      export default () => <Icon />
    • Icon: phoneIphone

      This icon can be used as follows:

      import Icon from '@slup/icons/hardwarephoneIphone'
      
      export default () => <Icon />
    • Icon: phonelink

      This icon can be used as follows:

      import Icon from '@slup/icons/hardwarephonelink'
      
      export default () => <Icon />
    • Icon: phonelinkOff

      This icon can be used as follows:

      import Icon from '@slup/icons/hardwarephonelinkOff'
      
      export default () => <Icon />
    • Icon: powerInput

      This icon can be used as follows:

      import Icon from '@slup/icons/hardwarepowerInput'
      
      export default () => <Icon />
    • Icon: router

      This icon can be used as follows:

      import Icon from '@slup/icons/hardwarerouter'
      
      export default () => <Icon />
    • Icon: scanner

      This icon can be used as follows:

      import Icon from '@slup/icons/hardwarescanner'
      
      export default () => <Icon />
    • Icon: security

      This icon can be used as follows:

      import Icon from '@slup/icons/hardwaresecurity'
      
      export default () => <Icon />
    • Icon: simCard

      This icon can be used as follows:

      import Icon from '@slup/icons/hardwaresimCard'
      
      export default () => <Icon />
    • Icon: smartphone

      This icon can be used as follows:

      import Icon from '@slup/icons/hardwaresmartphone'
      
      export default () => <Icon />
    • Icon: speaker

      This icon can be used as follows:

      import Icon from '@slup/icons/hardwarespeaker'
      
      export default () => <Icon />
    • Icon: speakerGroup

      This icon can be used as follows:

      import Icon from '@slup/icons/hardwarespeakerGroup'
      
      export default () => <Icon />
    • Icon: tablet

      This icon can be used as follows:

      import Icon from '@slup/icons/hardwaretablet'
      
      export default () => <Icon />
    • Icon: tabletAndroid

      This icon can be used as follows:

      import Icon from '@slup/icons/hardwaretabletAndroid'
      
      export default () => <Icon />
    • Icon: tabletMac

      This icon can be used as follows:

      import Icon from '@slup/icons/hardwaretabletMac'
      
      export default () => <Icon />
    • Icon: toys

      This icon can be used as follows:

      import Icon from '@slup/icons/hardwaretoys'
      
      export default () => <Icon />
    • Icon: tv

      This icon can be used as follows:

      import Icon from '@slup/icons/hardwaretv'
      
      export default () => <Icon />
    • Icon: videogameAsset

      This icon can be used as follows:

      import Icon from '@slup/icons/hardwarevideogameAsset'
      
      export default () => <Icon />
    • Icon: watch

      This icon can be used as follows:

      import Icon from '@slup/icons/hardwarewatch'
      
      export default () => <Icon />
  • Category: image

    • Icon: addAPhoto

      This icon can be used as follows:

      import Icon from '@slup/icons/imageaddAPhoto'
      
      export default () => <Icon />
    • Icon: addToPhotos

      This icon can be used as follows:

      import Icon from '@slup/icons/imageaddToPhotos'
      
      export default () => <Icon />
    • Icon: adjust

      This icon can be used as follows:

      import Icon from '@slup/icons/imageadjust'
      
      export default () => <Icon />
    • Icon: assistant

      This icon can be used as follows:

      import Icon from '@slup/icons/imageassistant'
      
      export default () => <Icon />
    • Icon: assistantPhoto

      This icon can be used as follows:

      import Icon from '@slup/icons/imageassistantPhoto'
      
      export default () => <Icon />
    • Icon: audiotrack

      This icon can be used as follows:

      import Icon from '@slup/icons/imageaudiotrack'
      
      export default () => <Icon />
    • Icon: blurCircular

      This icon can be used as follows:

      import Icon from '@slup/icons/imageblurCircular'
      
      export default () => <Icon />
    • Icon: blurLinear

      This icon can be used as follows:

      import Icon from '@slup/icons/imageblurLinear'
      
      export default () => <Icon />
    • Icon: blurOff

      This icon can be used as follows:

      import Icon from '@slup/icons/imageblurOff'
      
      export default () => <Icon />
    • Icon: blurOn

      This icon can be used as follows:

      import Icon from '@slup/icons/imageblurOn'
      
      export default () => <Icon />
    • Icon: brightness1

      This icon can be used as follows:

      import Icon from '@slup/icons/imagebrightness1'
      
      export default () => <Icon />
    • Icon: brightness2

      This icon can be used as follows:

      import Icon from '@slup/icons/imagebrightness2'
      
      export default () => <Icon />
    • Icon: brightness3

      This icon can be used as follows:

      import Icon from '@slup/icons/imagebrightness3'
      
      export default () => <Icon />
    • Icon: brightness4

      This icon can be used as follows:

      import Icon from '@slup/icons/imagebrightness4'
      
      export default () => <Icon />
    • Icon: brightness5

      This icon can be used as follows:

      import Icon from '@slup/icons/imagebrightness5'
      
      export default () => <Icon />
    • Icon: brightness6

      This icon can be used as follows:

      import Icon from '@slup/icons/imagebrightness6'
      
      export default () => <Icon />
    • Icon: brightness7

      This icon can be used as follows:

      import Icon from '@slup/icons/imagebrightness7'
      
      export default () => <Icon />
    • Icon: brokenImage

      This icon can be used as follows:

      import Icon from '@slup/icons/imagebrokenImage'
      
      export default () => <Icon />
    • Icon: brush

      This icon can be used as follows:

      import Icon from '@slup/icons/imagebrush'
      
      export default () => <Icon />
    • Icon: burstMode

      This icon can be used as follows:

      import Icon from '@slup/icons/imageburstMode'
      
      export default () => <Icon />
    • Icon: camera

      This icon can be used as follows:

      import Icon from '@slup/icons/imagecamera'
      
      export default () => <Icon />
    • Icon: cameraAlt

      This icon can be used as follows:

      import Icon from '@slup/icons/imagecameraAlt'
      
      export default () => <Icon />
    • Icon: cameraFront

      This icon can be used as follows:

      import Icon from '@slup/icons/imagecameraFront'
      
      export default () => <Icon />
    • Icon: cameraRear

      This icon can be used as follows:

      import Icon from '@slup/icons/imagecameraRear'
      
      export default () => <Icon />
    • Icon: cameraRoll

      This icon can be used as follows:

      import Icon from '@slup/icons/imagecameraRoll'
      
      export default () => <Icon />
    • Icon: centerFocusStrong

      This icon can be used as follows:

      import Icon from '@slup/icons/imagecenterFocusStrong'
      
      export default () => <Icon />
    • Icon: centerFocusWeak

      This icon can be used as follows:

      import Icon from '@slup/icons/imagecenterFocusWeak'
      
      export default () => <Icon />
    • Icon: collections

      This icon can be used as follows:

      import Icon from '@slup/icons/imagecollections'
      
      export default () => <Icon />
    • Icon: collectionsBookmark

      This icon can be used as follows:

      import Icon from '@slup/icons/imagecollectionsBookmark'
      
      export default () => <Icon />
    • Icon: colorLens

      This icon can be used as follows:

      import Icon from '@slup/icons/imagecolorLens'
      
      export default () => <Icon />
    • Icon: colorize

      This icon can be used as follows:

      import Icon from '@slup/icons/imagecolorize'
      
      export default () => <Icon />
    • Icon: compare

      This icon can be used as follows:

      import Icon from '@slup/icons/imagecompare'
      
      export default () => <Icon />
    • Icon: controlPoint

      This icon can be used as follows:

      import Icon from '@slup/icons/imagecontrolPoint'
      
      export default () => <Icon />
    • Icon: controlPointDuplicate

      This icon can be used as follows:

      import Icon from '@slup/icons/imagecontrolPointDuplicate'
      
      export default () => <Icon />
    • Icon: crop169

      This icon can be used as follows:

      import Icon from '@slup/icons/imagecrop169'
      
      export default () => <Icon />
    • Icon: crop

      This icon can be used as follows:

      import Icon from '@slup/icons/imagecrop'
      
      export default () => <Icon />
    • Icon: crop32

      This icon can be used as follows:

      import Icon from '@slup/icons/imagecrop32'
      
      export default () => <Icon />
    • Icon: crop54

      This icon can be used as follows:

      import Icon from '@slup/icons/imagecrop54'
      
      export default () => <Icon />
    • Icon: crop75

      This icon can be used as follows:

      import Icon from '@slup/icons/imagecrop75'
      
      export default () => <Icon />
    • Icon: cropDin

      This icon can be used as follows:

      import Icon from '@slup/icons/imagecropDin'
      
      export default () => <Icon />
    • Icon: cropFree

      This icon can be used as follows:

      import Icon from '@slup/icons/imagecropFree'
      
      export default () => <Icon />
    • Icon: cropLandscape

      This icon can be used as follows:

      import Icon from '@slup/icons/imagecropLandscape'
      
      export default () => <Icon />
    • Icon: cropOriginal

      This icon can be used as follows:

      import Icon from '@slup/icons/imagecropOriginal'
      
      export default () => <Icon />
    • Icon: cropPortrait

      This icon can be used as follows:

      import Icon from '@slup/icons/imagecropPortrait'
      
      export default () => <Icon />
    • Icon: cropRotate

      This icon can be used as follows:

      import Icon from '@slup/icons/imagecropRotate'
      
      export default () => <Icon />
    • Icon: cropSquare

      This icon can be used as follows:

      import Icon from '@slup/icons/imagecropSquare'
      
      export default () => <Icon />
    • Icon: dehaze

      This icon can be used as follows:

      import Icon from '@slup/icons/imagedehaze'
      
      export default () => <Icon />
    • Icon: details

      This icon can be used as follows:

      import Icon from '@slup/icons/imagedetails'
      
      export default () => <Icon />
    • Icon: edit

      This icon can be used as follows:

      import Icon from '@slup/icons/imageedit'
      
      export default () => <Icon />
    • Icon: exposure