# Icons

We use icons to enhance usability by visually communicating actions, statuses, and concepts in a compact, recognizable form. They come in sizes 16px, 20px, and 24px.

Tabs: [Overview](/graphic-elements/icons/icons.overview.md) · [Code](/graphic-elements/icons/icons.code.md) · [Design](/graphic-elements/icons/icons.design.md) · [Requests and contributions](/graphic-elements/icons/icons.requests-and-contributions.md)

Our icon set is based on [Phosphor](https://phosphoricons.com/). See our [icon style guide](/graphic-elements/icons/icons.design) for usage guidance.

- ```tsx
  import {AddApp} from '@pleo-io/telescope-icons'

  const MyComponent = () => <AddApp />
  ```

  AddApp

- ```tsx
  import {Ai} from '@pleo-io/telescope-icons'

  const MyComponent = () => <Ai />
  ```

  Ai

- ```tsx
  import {Archive} from '@pleo-io/telescope-icons'

  const MyComponent = () => <Archive />
  ```

  Archive

- ```tsx
  import {ArrowCircleLeft} from '@pleo-io/telescope-icons'

  const MyComponent = () => <ArrowCircleLeft />
  ```

  ArrowCircleLeft

- ```tsx
  import {ArrowCircleRight} from '@pleo-io/telescope-icons'

  const MyComponent = () => <ArrowCircleRight />
  ```

  ArrowCircleRight

- ```tsx
  import {ArrowDiagonalDown} from '@pleo-io/telescope-icons'

  const MyComponent = () => <ArrowDiagonalDown />
  ```

  ArrowDiagonalDown

- ```tsx
  import {ArrowDiagonalUp} from '@pleo-io/telescope-icons'

  const MyComponent = () => <ArrowDiagonalUp />
  ```

  ArrowDiagonalUp

- ```tsx
  import {ArrowDown} from '@pleo-io/telescope-icons'

  const MyComponent = () => <ArrowDown />
  ```

  ArrowDown

- ```tsx
  import {ArrowLeft} from '@pleo-io/telescope-icons'

  const MyComponent = () => <ArrowLeft />
  ```

  ArrowLeft

- ```tsx
  import {ArrowLeftRight} from '@pleo-io/telescope-icons'

  const MyComponent = () => <ArrowLeftRight />
  ```

  ArrowLeftRight

- ```tsx
  import {ArrowRight} from '@pleo-io/telescope-icons'

  const MyComponent = () => <ArrowRight />
  ```

  ArrowRight

- ```tsx
  import {ArrowUp} from '@pleo-io/telescope-icons'

  const MyComponent = () => <ArrowUp />
  ```

  ArrowUp

- ```tsx
  import {ArrowUpDown} from '@pleo-io/telescope-icons'

  const MyComponent = () => <ArrowUpDown />
  ```

  ArrowUpDown

- ```tsx
  import {ArrowsOutSimple} from '@pleo-io/telescope-icons'

  const MyComponent = () => <ArrowsOutSimple />
  ```

  ArrowsOutSimple

- ```tsx
  import {Attention} from '@pleo-io/telescope-icons'

  const MyComponent = () => <Attention />
  ```

  Attention

- ```tsx
  import {Bag} from '@pleo-io/telescope-icons'

  const MyComponent = () => <Bag />
  ```

  Bag

- ```tsx
  import {Bank} from '@pleo-io/telescope-icons'

  const MyComponent = () => <Bank />
  ```

  Bank

- ```tsx
  import {BankPlus} from '@pleo-io/telescope-icons'

  const MyComponent = () => <BankPlus />
  ```

  BankPlus

- ```tsx
  import {Bars} from '@pleo-io/telescope-icons'

  const MyComponent = () => <Bars />
  ```

  Bars

- ```tsx
  import {Bed} from '@pleo-io/telescope-icons'

  const MyComponent = () => <Bed />
  ```

  Bed

- ```tsx
  import {Bell} from '@pleo-io/telescope-icons'

  const MyComponent = () => <Bell />
  ```

  Bell

- ```tsx
  import {BellOff} from '@pleo-io/telescope-icons'

  const MyComponent = () => <BellOff />
  ```

  BellOff

- ```tsx
  import {BikeCourier} from '@pleo-io/telescope-icons'

  const MyComponent = () => <BikeCourier />
  ```

  BikeCourier

- ```tsx
  import {Bold} from '@pleo-io/telescope-icons'

  const MyComponent = () => <Bold />
  ```

  Bold

- ```tsx
  import {Box} from '@pleo-io/telescope-icons'

  const MyComponent = () => <Box />
  ```

  Box

- ```tsx
  import {BurgerMenu} from '@pleo-io/telescope-icons'

  const MyComponent = () => <BurgerMenu />
  ```

  BurgerMenu

- ```tsx
  import {Calculator} from '@pleo-io/telescope-icons'

  const MyComponent = () => <Calculator />
  ```

  Calculator

- ```tsx
  import {Calendar} from '@pleo-io/telescope-icons'

  const MyComponent = () => <Calendar />
  ```

  Calendar

- ```tsx
  import {CalendarClock} from '@pleo-io/telescope-icons'

  const MyComponent = () => <CalendarClock />
  ```

  CalendarClock

- ```tsx
  import {CalendarRange} from '@pleo-io/telescope-icons'

  const MyComponent = () => <CalendarRange />
  ```

  CalendarRange

- ```tsx
  import {CalendarToday} from '@pleo-io/telescope-icons'

  const MyComponent = () => <CalendarToday />
  ```

  CalendarToday

- ```tsx
  import {Camera} from '@pleo-io/telescope-icons'

  const MyComponent = () => <Camera />
  ```

  Camera

- ```tsx
  import {CameraPlus} from '@pleo-io/telescope-icons'

  const MyComponent = () => <CameraPlus />
  ```

  CameraPlus

- ```tsx
  import {Car} from '@pleo-io/telescope-icons'

  const MyComponent = () => <Car />
  ```

  Car

- ```tsx
  import {CashSingle} from '@pleo-io/telescope-icons'

  const MyComponent = () => <CashSingle />
  ```

  CashSingle

- ```tsx
  import {CategoryEntertainment} from '@pleo-io/telescope-icons'

  const MyComponent = () => <CategoryEntertainment />
  ```

  CategoryEntertainment

- ```tsx
  import {CategoryEquipment} from '@pleo-io/telescope-icons'

  const MyComponent = () => <CategoryEquipment />
  ```

  CategoryEquipment

- ```tsx
  import {CategoryIDontKnow} from '@pleo-io/telescope-icons'

  const MyComponent = () => <CategoryIDontKnow />
  ```

  CategoryIDontKnow

- ```tsx
  import {CategoryIDontKnow} from '@pleo-io/telescope-icons'

  const MyComponent = () => <CategoryIDontKnow />
  ```

  CategoryIDontKnow

- ```tsx
  import {CategoryMarketing} from '@pleo-io/telescope-icons'

  const MyComponent = () => <CategoryMarketing />
  ```

  CategoryMarketing

- ```tsx
  import {CategoryMealsAndDrinks} from '@pleo-io/telescope-icons'

  const MyComponent = () => <CategoryMealsAndDrinks />
  ```

  CategoryMealsAndDrinks

- ```tsx
  import {CategoryNone} from '@pleo-io/telescope-icons'

  const MyComponent = () => <CategoryNone />
  ```

  CategoryNone

- ```tsx
  import {CategoryOffice} from '@pleo-io/telescope-icons'

  const MyComponent = () => <CategoryOffice />
  ```

  CategoryOffice

- ```tsx
  import {CategoryOther} from '@pleo-io/telescope-icons'

  const MyComponent = () => <CategoryOther />
  ```

  CategoryOther

- ```tsx
  import {CategoryPhoneInternet} from '@pleo-io/telescope-icons'

  const MyComponent = () => <CategoryPhoneInternet />
  ```

  CategoryPhoneInternet

- ```tsx
  import {CategoryService} from '@pleo-io/telescope-icons'

  const MyComponent = () => <CategoryService />
  ```

  CategoryService

- ```tsx
  import {CategorySoftware} from '@pleo-io/telescope-icons'

  const MyComponent = () => <CategorySoftware />
  ```

  CategorySoftware

- ```tsx
  import {CategorySupplies} from '@pleo-io/telescope-icons'

  const MyComponent = () => <CategorySupplies />
  ```

  CategorySupplies

- ```tsx
  import {CategoryTravel} from '@pleo-io/telescope-icons'

  const MyComponent = () => <CategoryTravel />
  ```

  CategoryTravel

- ```tsx
  import {Check} from '@pleo-io/telescope-icons'

  const MyComponent = () => <Check />
  ```

  Check

- ```tsx
  import {CheckCircleFilled} from '@pleo-io/telescope-icons'

  const MyComponent = () => <CheckCircleFilled />
  ```

  CheckCircleFilled

- ```tsx
  import {CheckSmall} from '@pleo-io/telescope-icons'

  const MyComponent = () => <CheckSmall />
  ```

  CheckSmall

- ```tsx
  import {ChevronDown} from '@pleo-io/telescope-icons'

  const MyComponent = () => <ChevronDown />
  ```

  ChevronDown

- ```tsx
  import {ChevronLeft} from '@pleo-io/telescope-icons'

  const MyComponent = () => <ChevronLeft />
  ```

  ChevronLeft

- ```tsx
  import {ChevronRight} from '@pleo-io/telescope-icons'

  const MyComponent = () => <ChevronRight />
  ```

  ChevronRight

- ```tsx
  import {ChevronTripleRight} from '@pleo-io/telescope-icons'

  const MyComponent = () => <ChevronTripleRight />
  ```

  ChevronTripleRight

- ```tsx
  import {ChevronUp} from '@pleo-io/telescope-icons'

  const MyComponent = () => <ChevronUp />
  ```

  ChevronUp

- ```tsx
  import {CircleArrowDown} from '@pleo-io/telescope-icons'

  const MyComponent = () => <CircleArrowDown />
  ```

  CircleArrowDown

- ```tsx
  import {CircleArrowLeft} from '@pleo-io/telescope-icons'

  const MyComponent = () => <CircleArrowLeft />
  ```

  CircleArrowLeft

- ```tsx
  import {CircleArrowRight} from '@pleo-io/telescope-icons'

  const MyComponent = () => <CircleArrowRight />
  ```

  CircleArrowRight

- ```tsx
  import {CircleArrowUp} from '@pleo-io/telescope-icons'

  const MyComponent = () => <CircleArrowUp />
  ```

  CircleArrowUp

- ```tsx
  import {CircleCheck} from '@pleo-io/telescope-icons'

  const MyComponent = () => <CircleCheck />
  ```

  CircleCheck

- ```tsx
  import {CircleCheckInner} from '@pleo-io/telescope-icons'

  const MyComponent = () => <CircleCheckInner />
  ```

  CircleCheckInner

- ```tsx
  import {CircleClose} from '@pleo-io/telescope-icons'

  const MyComponent = () => <CircleClose />
  ```

  CircleClose

- ```tsx
  import {CircleCloseFilled} from '@pleo-io/telescope-icons'

  const MyComponent = () => <CircleCloseFilled />
  ```

  CircleCloseFilled

- ```tsx
  import {CircleCloseInner} from '@pleo-io/telescope-icons'

  const MyComponent = () => <CircleCloseInner />
  ```

  CircleCloseInner

- ```tsx
  import {CircleEmpty} from '@pleo-io/telescope-icons'

  const MyComponent = () => <CircleEmpty />
  ```

  CircleEmpty

- ```tsx
  import {CirclePlus} from '@pleo-io/telescope-icons'

  const MyComponent = () => <CirclePlus />
  ```

  CirclePlus

- ```tsx
  import {Clock} from '@pleo-io/telescope-icons'

  const MyComponent = () => <Clock />
  ```

  Clock

- ```tsx
  import {ClockFilled} from '@pleo-io/telescope-icons'

  const MyComponent = () => <ClockFilled />
  ```

  ClockFilled

- ```tsx
  import {Close} from '@pleo-io/telescope-icons'

  const MyComponent = () => <Close />
  ```

  Close

- ```tsx
  import {Coffee} from '@pleo-io/telescope-icons'

  const MyComponent = () => <Coffee />
  ```

  Coffee

- ```tsx
  import {CoffeeAlt} from '@pleo-io/telescope-icons'

  const MyComponent = () => <CoffeeAlt />
  ```

  CoffeeAlt

- ```tsx
  import {Cog} from '@pleo-io/telescope-icons'

  const MyComponent = () => <Cog />
  ```

  Cog

- ```tsx
  import {Columns} from '@pleo-io/telescope-icons'

  const MyComponent = () => <Columns />
  ```

  Columns

- ```tsx
  import {Connect} from '@pleo-io/telescope-icons'

  const MyComponent = () => <Connect />
  ```

  Connect

- ```tsx
  import {Copy} from '@pleo-io/telescope-icons'

  const MyComponent = () => <Copy />
  ```

  Copy

- ```tsx
  import {CreditCard} from '@pleo-io/telescope-icons'

  const MyComponent = () => <CreditCard />
  ```

  CreditCard

- ```tsx
  import {CreditCardPlus} from '@pleo-io/telescope-icons'

  const MyComponent = () => <CreditCardPlus />
  ```

  CreditCardPlus

- ```tsx
  import {CreditCardTemporary} from '@pleo-io/telescope-icons'

  const MyComponent = () => <CreditCardTemporary />
  ```

  CreditCardTemporary

- ```tsx
  import {Delete} from '@pleo-io/telescope-icons'

  const MyComponent = () => <Delete />
  ```

  Delete

- ```tsx
  import {DiamondEmpty} from '@pleo-io/telescope-icons'

  const MyComponent = () => <DiamondEmpty />
  ```

  DiamondEmpty

- ```tsx
  import {DiamondFull} from '@pleo-io/telescope-icons'

  const MyComponent = () => <DiamondFull />
  ```

  DiamondFull

- ```tsx
  import {DiamondHalf} from '@pleo-io/telescope-icons'

  const MyComponent = () => <DiamondHalf />
  ```

  DiamondHalf

- ```tsx
  import {Download} from '@pleo-io/telescope-icons'

  const MyComponent = () => <Download />
  ```

  Download

- ```tsx
  import {DragAndDrop} from '@pleo-io/telescope-icons'

  const MyComponent = () => <DragAndDrop />
  ```

  DragAndDrop

- ```tsx
  import {DragAndDropVertical} from '@pleo-io/telescope-icons'

  const MyComponent = () => <DragAndDropVertical />
  ```

  DragAndDropVertical

- ```tsx
  import {Email} from '@pleo-io/telescope-icons'

  const MyComponent = () => <Email />
  ```

  Email

- ```tsx
  import {EmotionDisappointed} from '@pleo-io/telescope-icons'

  const MyComponent = () => <EmotionDisappointed />
  ```

  EmotionDisappointed

- ```tsx
  import {EmotionExpressionless} from '@pleo-io/telescope-icons'

  const MyComponent = () => <EmotionExpressionless />
  ```

  EmotionExpressionless

- ```tsx
  import {EmotionHushed} from '@pleo-io/telescope-icons'

  const MyComponent = () => <EmotionHushed />
  ```

  EmotionHushed

- ```tsx
  import {EmotionSlightlySmiling} from '@pleo-io/telescope-icons'

  const MyComponent = () => <EmotionSlightlySmiling />
  ```

  EmotionSlightlySmiling

- ```tsx
  import {EmotionSmiley} from '@pleo-io/telescope-icons'

  const MyComponent = () => <EmotionSmiley />
  ```

  EmotionSmiley

- ```tsx
  import {Expenses} from '@pleo-io/telescope-icons'

  const MyComponent = () => <Expenses />
  ```

  Expenses

- ```tsx
  import {Export} from '@pleo-io/telescope-icons'

  const MyComponent = () => <Export />
  ```

  Export

- ```tsx
  import {Eye} from '@pleo-io/telescope-icons'

  const MyComponent = () => <Eye />
  ```

  Eye

- ```tsx
  import {EyeClosed} from '@pleo-io/telescope-icons'

  const MyComponent = () => <EyeClosed />
  ```

  EyeClosed

- ```tsx
  import {FaceId} from '@pleo-io/telescope-icons'

  const MyComponent = () => <FaceId />
  ```

  FaceId

- ```tsx
  import {FastFood} from '@pleo-io/telescope-icons'

  const MyComponent = () => <FastFood />
  ```

  FastFood

- ```tsx
  import {File} from '@pleo-io/telescope-icons'

  const MyComponent = () => <File />
  ```

  File

- ```tsx
  import {Filter} from '@pleo-io/telescope-icons'

  const MyComponent = () => <Filter />
  ```

  Filter

- ```tsx
  import {Fingerprint} from '@pleo-io/telescope-icons'

  const MyComponent = () => <Fingerprint />
  ```

  Fingerprint

- ```tsx
  import {Flag} from '@pleo-io/telescope-icons'

  const MyComponent = () => <Flag />
  ```

  Flag

- ```tsx
  import {FlashCircle} from '@pleo-io/telescope-icons'

  const MyComponent = () => <FlashCircle />
  ```

  FlashCircle

- ```tsx
  import {FlashOff} from '@pleo-io/telescope-icons'

  const MyComponent = () => <FlashOff />
  ```

  FlashOff

- ```tsx
  import {FlashOn} from '@pleo-io/telescope-icons'

  const MyComponent = () => <FlashOn />
  ```

  FlashOn

- ```tsx
  import {Folder} from '@pleo-io/telescope-icons'

  const MyComponent = () => <Folder />
  ```

  Folder

- ```tsx
  import {Gallery} from '@pleo-io/telescope-icons'

  const MyComponent = () => <Gallery />
  ```

  Gallery

- ```tsx
  import {GalleryAlt} from '@pleo-io/telescope-icons'

  const MyComponent = () => <GalleryAlt />
  ```

  GalleryAlt

- ```tsx
  import {Globe} from '@pleo-io/telescope-icons'

  const MyComponent = () => <Globe />
  ```

  Globe

- ```tsx
  import {Heart} from '@pleo-io/telescope-icons'

  const MyComponent = () => <Heart />
  ```

  Heart

- ```tsx
  import {Help} from '@pleo-io/telescope-icons'

  const MyComponent = () => <Help />
  ```

  Help

- ```tsx
  import {HighFive} from '@pleo-io/telescope-icons'

  const MyComponent = () => <HighFive />
  ```

  HighFive

- ```tsx
  import {History} from '@pleo-io/telescope-icons'

  const MyComponent = () => <History />
  ```

  History

- ```tsx
  import {Home} from '@pleo-io/telescope-icons'

  const MyComponent = () => <Home />
  ```

  Home

- ```tsx
  import {HomeFilled} from '@pleo-io/telescope-icons'

  const MyComponent = () => <HomeFilled />
  ```

  HomeFilled

- ```tsx
  import {Inbox} from '@pleo-io/telescope-icons'

  const MyComponent = () => <Inbox />
  ```

  Inbox

- ```tsx
  import {Info} from '@pleo-io/telescope-icons'

  const MyComponent = () => <Info />
  ```

  Info

- ```tsx
  import {Italic} from '@pleo-io/telescope-icons'

  const MyComponent = () => <Italic />
  ```

  Italic

- ```tsx
  import {Key} from '@pleo-io/telescope-icons'

  const MyComponent = () => <Key />
  ```

  Key

- ```tsx
  import {Lightbulb} from '@pleo-io/telescope-icons'

  const MyComponent = () => <Lightbulb />
  ```

  Lightbulb

- ```tsx
  import {Link} from '@pleo-io/telescope-icons'

  const MyComponent = () => <Link />
  ```

  Link

- ```tsx
  import {LinkSlash} from '@pleo-io/telescope-icons'

  const MyComponent = () => <LinkSlash />
  ```

  LinkSlash

- ```tsx
  import {List} from '@pleo-io/telescope-icons'

  const MyComponent = () => <List />
  ```

  List

- ```tsx
  import {ListNumbered} from '@pleo-io/telescope-icons'

  const MyComponent = () => <ListNumbered />
  ```

  ListNumbered

- ```tsx
  import {Lock} from '@pleo-io/telescope-icons'

  const MyComponent = () => <Lock />
  ```

  Lock

- ```tsx
  import {LockOpen} from '@pleo-io/telescope-icons'

  const MyComponent = () => <LockOpen />
  ```

  LockOpen

- ```tsx
  import {LockReset} from '@pleo-io/telescope-icons'

  const MyComponent = () => <LockReset />
  ```

  LockReset

- ```tsx
  import {Login} from '@pleo-io/telescope-icons'

  const MyComponent = () => <Login />
  ```

  Login

- ```tsx
  import {Logout} from '@pleo-io/telescope-icons'

  const MyComponent = () => <Logout />
  ```

  Logout

- ```tsx
  import {Minus} from '@pleo-io/telescope-icons'

  const MyComponent = () => <Minus />
  ```

  Minus

- ```tsx
  import {MinusCircle} from '@pleo-io/telescope-icons'

  const MyComponent = () => <MinusCircle />
  ```

  MinusCircle

- ```tsx
  import {Negative} from '@pleo-io/telescope-icons'

  const MyComponent = () => <Negative />
  ```

  Negative

- ```tsx
  import {Network} from '@pleo-io/telescope-icons'

  const MyComponent = () => <Network />
  ```

  Network

- ```tsx
  import {NewTab} from '@pleo-io/telescope-icons'

  const MyComponent = () => <NewTab />
  ```

  NewTab

- ```tsx
  import {Office} from '@pleo-io/telescope-icons'

  const MyComponent = () => <Office />
  ```

  Office

- ```tsx
  import {Options} from '@pleo-io/telescope-icons'

  const MyComponent = () => <Options />
  ```

  Options

- ```tsx
  import {Pause} from '@pleo-io/telescope-icons'

  const MyComponent = () => <Pause />
  ```

  Pause

- ```tsx
  import {PauseCircle} from '@pleo-io/telescope-icons'

  const MyComponent = () => <PauseCircle />
  ```

  PauseCircle

- ```tsx
  import {Pen} from '@pleo-io/telescope-icons'

  const MyComponent = () => <Pen />
  ```

  Pen

- ```tsx
  import {PenUnderline} from '@pleo-io/telescope-icons'

  const MyComponent = () => <PenUnderline />
  ```

  PenUnderline

- ```tsx
  import {PerDiem} from '@pleo-io/telescope-icons'

  const MyComponent = () => <PerDiem />
  ```

  PerDiem

- ```tsx
  import {Pin} from '@pleo-io/telescope-icons'

  const MyComponent = () => <Pin />
  ```

  Pin

- ```tsx
  import {Play} from '@pleo-io/telescope-icons'

  const MyComponent = () => <Play />
  ```

  Play

- ```tsx
  import {PlayCircle} from '@pleo-io/telescope-icons'

  const MyComponent = () => <PlayCircle />
  ```

  PlayCircle

- ```tsx
  import {Plus} from '@pleo-io/telescope-icons'

  const MyComponent = () => <Plus />
  ```

  Plus

- ```tsx
  import {PlusCircleFilled} from '@pleo-io/telescope-icons'

  const MyComponent = () => <PlusCircleFilled />
  ```

  PlusCircleFilled

- ```tsx
  import {Pocket} from '@pleo-io/telescope-icons'

  const MyComponent = () => <Pocket />
  ```

  Pocket

- ```tsx
  import {Puzzle} from '@pleo-io/telescope-icons'

  const MyComponent = () => <Puzzle />
  ```

  Puzzle

- ```tsx
  import {RaisedHand} from '@pleo-io/telescope-icons'

  const MyComponent = () => <RaisedHand />
  ```

  RaisedHand

- ```tsx
  import {Receipt} from '@pleo-io/telescope-icons'

  const MyComponent = () => <Receipt />
  ```

  Receipt

- ```tsx
  import {ReceiptCheck} from '@pleo-io/telescope-icons'

  const MyComponent = () => <ReceiptCheck />
  ```

  ReceiptCheck

- ```tsx
  import {ReceiptCross} from '@pleo-io/telescope-icons'

  const MyComponent = () => <ReceiptCross />
  ```

  ReceiptCross

- ```tsx
  import {ReceiptPlus} from '@pleo-io/telescope-icons'

  const MyComponent = () => <ReceiptPlus />
  ```

  ReceiptPlus

- ```tsx
  import {Reimburse} from '@pleo-io/telescope-icons'

  const MyComponent = () => <Reimburse />
  ```

  Reimburse

- ```tsx
  import {Rocket} from '@pleo-io/telescope-icons'

  const MyComponent = () => <Rocket />
  ```

  Rocket

- ```tsx
  import {Sandwich} from '@pleo-io/telescope-icons'

  const MyComponent = () => <Sandwich />
  ```

  Sandwich

- ```tsx
  import {Search} from '@pleo-io/telescope-icons'

  const MyComponent = () => <Search />
  ```

  Search

- ```tsx
  import {SendMoney} from '@pleo-io/telescope-icons'

  const MyComponent = () => <SendMoney />
  ```

  SendMoney

- ```tsx
  import {Share} from '@pleo-io/telescope-icons'

  const MyComponent = () => <Share />
  ```

  Share

- ```tsx
  import {Shield} from '@pleo-io/telescope-icons'

  const MyComponent = () => <Shield />
  ```

  Shield

- ```tsx
  import {ShieldLock} from '@pleo-io/telescope-icons'

  const MyComponent = () => <ShieldLock />
  ```

  ShieldLock

- ```tsx
  import {ShoppingBag} from '@pleo-io/telescope-icons'

  const MyComponent = () => <ShoppingBag />
  ```

  ShoppingBag

- ```tsx
  import {Snowflake} from '@pleo-io/telescope-icons'

  const MyComponent = () => <Snowflake />
  ```

  Snowflake

- ```tsx
  import {SpeechBubble} from '@pleo-io/telescope-icons'

  const MyComponent = () => <SpeechBubble />
  ```

  SpeechBubble

- ```tsx
  import {SpeechBubbleFilled} from '@pleo-io/telescope-icons'

  const MyComponent = () => <SpeechBubbleFilled />
  ```

  SpeechBubbleFilled

- ```tsx
  import {Spinner} from '@pleo-io/telescope-icons'

  const MyComponent = () => <Spinner />
  ```

  Spinner

- ```tsx
  import {Spreadsheet} from '@pleo-io/telescope-icons'

  const MyComponent = () => <Spreadsheet />
  ```

  Spreadsheet

- ```tsx
  import {Store} from '@pleo-io/telescope-icons'

  const MyComponent = () => <Store />
  ```

  Store

- ```tsx
  import {Swap} from '@pleo-io/telescope-icons'

  const MyComponent = () => <Swap />
  ```

  Swap

- ```tsx
  import {Tag} from '@pleo-io/telescope-icons'

  const MyComponent = () => <Tag />
  ```

  Tag

- ```tsx
  import {Team} from '@pleo-io/telescope-icons'

  const MyComponent = () => <Team />
  ```

  Team

- ```tsx
  import {ThumbDown} from '@pleo-io/telescope-icons'

  const MyComponent = () => <ThumbDown />
  ```

  ThumbDown

- ```tsx
  import {ThumbUp} from '@pleo-io/telescope-icons'

  const MyComponent = () => <ThumbUp />
  ```

  ThumbUp

- ```tsx
  import {Trash} from '@pleo-io/telescope-icons'

  const MyComponent = () => <Trash />
  ```

  Trash

- ```tsx
  import {TrashClock} from '@pleo-io/telescope-icons'

  const MyComponent = () => <TrashClock />
  ```

  TrashClock

- ```tsx
  import {Truck} from '@pleo-io/telescope-icons'

  const MyComponent = () => <Truck />
  ```

  Truck

- ```tsx
  import {Upload} from '@pleo-io/telescope-icons'

  const MyComponent = () => <Upload />
  ```

  Upload

- ```tsx
  import {User} from '@pleo-io/telescope-icons'

  const MyComponent = () => <User />
  ```

  User

- ```tsx
  import {UserCog} from '@pleo-io/telescope-icons'

  const MyComponent = () => <UserCog />
  ```

  UserCog

- ```tsx
  import {UserPlus} from '@pleo-io/telescope-icons'

  const MyComponent = () => <UserPlus />
  ```

  UserPlus

- ```tsx
  import {UserPlusAlt} from '@pleo-io/telescope-icons'

  const MyComponent = () => <UserPlusAlt />
  ```

  UserPlusAlt

- ```tsx
  import {UserSecurity} from '@pleo-io/telescope-icons'

  const MyComponent = () => <UserSecurity />
  ```

  UserSecurity

- ```tsx
  import {Wallet} from '@pleo-io/telescope-icons'

  const MyComponent = () => <Wallet />
  ```

  Wallet

- ```tsx
  import {Wand} from '@pleo-io/telescope-icons'

  const MyComponent = () => <Wand />
  ```

  Wand

- ```tsx
  import {Warning} from '@pleo-io/telescope-icons'

  const MyComponent = () => <Warning />
  ```

  Warning

- ```tsx
  import {Wine} from '@pleo-io/telescope-icons'

  const MyComponent = () => <Wine />
  ```

  Wine