@rokket-labs/lsp-icons

icons for leverage sales playbooks

Usage no npm install needed!

<script type="module">
  import rokketLabsLspIcons from 'https://cdn.skypack.dev/@rokket-labs/lsp-icons';
</script>

README

Rokket Labs Logo

Icons for LeverageSalesPlaybook

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 image image image image image image

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

Usage Icon Plus example:

 <DropdownPlusIcon w="40px" h="40px" fill="grey" fillCircle="white" />

image

Usage Node example:

 <NodeThreeIcon isDark={false}   />

image

Illustrations

image image

List of Illustrations:

  DashboardIllustration,
  NotFoundIllustration,
  UnsupportedBrowserIllustration,
  ChromeIllustration,
  FirefoxIllustration,
  DashboardTwoIllustration,
  OrgchartIllustration

Import:

 import {DashboardIllustration} from '@rokket-labs/lsp-icons'

Usage example:

 <DashboardIllustration/>

image

Usage example NotFound Illustration (manage shadows for dark mode):

  <NotFoundIllustration fill="gray"/>

image