npm package: @slup/icons
Description: Material Design Icons requireable from Inferno 
Author: Luca
Latest version: 0.5.1

<h1 align='center'>Slup - Icons</h1>

This package contains the icons provided by Material Design which are part of a bigger ecosystem called [Slup](https://github.com/gejsi/material)

## Installation

This package can be installed with [NPM](http://npmjs.com/)
```
npm install --save @slup/icons
```

## Usage
The icons are stored in a tree representing the [Google's Material Design Icons](https://github.com/google/material-design-icons) repo, and so they can be resolved as follows:

- Visit our [outo-generated List](#icons)

- Find the icon you are interested in

- Check out the example

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

### Example

```js
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](https://github.com/google/material-design-icons) repo, in a friendly, importable and [Inferno](https://infernojs.org/)-based package.

## Icons
- ## Category: **action**

    - ## Icon: **3dRotation** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_3d_rotation_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/action3dRotation'

      export default () => <Icon />
      ```

    - ## Icon: **accessibility** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_accessibility_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionaccessibility'

      export default () => <Icon />
      ```

    - ## Icon: **accessible** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_accessible_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionaccessible'

      export default () => <Icon />
      ```

    - ## Icon: **accountBalance** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_account_balance_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionaccountBalance'

      export default () => <Icon />
      ```

    - ## Icon: **accountBalanceWallet** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_account_balance_wallet_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionaccountBalanceWallet'

      export default () => <Icon />
      ```

    - ## Icon: **accountBox** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_account_box_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionaccountBox'

      export default () => <Icon />
      ```

    - ## Icon: **accountCircle** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_account_circle_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionaccountCircle'

      export default () => <Icon />
      ```

    - ## Icon: **addShoppingCart** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_add_shopping_cart_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionaddShoppingCart'

      export default () => <Icon />
      ```

    - ## Icon: **alarm** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_alarm_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionalarm'

      export default () => <Icon />
      ```

    - ## Icon: **alarmAdd** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_alarm_add_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionalarmAdd'

      export default () => <Icon />
      ```

    - ## Icon: **alarmOff** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_alarm_off_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionalarmOff'

      export default () => <Icon />
      ```

    - ## Icon: **alarmOn** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_alarm_on_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionalarmOn'

      export default () => <Icon />
      ```

    - ## Icon: **allOut** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_all_out_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionallOut'

      export default () => <Icon />
      ```

    - ## Icon: **android** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_android_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionandroid'

      export default () => <Icon />
      ```

    - ## Icon: **announcement** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_announcement_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionannouncement'

      export default () => <Icon />
      ```

    - ## Icon: **aspectRatio** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_aspect_ratio_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionaspectRatio'

      export default () => <Icon />
      ```

    - ## Icon: **assessment** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_assessment_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionassessment'

      export default () => <Icon />
      ```

    - ## Icon: **assignment** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_assignment_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionassignment'

      export default () => <Icon />
      ```

    - ## Icon: **assignmentInd** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_assignment_ind_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionassignmentInd'

      export default () => <Icon />
      ```

    - ## Icon: **assignmentLate** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_assignment_late_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionassignmentLate'

      export default () => <Icon />
      ```

    - ## Icon: **assignmentReturn** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_assignment_return_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionassignmentReturn'

      export default () => <Icon />
      ```

    - ## Icon: **assignmentReturned** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_assignment_returned_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionassignmentReturned'

      export default () => <Icon />
      ```

    - ## Icon: **assignmentTurnedIn** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_assignment_turned_in_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionassignmentTurnedIn'

      export default () => <Icon />
      ```

    - ## Icon: **autorenew** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_autorenew_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionautorenew'

      export default () => <Icon />
      ```

    - ## Icon: **backup** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_backup_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionbackup'

      export default () => <Icon />
      ```

    - ## Icon: **book** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_book_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionbook'

      export default () => <Icon />
      ```

    - ## Icon: **bookmark** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_bookmark_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionbookmark'

      export default () => <Icon />
      ```

    - ## Icon: **bookmarkBorder** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_bookmark_border_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionbookmarkBorder'

      export default () => <Icon />
      ```

    - ## Icon: **bugReport** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_bug_report_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionbugReport'

      export default () => <Icon />
      ```

    - ## Icon: **build** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_build_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionbuild'

      export default () => <Icon />
      ```

    - ## Icon: **cached** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_cached_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actioncached'

      export default () => <Icon />
      ```

    - ## Icon: **cameraEnhance** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_camera_enhance_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actioncameraEnhance'

      export default () => <Icon />
      ```

    - ## Icon: **cardGiftcard** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_card_giftcard_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actioncardGiftcard'

      export default () => <Icon />
      ```

    - ## Icon: **cardMembership** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_card_membership_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actioncardMembership'

      export default () => <Icon />
      ```

    - ## Icon: **cardTravel** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_card_travel_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actioncardTravel'

      export default () => <Icon />
      ```

    - ## Icon: **changeHistory** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_change_history_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionchangeHistory'

      export default () => <Icon />
      ```

    - ## Icon: **checkCircle** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_check_circle_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actioncheckCircle'

      export default () => <Icon />
      ```

    - ## Icon: **chromeReaderMode** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_chrome_reader_mode_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionchromeReaderMode'

      export default () => <Icon />
      ```

    - ## Icon: **class** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_class_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionclass'

      export default () => <Icon />
      ```

    - ## Icon: **code** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_code_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actioncode'

      export default () => <Icon />
      ```

    - ## Icon: **compareArrows** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_compare_arrows_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actioncompareArrows'

      export default () => <Icon />
      ```

    - ## Icon: **copyright** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_copyright_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actioncopyright'

      export default () => <Icon />
      ```

    - ## Icon: **creditCard** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_credit_card_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actioncreditCard'

      export default () => <Icon />
      ```

    - ## Icon: **dashboard** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_dashboard_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actiondashboard'

      export default () => <Icon />
      ```

    - ## Icon: **dateRange** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_date_range_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actiondateRange'

      export default () => <Icon />
      ```

    - ## Icon: **delete** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_delete_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actiondelete'

      export default () => <Icon />
      ```

    - ## Icon: **deleteForever** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_delete_forever_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actiondeleteForever'

      export default () => <Icon />
      ```

    - ## Icon: **description** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_description_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actiondescription'

      export default () => <Icon />
      ```

    - ## Icon: **dns** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_dns_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actiondns'

      export default () => <Icon />
      ```

    - ## Icon: **done** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_done_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actiondone'

      export default () => <Icon />
      ```

    - ## Icon: **doneAll** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_done_all_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actiondoneAll'

      export default () => <Icon />
      ```

    - ## Icon: **donutLarge** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_donut_large_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actiondonutLarge'

      export default () => <Icon />
      ```

    - ## Icon: **donutSmall** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_donut_small_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actiondonutSmall'

      export default () => <Icon />
      ```

    - ## Icon: **eject** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_eject_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actioneject'

      export default () => <Icon />
      ```

    - ## Icon: **euroSymbol** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_euro_symbol_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actioneuroSymbol'

      export default () => <Icon />
      ```

    - ## Icon: **event** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_event_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionevent'

      export default () => <Icon />
      ```

    - ## Icon: **eventSeat** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_event_seat_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actioneventSeat'

      export default () => <Icon />
      ```

    - ## Icon: **exitToApp** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_exit_to_app_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionexitToApp'

      export default () => <Icon />
      ```

    - ## Icon: **explore** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_explore_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionexplore'

      export default () => <Icon />
      ```

    - ## Icon: **extension** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_extension_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionextension'

      export default () => <Icon />
      ```

    - ## Icon: **face** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_face_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionface'

      export default () => <Icon />
      ```

    - ## Icon: **favorite** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_favorite_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionfavorite'

      export default () => <Icon />
      ```

    - ## Icon: **favoriteBorder** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_favorite_border_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionfavoriteBorder'

      export default () => <Icon />
      ```

    - ## Icon: **feedback** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_feedback_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionfeedback'

      export default () => <Icon />
      ```

    - ## Icon: **findInPage** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_find_in_page_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionfindInPage'

      export default () => <Icon />
      ```

    - ## Icon: **findReplace** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_find_replace_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionfindReplace'

      export default () => <Icon />
      ```

    - ## Icon: **fingerprint** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_fingerprint_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionfingerprint'

      export default () => <Icon />
      ```

    - ## Icon: **flightLand** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_flight_land_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionflightLand'

      export default () => <Icon />
      ```

    - ## Icon: **flightTakeoff** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_flight_takeoff_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionflightTakeoff'

      export default () => <Icon />
      ```

    - ## Icon: **flipToBack** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_flip_to_back_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionflipToBack'

      export default () => <Icon />
      ```

    - ## Icon: **flipToFront** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_flip_to_front_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionflipToFront'

      export default () => <Icon />
      ```

    - ## Icon: **gTranslate** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_g_translate_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actiongTranslate'

      export default () => <Icon />
      ```

    - ## Icon: **gavel** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_gavel_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actiongavel'

      export default () => <Icon />
      ```

    - ## Icon: **getApp** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_get_app_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actiongetApp'

      export default () => <Icon />
      ```

    - ## Icon: **gif** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_gif_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actiongif'

      export default () => <Icon />
      ```

    - ## Icon: **grade** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_grade_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actiongrade'

      export default () => <Icon />
      ```

    - ## Icon: **groupWork** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_group_work_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actiongroupWork'

      export default () => <Icon />
      ```

    - ## Icon: **help** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_help_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionhelp'

      export default () => <Icon />
      ```

    - ## Icon: **helpOutline** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_help_outline_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionhelpOutline'

      export default () => <Icon />
      ```

    - ## Icon: **highlightOff** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_highlight_off_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionhighlightOff'

      export default () => <Icon />
      ```

    - ## Icon: **history** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_history_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionhistory'

      export default () => <Icon />
      ```

    - ## Icon: **home** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_home_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionhome'

      export default () => <Icon />
      ```

    - ## Icon: **hourglassEmpty** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_hourglass_empty_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionhourglassEmpty'

      export default () => <Icon />
      ```

    - ## Icon: **hourglassFull** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_hourglass_full_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionhourglassFull'

      export default () => <Icon />
      ```

    - ## Icon: **http** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_http_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionhttp'

      export default () => <Icon />
      ```

    - ## Icon: **https** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_https_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionhttps'

      export default () => <Icon />
      ```

    - ## Icon: **importantDevices** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_important_devices_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionimportantDevices'

      export default () => <Icon />
      ```

    - ## Icon: **info** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_info_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actioninfo'

      export default () => <Icon />
      ```

    - ## Icon: **infoOutline** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_info_outline_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actioninfoOutline'

      export default () => <Icon />
      ```

    - ## Icon: **input** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_input_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actioninput'

      export default () => <Icon />
      ```

    - ## Icon: **invertColors** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_invert_colors_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actioninvertColors'

      export default () => <Icon />
      ```

    - ## Icon: **label** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_label_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionlabel'

      export default () => <Icon />
      ```

    - ## Icon: **labelOutline** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_label_outline_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionlabelOutline'

      export default () => <Icon />
      ```

    - ## Icon: **language** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_language_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionlanguage'

      export default () => <Icon />
      ```

    - ## Icon: **launch** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_launch_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionlaunch'

      export default () => <Icon />
      ```

    - ## Icon: **lightbulbOutline** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_lightbulb_outline_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionlightbulbOutline'

      export default () => <Icon />
      ```

    - ## Icon: **lineStyle** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_line_style_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionlineStyle'

      export default () => <Icon />
      ```

    - ## Icon: **lineWeight** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_line_weight_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionlineWeight'

      export default () => <Icon />
      ```

    - ## Icon: **list** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_list_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionlist'

      export default () => <Icon />
      ```

    - ## Icon: **lock** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_lock_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionlock'

      export default () => <Icon />
      ```

    - ## Icon: **lockOpen** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_lock_open_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionlockOpen'

      export default () => <Icon />
      ```

    - ## Icon: **lockOutline** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_lock_outline_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionlockOutline'

      export default () => <Icon />
      ```

    - ## Icon: **loyalty** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_loyalty_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionloyalty'

      export default () => <Icon />
      ```

    - ## Icon: **markunreadMailbox** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_markunread_mailbox_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionmarkunreadMailbox'

      export default () => <Icon />
      ```

    - ## Icon: **motorcycle** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_motorcycle_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionmotorcycle'

      export default () => <Icon />
      ```

    - ## Icon: **noteAdd** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_note_add_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionnoteAdd'

      export default () => <Icon />
      ```

    - ## Icon: **offlinePin** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_offline_pin_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionofflinePin'

      export default () => <Icon />
      ```

    - ## Icon: **opacity** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_opacity_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionopacity'

      export default () => <Icon />
      ```

    - ## Icon: **openInBrowser** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_open_in_browser_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionopenInBrowser'

      export default () => <Icon />
      ```

    - ## Icon: **openInNew** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_open_in_new_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionopenInNew'

      export default () => <Icon />
      ```

    - ## Icon: **openWith** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_open_with_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionopenWith'

      export default () => <Icon />
      ```

    - ## Icon: **pageview** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_pageview_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionpageview'

      export default () => <Icon />
      ```

    - ## Icon: **panTool** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_pan_tool_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionpanTool'

      export default () => <Icon />
      ```

    - ## Icon: **payment** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_payment_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionpayment'

      export default () => <Icon />
      ```

    - ## Icon: **permCameraMic** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_perm_camera_mic_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionpermCameraMic'

      export default () => <Icon />
      ```

    - ## Icon: **permContactCalendar** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_perm_contact_calendar_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionpermContactCalendar'

      export default () => <Icon />
      ```

    - ## Icon: **permDataSetting** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_perm_data_setting_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionpermDataSetting'

      export default () => <Icon />
      ```

    - ## Icon: **permDeviceInformation** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_perm_device_information_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionpermDeviceInformation'

      export default () => <Icon />
      ```

    - ## Icon: **permIdentity** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_perm_identity_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionpermIdentity'

      export default () => <Icon />
      ```

    - ## Icon: **permMedia** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_perm_media_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionpermMedia'

      export default () => <Icon />
      ```

    - ## Icon: **permPhoneMsg** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_perm_phone_msg_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionpermPhoneMsg'

      export default () => <Icon />
      ```

    - ## Icon: **permScanWifi** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_perm_scan_wifi_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionpermScanWifi'

      export default () => <Icon />
      ```

    - ## Icon: **pets** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_pets_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionpets'

      export default () => <Icon />
      ```

    - ## Icon: **pictureInPicture** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_picture_in_picture_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionpictureInPicture'

      export default () => <Icon />
      ```

    - ## Icon: **pictureInPictureAlt** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_picture_in_picture_alt_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionpictureInPictureAlt'

      export default () => <Icon />
      ```

    - ## Icon: **playForWork** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_play_for_work_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionplayForWork'

      export default () => <Icon />
      ```

    - ## Icon: **polymer** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_polymer_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionpolymer'

      export default () => <Icon />
      ```

    - ## Icon: **powerSettingsNew** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_power_settings_new_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionpowerSettingsNew'

      export default () => <Icon />
      ```

    - ## Icon: **pregnantWoman** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_pregnant_woman_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionpregnantWoman'

      export default () => <Icon />
      ```

    - ## Icon: **print** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_print_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionprint'

      export default () => <Icon />
      ```

    - ## Icon: **queryBuilder** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_query_builder_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionqueryBuilder'

      export default () => <Icon />
      ```

    - ## Icon: **questionAnswer** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_question_answer_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionquestionAnswer'

      export default () => <Icon />
      ```

    - ## Icon: **receipt** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_receipt_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionreceipt'

      export default () => <Icon />
      ```

    - ## Icon: **recordVoiceOver** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_record_voice_over_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionrecordVoiceOver'

      export default () => <Icon />
      ```

    - ## Icon: **redeem** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_redeem_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionredeem'

      export default () => <Icon />
      ```

    - ## Icon: **removeShoppingCart** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_remove_shopping_cart_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionremoveShoppingCart'

      export default () => <Icon />
      ```

    - ## Icon: **reorder** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_reorder_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionreorder'

      export default () => <Icon />
      ```

    - ## Icon: **reportProblem** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_report_problem_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionreportProblem'

      export default () => <Icon />
      ```

    - ## Icon: **restore** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_restore_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionrestore'

      export default () => <Icon />
      ```

    - ## Icon: **restorePage** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_restore_page_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionrestorePage'

      export default () => <Icon />
      ```

    - ## Icon: **room** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_room_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionroom'

      export default () => <Icon />
      ```

    - ## Icon: **roundedCorner** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_rounded_corner_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionroundedCorner'

      export default () => <Icon />
      ```

    - ## Icon: **rowing** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_rowing_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionrowing'

      export default () => <Icon />
      ```

    - ## Icon: **schedule** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_schedule_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionschedule'

      export default () => <Icon />
      ```

    - ## Icon: **search** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_search_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionsearch'

      export default () => <Icon />
      ```

    - ## Icon: **settings** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_settings_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionsettings'

      export default () => <Icon />
      ```

    - ## Icon: **settingsApplications** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_settings_applications_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionsettingsApplications'

      export default () => <Icon />
      ```

    - ## Icon: **settingsBackupRestore** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_settings_backup_restore_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionsettingsBackupRestore'

      export default () => <Icon />
      ```

    - ## Icon: **settingsBluetooth** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_settings_bluetooth_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionsettingsBluetooth'

      export default () => <Icon />
      ```

    - ## Icon: **settingsBrightness** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_settings_brightness_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionsettingsBrightness'

      export default () => <Icon />
      ```

    - ## Icon: **settingsCell** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_settings_cell_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionsettingsCell'

      export default () => <Icon />
      ```

    - ## Icon: **settingsEthernet** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_settings_ethernet_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionsettingsEthernet'

      export default () => <Icon />
      ```

    - ## Icon: **settingsInputAntenna** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_settings_input_antenna_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionsettingsInputAntenna'

      export default () => <Icon />
      ```

    - ## Icon: **settingsInputComponent** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_settings_input_component_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionsettingsInputComponent'

      export default () => <Icon />
      ```

    - ## Icon: **settingsInputComposite** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_settings_input_composite_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionsettingsInputComposite'

      export default () => <Icon />
      ```

    - ## Icon: **settingsInputHdmi** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_settings_input_hdmi_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionsettingsInputHdmi'

      export default () => <Icon />
      ```

    - ## Icon: **settingsInputSvideo** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_settings_input_svideo_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionsettingsInputSvideo'

      export default () => <Icon />
      ```

    - ## Icon: **settingsOverscan** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_settings_overscan_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionsettingsOverscan'

      export default () => <Icon />
      ```

    - ## Icon: **settingsPhone** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_settings_phone_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionsettingsPhone'

      export default () => <Icon />
      ```

    - ## Icon: **settingsPower** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_settings_power_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionsettingsPower'

      export default () => <Icon />
      ```

    - ## Icon: **settingsRemote** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_settings_remote_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionsettingsRemote'

      export default () => <Icon />
      ```

    - ## Icon: **settingsVoice** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_settings_voice_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionsettingsVoice'

      export default () => <Icon />
      ```

    - ## Icon: **shop** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_shop_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionshop'

      export default () => <Icon />
      ```

    - ## Icon: **shopTwo** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_shop_two_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionshopTwo'

      export default () => <Icon />
      ```

    - ## Icon: **shoppingBasket** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_shopping_basket_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionshoppingBasket'

      export default () => <Icon />
      ```

    - ## Icon: **shoppingCart** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_shopping_cart_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionshoppingCart'

      export default () => <Icon />
      ```

    - ## Icon: **speakerNotes** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_speaker_notes_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionspeakerNotes'

      export default () => <Icon />
      ```

    - ## Icon: **speakerNotesOff** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_speaker_notes_off_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionspeakerNotesOff'

      export default () => <Icon />
      ```

    - ## Icon: **spellcheck** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_spellcheck_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionspellcheck'

      export default () => <Icon />
      ```

    - ## Icon: **stars** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_stars_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionstars'

      export default () => <Icon />
      ```

    - ## Icon: **store** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_store_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionstore'

      export default () => <Icon />
      ```

    - ## Icon: **subject** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_subject_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionsubject'

      export default () => <Icon />
      ```

    - ## Icon: **supervisorAccount** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_supervisor_account_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionsupervisorAccount'

      export default () => <Icon />
      ```

    - ## Icon: **swapHoriz** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_swap_horiz_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionswapHoriz'

      export default () => <Icon />
      ```

    - ## Icon: **swapVert** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_swap_vert_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionswapVert'

      export default () => <Icon />
      ```

    - ## Icon: **swapVerticalCircle** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_swap_vertical_circle_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionswapVerticalCircle'

      export default () => <Icon />
      ```

    - ## Icon: **systemUpdateAlt** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_system_update_alt_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionsystemUpdateAlt'

      export default () => <Icon />
      ```

    - ## Icon: **tab** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_tab_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actiontab'

      export default () => <Icon />
      ```

    - ## Icon: **tabUnselected** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_tab_unselected_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actiontabUnselected'

      export default () => <Icon />
      ```

    - ## Icon: **theaters** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_theaters_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actiontheaters'

      export default () => <Icon />
      ```

    - ## Icon: **thumbDown** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_thumb_down_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionthumbDown'

      export default () => <Icon />
      ```

    - ## Icon: **thumbUp** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_thumb_up_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionthumbUp'

      export default () => <Icon />
      ```

    - ## Icon: **thumbsUpDown** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_thumbs_up_down_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionthumbsUpDown'

      export default () => <Icon />
      ```

    - ## Icon: **timeline** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_timeline_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actiontimeline'

      export default () => <Icon />
      ```

    - ## Icon: **toc** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_toc_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actiontoc'

      export default () => <Icon />
      ```

    - ## Icon: **today** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_today_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actiontoday'

      export default () => <Icon />
      ```

    - ## Icon: **toll** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_toll_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actiontoll'

      export default () => <Icon />
      ```

    - ## Icon: **touchApp** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_touch_app_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actiontouchApp'

      export default () => <Icon />
      ```

    - ## Icon: **trackChanges** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_track_changes_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actiontrackChanges'

      export default () => <Icon />
      ```

    - ## Icon: **translate** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_translate_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actiontranslate'

      export default () => <Icon />
      ```

    - ## Icon: **trendingDown** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_trending_down_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actiontrendingDown'

      export default () => <Icon />
      ```

    - ## Icon: **trendingFlat** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_trending_flat_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actiontrendingFlat'

      export default () => <Icon />
      ```

    - ## Icon: **trendingUp** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_trending_up_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actiontrendingUp'

      export default () => <Icon />
      ```

    - ## Icon: **turnedIn** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_turned_in_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionturnedIn'

      export default () => <Icon />
      ```

    - ## Icon: **turnedInNot** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_turned_in_not_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionturnedInNot'

      export default () => <Icon />
      ```

    - ## Icon: **update** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_update_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionupdate'

      export default () => <Icon />
      ```

    - ## Icon: **verifiedUser** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_verified_user_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionverifiedUser'

      export default () => <Icon />
      ```

    - ## Icon: **viewAgenda** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_view_agenda_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionviewAgenda'

      export default () => <Icon />
      ```

    - ## Icon: **viewArray** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_view_array_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionviewArray'

      export default () => <Icon />
      ```

    - ## Icon: **viewCarousel** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_view_carousel_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionviewCarousel'

      export default () => <Icon />
      ```

    - ## Icon: **viewColumn** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_view_column_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionviewColumn'

      export default () => <Icon />
      ```

    - ## Icon: **viewDay** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_view_day_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionviewDay'

      export default () => <Icon />
      ```

    - ## Icon: **viewHeadline** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_view_headline_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionviewHeadline'

      export default () => <Icon />
      ```

    - ## Icon: **viewList** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_view_list_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionviewList'

      export default () => <Icon />
      ```

    - ## Icon: **viewModule** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_view_module_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionviewModule'

      export default () => <Icon />
      ```

    - ## Icon: **viewQuilt** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_view_quilt_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionviewQuilt'

      export default () => <Icon />
      ```

    - ## Icon: **viewStream** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_view_stream_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionviewStream'

      export default () => <Icon />
      ```

    - ## Icon: **viewWeek** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_view_week_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionviewWeek'

      export default () => <Icon />
      ```

    - ## Icon: **visibility** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_visibility_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionvisibility'

      export default () => <Icon />
      ```

    - ## Icon: **visibilityOff** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_visibility_off_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionvisibilityOff'

      export default () => <Icon />
      ```

    - ## Icon: **watchLater** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_watch_later_black_24px.svg">

      This icon can be used as follows:

      ```js
      import Icon from '@slup/icons/actionwatchLater'

      export default () => <Icon />
      ```

    - ## Icon: **work** <img src="https://storage.googleapis.com/material-icons/external-assets/v4/icon