npm package: @rokket-labs/lsp-icons
Description: icons for leverage sales playbooks
Author: Rokket Labs
Latest version: 1.0.8

<p align="center">
  <a href="https://rokketlabs.com/" target="_blank">
    <img alt="Rokket Labs Logo" src="https://www.rokketlabs.com/assets/logos/horizontal-purple.svg" width="300">
  </a>
</p>
<h3 align="center">Icons for LeverageSalesPlaybook</h3>

## Usage

First you need to install the package, just if you have access to npm module.

```
yarn add @rokket-labs/lsp-icons
```

In case if you don't have access, pls use:

```
yarn add https://github.com/rokket-labs/lsp-icons
```

## Icons

![image](https://user-images.githubusercontent.com/37822767/120654893-1c877800-c450-11eb-9a27-d183681ee810.png)
![image](https://user-images.githubusercontent.com/37822767/120654924-2315ef80-c450-11eb-949d-23cf6384c00a.png)
![image](https://user-images.githubusercontent.com/37822767/120671736-ac80ee00-c45f-11eb-9272-d3d7efc6faff.png)
![image](https://user-images.githubusercontent.com/37822767/120688102-b65f1d00-c470-11eb-977a-6505febb6b4b.png)
![image](https://user-images.githubusercontent.com/37822767/120688133-bd862b00-c470-11eb-81ef-07e49848b381.png)
![image](https://user-images.githubusercontent.com/37822767/124289044-db9e8400-db1f-11eb-8b92-8612eb8c2465.png)
![image](https://user-images.githubusercontent.com/37822767/124289066-e48f5580-db1f-11eb-889e-4a974ffff502.png)


### List of Icons:

```
    ToolIcon,
    DocumentIcon,
    ClientIcon,
    PlaybookIcon,
    OrgchartIcon,
    DashboardIcon,
    LearnIcon,
    UsersIcon,
    SellIcon,
    PracticeIcon,
    SupportIcon,
    BookOpenIcon,
    StarIcon,
    TopicIcon,
    PictureIcon,
    UploadIcon,
    UserIcon,
    AlertIcon,
    CheckIcon,
    EyeIcon,
    TableIcon,
    ArrowForwardIcon,
    WhistleIcon,
    FlexToolIcon,
    DropdownIcon,
    BookCloseIcon,
    DeleteOutlineIcon,
    LockIcon,
    ClosePlus,
    OptionsIcon,
    EditIcon,
    StarTwoIcon,
    FlowchartIcon,
    ArrowBackIcon,
    BarIcon,
    DonutIcon,
    VideoIcon,
    TextIcon,
    ImageIcon,
    ActivityIcon,
    TextPlusIcon,
    FlexToolPlusIcon,
    ActivityPlusIcon,
    ToolPlusIcon,
    ImagePlusIcon,
    TablePlusIcon,
    OrgchartPlusIcon,
    FlowchartPlusIcon,
    CheckboxIcon,
    InfinityIcon,
    SaveIcon,
    CheckboxPlusIcon,
    DropdownPlusIcon,
    ListIcon,
    BoxIcon,
    DiagramIcon,
    DragIcon,
    DocumentBrokenIcon,
    NodeOneIcon,
    NodeTwoIcon,
    NodeThreeIcon,
    MegaphoneIcon,
    TourIcon,
    RankFiveIcon,
    RankFourIcon,
    RankThreeIcon,
    RankTwoIcon,
    RankOneIcon,
```

#### Type of icons:

```
IconProps = {
    w?: number | string
    h?: number | string
    width?: number | string
    height?: number | string
    fill?: string
    fillCircle?:string
}

NodeProps ={
 isDark: boolean
}

```

#### Import:

```
 import {PracticeIcon} from '@rokket-labs/lsp-icons'
```

#### Usage Icon example:

```
 <PracticeIcon w="40px" h="40px" fill="grey"/>
```

![image](https://user-images.githubusercontent.com/37822767/120688490-1e156800-c471-11eb-9cc8-70a2823f0a0e.png)

#### Usage Icon Plus example:

```
 <DropdownPlusIcon w="40px" h="40px" fill="grey" fillCircle="white" />
```

![image](https://user-images.githubusercontent.com/37822767/120688543-2c638400-c471-11eb-87a9-111bdc2e459c.png)

#### Usage Node example:

```
 <NodeThreeIcon isDark={false}   />
```

![image](https://user-images.githubusercontent.com/37822767/120688581-35ecec00-c471-11eb-9276-29088704bb65.png)

## Illustrations

![image](https://user-images.githubusercontent.com/37822767/120655115-55bfe800-c450-11eb-9226-6c8a41a3c564.png)
![image](https://user-images.githubusercontent.com/37822767/120674962-a04a6000-c462-11eb-8879-ac868b2057ab.png)

### List of Illustrations:

```
  DashboardIllustration,
  NotFoundIllustration,
  UnsupportedBrowserIllustration,
  ChromeIllustration,
  FirefoxIllustration,
  DashboardTwoIllustration,
  OrgchartIllustration
```

#### Import:

```
 import {DashboardIllustration} from '@rokket-labs/lsp-icons'
```

#### Usage example:

```
 <DashboardIllustration/>
```

![image](https://user-images.githubusercontent.com/37822767/120689103-bdd2f600-c471-11eb-8dad-7d47644c543c.png)

#### Usage example NotFound Illustration (manage shadows for dark mode):

```
  <NotFoundIllustration fill="gray"/>
```

![image](https://user-images.githubusercontent.com/37822767/120689139-c9262180-c471-11eb-8463-7b7a5c22c302.png)