@toptal/picasso-icons 1.8.2-alpha-BILL-5689-fix-reset-button-on-input-e048b5d95.15 → 1.8.2-alpha-PF-195-add-sidebar-icons-cffaeb9bc.18

package/src/Icon/PendingQueue24.tsx

@@ -0,0 +1,61 @@
+import type { Ref } from 'react'
+import React, { forwardRef } from 'react'
+import cx from 'classnames'
+import { makeStyles } from '@material-ui/core/styles'
+import type { StandardProps } from '@toptal/picasso-shared'
+import { kebabToCamelCase } from '@toptal/picasso-utils'
+
+import styles from './styles'
+const BASE_SIZE = 24
+
+type ScaleType = 1 | 2 | 3 | 4
+export interface Props extends StandardProps {
+  scale?: ScaleType
+  color?: string
+  base?: number
+}
+const useStyles = makeStyles(styles, {
+  name: 'PicassoSvgPendingQueue24',
+})
+const SvgPendingQueue24 = forwardRef(function SvgPendingQueue24(
+  props: Props,
+  ref: Ref<SVGSVGElement>
+) {
+  const {
+    className,
+    style = {},
+    color,
+    scale,
+    base,
+    'data-testid': testId,
+  } = props
+  const classes: Record<string, string> = useStyles(props)
+  const classNames = [classes.root, className]
+  const scaledSize = base || BASE_SIZE * Math.ceil(scale || 1)
+  const colorClassName = kebabToCamelCase(`${color}`)
+
+  if (classes[colorClassName]) {
+    classNames.push(classes[colorClassName])
+  }
+
+  const svgStyle = {
+    minWidth: `${scaledSize}px`,
+    minHeight: `${scaledSize}px`,
+    ...style,
+  }
+
+  return (
+    <svg
+      viewBox='0 0 24 24'
+      className={cx(...classNames)}
+      style={svgStyle}
+      ref={ref}
+      data-testid={testId}
+    >
+      <path d='M15 19h3.98c-1.88 2.51-4.8 4-7.98 4-5.51 0-10-4.49-10-10 0-.8.1-1.61.29-2.38l-.97-.24C.11 11.23.01 12.11.01 13c0 6.07 4.93 11 11 11 3.63 0 6.94-1.76 9-4.71V24h1v-6h-6v1Zm-8-6c0-1.1-.9-2-2-2s-2 .9-2 2 .9 2 2 2 2-.9 2-2Zm-3 0c0-.55.45-1 1-1s1 .45 1 1-.45 1-1 1-1-.45-1-1Zm9 0c0-1.1-.9-2-2-2s-2 .9-2 2 .9 2 2 2 2-.9 2-2Zm-3 0c0-.55.45-1 1-1s1 .45 1 1-.45 1-1 1-1-.45-1-1Zm9 0c0-1.1-.9-2-2-2s-2 .9-2 2 .9 2 2 2 2-.9 2-2Zm-3 0c0-.55.45-1 1-1s1 .45 1 1-.45 1-1 1-1-.45-1-1ZM11 2C7.94 2 5.08 3.26 3 5.47V1H2v6h6V6H3.86C5.73 4.08 8.28 3 11 3c5.51 0 10 4.49 10 10 0 .8-.1 1.61-.29 2.38l.97.24c.21-.85.31-1.73.31-2.62 0-6.07-4.93-11-11-11Z' />
+    </svg>
+  )
+})
+
+SvgPendingQueue24.displayName = 'SvgPendingQueue24'
+export default SvgPendingQueue24

package/src/Icon/PendingQueueResponsive.tsx

@@ -0,0 +1,19 @@
+import { useScreens } from '@toptal/picasso-provider'
+import React from 'react'
+
+import PendingQueue16 from './PendingQueue16'
+import PendingQueue24 from './PendingQueue24'
+import type { Props } from './PendingQueue16'
+
+const PendingQueueResponsive = (props: Props) => {
+  const screens = useScreens()
+
+  return screens(
+    {
+      xl: <PendingQueue16 {...props} />,
+    },
+    <PendingQueue24 {...props} />
+  ) as JSX.Element
+}
+
+export default PendingQueueResponsive

package/src/Icon/Playbook16.tsx

@@ -0,0 +1,61 @@
+import type { Ref } from 'react'
+import React, { forwardRef } from 'react'
+import cx from 'classnames'
+import { makeStyles } from '@material-ui/core/styles'
+import type { StandardProps } from '@toptal/picasso-shared'
+import { kebabToCamelCase } from '@toptal/picasso-utils'
+
+import styles from './styles'
+const BASE_SIZE = 16
+
+type ScaleType = 1 | 2 | 3 | 4
+export interface Props extends StandardProps {
+  scale?: ScaleType
+  color?: string
+  base?: number
+}
+const useStyles = makeStyles(styles, {
+  name: 'PicassoSvgPlaybook16',
+})
+const SvgPlaybook16 = forwardRef(function SvgPlaybook16(
+  props: Props,
+  ref: Ref<SVGSVGElement>
+) {
+  const {
+    className,
+    style = {},
+    color,
+    scale,
+    base,
+    'data-testid': testId,
+  } = props
+  const classes: Record<string, string> = useStyles(props)
+  const classNames = [classes.root, className]
+  const scaledSize = base || BASE_SIZE * Math.ceil(scale || 1)
+  const colorClassName = kebabToCamelCase(`${color}`)
+
+  if (classes[colorClassName]) {
+    classNames.push(classes[colorClassName])
+  }
+
+  const svgStyle = {
+    minWidth: `${scaledSize}px`,
+    minHeight: `${scaledSize}px`,
+    ...style,
+  }
+
+  return (
+    <svg
+      viewBox='0 0 16 16'
+      className={cx(...classNames)}
+      style={svgStyle}
+      ref={ref}
+      data-testid={testId}
+    >
+      <path d='M15.8 12.61 10 7.38V11h-.84c-.42 0-.82.12-1.16.32V4c0-1.33.67-2 1.5-2H14v8h1V1H9.5c-.82 0-1.54.39-2 1-.46-.61-1.18-1-2-1H0v11h5.5c.83 0 1.5.67 1.5 2h1c0-1.33.67-2 1.5-2h.5v3.28l2.46-1.14.68 1.52.91-.41-.68-1.54 2.43-1.12ZM7 11.73c-.43-.45-1.02-.73-1.68-.73H1V2h4.5C6.33 2 7 2.67 7 4v7.73Zm4 1.99V9.63l3 2.71-3 1.39Z' />
+    </svg>
+  )
+})
+
+SvgPlaybook16.displayName = 'SvgPlaybook16'
+export default SvgPlaybook16

package/src/Icon/Playbook24.tsx

@@ -0,0 +1,61 @@
+import type { Ref } from 'react'
+import React, { forwardRef } from 'react'
+import cx from 'classnames'
+import { makeStyles } from '@material-ui/core/styles'
+import type { StandardProps } from '@toptal/picasso-shared'
+import { kebabToCamelCase } from '@toptal/picasso-utils'
+
+import styles from './styles'
+const BASE_SIZE = 24
+
+type ScaleType = 1 | 2 | 3 | 4
+export interface Props extends StandardProps {
+  scale?: ScaleType
+  color?: string
+  base?: number
+}
+const useStyles = makeStyles(styles, {
+  name: 'PicassoSvgPlaybook24',
+})
+const SvgPlaybook24 = forwardRef(function SvgPlaybook24(
+  props: Props,
+  ref: Ref<SVGSVGElement>
+) {
+  const {
+    className,
+    style = {},
+    color,
+    scale,
+    base,
+    'data-testid': testId,
+  } = props
+  const classes: Record<string, string> = useStyles(props)
+  const classNames = [classes.root, className]
+  const scaledSize = base || BASE_SIZE * Math.ceil(scale || 1)
+  const colorClassName = kebabToCamelCase(`${color}`)
+
+  if (classes[colorClassName]) {
+    classNames.push(classes[colorClassName])
+  }
+
+  const svgStyle = {
+    minWidth: `${scaledSize}px`,
+    minHeight: `${scaledSize}px`,
+    ...style,
+  }
+
+  return (
+    <svg
+      viewBox='0 0 24 24'
+      className={cx(...classNames)}
+      style={svgStyle}
+      ref={ref}
+      data-testid={testId}
+    >
+      <path d='M23.44 18.64 15 11.41V17h-.36c-1.04 0-1.97.42-2.64 1.1V5.5C12 4.12 13.18 3 14.64 3h7.34v12h1V2h-8.34c-1.33 0-2.5.7-3.14 1.73A3.673 3.673 0 0 0 8.36 2H.02v16h8.34C9.81 18 11 19.12 11 20.5h1c0-1.38 1.18-2.5 2.64-2.5H15v4.26l3.72-1.59 1.22 2.74.91-.41-1.21-2.73 3.8-1.63ZM11 18.1c-.66-.67-1.6-1.1-2.64-1.1H1.02V3h7.34C9.81 3 11 4.12 11 5.5v12.6Zm5 2.64v-7.15l5.56 4.77L16 20.74Z' />
+    </svg>
+  )
+})
+
+SvgPlaybook24.displayName = 'SvgPlaybook24'
+export default SvgPlaybook24

package/src/Icon/PlaybookResponsive.tsx

@@ -0,0 +1,19 @@
+import { useScreens } from '@toptal/picasso-provider'
+import React from 'react'
+
+import Playbook16 from './Playbook16'
+import Playbook24 from './Playbook24'
+import type { Props } from './Playbook16'
+
+const PlaybookResponsive = (props: Props) => {
+  const screens = useScreens()
+
+  return screens(
+    {
+      xl: <Playbook16 {...props} />,
+    },
+    <Playbook24 {...props} />
+  ) as JSX.Element
+}
+
+export default PlaybookResponsive

package/src/Icon/ReferralPartners16.tsx

@@ -0,0 +1,61 @@
+import type { Ref } from 'react'
+import React, { forwardRef } from 'react'
+import cx from 'classnames'
+import { makeStyles } from '@material-ui/core/styles'
+import type { StandardProps } from '@toptal/picasso-shared'
+import { kebabToCamelCase } from '@toptal/picasso-utils'
+
+import styles from './styles'
+const BASE_SIZE = 16
+
+type ScaleType = 1 | 2 | 3 | 4
+export interface Props extends StandardProps {
+  scale?: ScaleType
+  color?: string
+  base?: number
+}
+const useStyles = makeStyles(styles, {
+  name: 'PicassoSvgReferralPartners16',
+})
+const SvgReferralPartners16 = forwardRef(function SvgReferralPartners16(
+  props: Props,
+  ref: Ref<SVGSVGElement>
+) {
+  const {
+    className,
+    style = {},
+    color,
+    scale,
+    base,
+    'data-testid': testId,
+  } = props
+  const classes: Record<string, string> = useStyles(props)
+  const classNames = [classes.root, className]
+  const scaledSize = base || BASE_SIZE * Math.ceil(scale || 1)
+  const colorClassName = kebabToCamelCase(`${color}`)
+
+  if (classes[colorClassName]) {
+    classNames.push(classes[colorClassName])
+  }
+
+  const svgStyle = {
+    minWidth: `${scaledSize}px`,
+    minHeight: `${scaledSize}px`,
+    ...style,
+  }
+
+  return (
+    <svg
+      viewBox='0 0 16 16'
+      className={cx(...classNames)}
+      style={svgStyle}
+      ref={ref}
+      data-testid={testId}
+    >
+      <path d='M5.75 5.42C6.5 4.87 7 3.99 7 3c0-1.65-1.35-3-3-3S1 1.35 1 3c0 1 .49 1.88 1.25 2.42C.93 6.07 0 7.42 0 9h1c0-1.65 1.35-3 3-3s3 1.35 3 3h1c0-1.57-.92-2.92-2.25-3.58ZM4 5c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2Zm9.75 7.42C14.5 11.87 15 10.99 15 10c0-1.65-1.35-3-3-3s-3 1.35-3 3c0 1 .49 1.88 1.25 2.42C8.93 13.07 8 14.42 8 16h1c0-1.65 1.35-3 3-3s3 1.35 3 3h1c0-1.57-.92-2.92-2.25-3.58ZM12 12c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2Zm-9-1H2v3h5v-1H3v-2zm10-6h1V2H9v1h4v2z' />
+    </svg>
+  )
+})
+
+SvgReferralPartners16.displayName = 'SvgReferralPartners16'
+export default SvgReferralPartners16

package/src/Icon/ReferralPartners24.tsx

@@ -0,0 +1,61 @@
+import type { Ref } from 'react'
+import React, { forwardRef } from 'react'
+import cx from 'classnames'
+import { makeStyles } from '@material-ui/core/styles'
+import type { StandardProps } from '@toptal/picasso-shared'
+import { kebabToCamelCase } from '@toptal/picasso-utils'
+
+import styles from './styles'
+const BASE_SIZE = 24
+
+type ScaleType = 1 | 2 | 3 | 4
+export interface Props extends StandardProps {
+  scale?: ScaleType
+  color?: string
+  base?: number
+}
+const useStyles = makeStyles(styles, {
+  name: 'PicassoSvgReferralPartners24',
+})
+const SvgReferralPartners24 = forwardRef(function SvgReferralPartners24(
+  props: Props,
+  ref: Ref<SVGSVGElement>
+) {
+  const {
+    className,
+    style = {},
+    color,
+    scale,
+    base,
+    'data-testid': testId,
+  } = props
+  const classes: Record<string, string> = useStyles(props)
+  const classNames = [classes.root, className]
+  const scaledSize = base || BASE_SIZE * Math.ceil(scale || 1)
+  const colorClassName = kebabToCamelCase(`${color}`)
+
+  if (classes[colorClassName]) {
+    classNames.push(classes[colorClassName])
+  }
+
+  const svgStyle = {
+    minWidth: `${scaledSize}px`,
+    minHeight: `${scaledSize}px`,
+    ...style,
+  }
+
+  return (
+    <svg
+      viewBox='0 0 24 24'
+      className={cx(...classNames)}
+      style={svgStyle}
+      ref={ref}
+      data-testid={testId}
+    >
+      <path d='M20.1 18.39c1.13-.71 1.9-1.96 1.9-3.39 0-2.21-1.79-4-4-4s-4 1.79-4 4c0 1.43.76 2.68 1.9 3.39-2.27.85-3.9 3.04-3.9 5.61h1c0-2.76 2.24-5 5-5s5 2.24 5 5h1c0-2.57-1.62-4.76-3.9-5.61ZM15 15c0-1.65 1.35-3 3-3s3 1.35 3 3-1.35 3-3 3-3-1.35-3-3ZM8.1 7.39C9.23 6.68 10 5.43 10 4c0-2.21-1.79-4-4-4S2 1.79 2 4c0 1.43.76 2.68 1.9 3.39C1.63 8.24 0 10.43 0 13h1c0-2.76 2.24-5 5-5s5 2.24 5 5h1c0-2.57-1.62-4.76-3.9-5.61ZM3 4c0-1.65 1.35-3 3-3s3 1.35 3 3-1.35 3-3 3-3-1.35-3-3Zm1 13H3v4h7v-1H4v-3zM20 7h1V3h-8v1h7v3z' />
+    </svg>
+  )
+})
+
+SvgReferralPartners24.displayName = 'SvgReferralPartners24'
+export default SvgReferralPartners24

package/src/Icon/ReferralPartnersResponsive.tsx

@@ -0,0 +1,19 @@
+import { useScreens } from '@toptal/picasso-provider'
+import React from 'react'
+
+import ReferralPartners16 from './ReferralPartners16'
+import ReferralPartners24 from './ReferralPartners24'
+import type { Props } from './ReferralPartners16'
+
+const ReferralPartnersResponsive = (props: Props) => {
+  const screens = useScreens()
+
+  return screens(
+    {
+      xl: <ReferralPartners16 {...props} />,
+    },
+    <ReferralPartners24 {...props} />
+  ) as JSX.Element
+}
+
+export default ReferralPartnersResponsive

package/src/Icon/index.ts

@@ -98,6 +98,10 @@ export { default as Code16 } from './Code16'
 export { default as Code24 } from './Code24'
 export { default as CodeBlock16 } from './CodeBlock16'
 export { default as CodeBlock24 } from './CodeBlock24'
+export { default as Collapse16 } from './Collapse16'
+export { default as Collapse24 } from './Collapse24'
+export { default as CommandKey16 } from './CommandKey16'
+export { default as CommandKey24 } from './CommandKey24'
 export { default as Commission16 } from './Commission16'
 export { default as Commission24 } from './Commission24'
 export { default as Company16 } from './Company16'
@@ -147,6 +151,8 @@ export { default as Exclamation16 } from './Exclamation16'
 export { default as Exclamation24 } from './Exclamation24'
 export { default as ExclamationSolid16 } from './ExclamationSolid16'
 export { default as ExclamationSolid24 } from './ExclamationSolid24'
+export { default as Expand16 } from './Expand16'
+export { default as Expand24 } from './Expand24'
 export { default as Eye16 } from './Eye16'
 export { default as Eye24 } from './Eye24'
 export { default as EyeHidden16 } from './EyeHidden16'
@@ -216,6 +222,8 @@ export { default as Linkedin16 } from './Linkedin16'
 export { default as Linkedin24 } from './Linkedin24'
 export { default as ListOrdered24 } from './ListOrdered24'
 export { default as ListUnordered24 } from './ListUnordered24'
+export { default as Location16 } from './Location16'
+export { default as Location24 } from './Location24'
 export { default as Lock16 } from './Lock16'
 export { default as Lock24 } from './Lock24'
 export { default as Logo } from './Logo'
@@ -247,6 +255,8 @@ export { default as Night16 } from './Night16'
 export { default as Night24 } from './Night24'
 export { default as NumericalAnalysis16 } from './NumericalAnalysis16'
 export { default as NumericalAnalysis24 } from './NumericalAnalysis24'
+export { default as Objective16 } from './Objective16'
+export { default as Objective24 } from './Objective24'
 export { default as Okr16 } from './Okr16'
 export { default as Okr24 } from './Okr24'
 export { default as Overlap16 } from './Overlap16'
@@ -267,6 +277,8 @@ export { default as PauseSolid16 } from './PauseSolid16'
 export { default as PauseSolid24 } from './PauseSolid24'
 export { default as Pencil16 } from './Pencil16'
 export { default as Pencil24 } from './Pencil24'
+export { default as PendingQueue16 } from './PendingQueue16'
+export { default as PendingQueue24 } from './PendingQueue24'
 export { default as Performance16 } from './Performance16'
 export { default as Performance24 } from './Performance24'
 export { default as Phone16 } from './Phone16'
@@ -281,6 +293,8 @@ export { default as PinSolid16 } from './PinSolid16'
 export { default as PinSolid24 } from './PinSolid24'
 export { default as PlaySolid16 } from './PlaySolid16'
 export { default as PlaySolid24 } from './PlaySolid24'
+export { default as Playbook16 } from './Playbook16'
+export { default as Playbook24 } from './Playbook24'
 export { default as Player16 } from './Player16'
 export { default as Player24 } from './Player24'
 export { default as Plus16 } from './Plus16'
@@ -319,6 +333,8 @@ export { default as ReferralBonus16 } from './ReferralBonus16'
 export { default as ReferralBonus24 } from './ReferralBonus24'
 export { default as ReferralDashboard16 } from './ReferralDashboard16'
 export { default as ReferralDashboard24 } from './ReferralDashboard24'
+export { default as ReferralPartners16 } from './ReferralPartners16'
+export { default as ReferralPartners24 } from './ReferralPartners24'
 export { default as Referrals16 } from './Referrals16'
 export { default as Referrals24 } from './Referrals24'
 export { default as Report16 } from './Report16'
@@ -487,6 +503,8 @@ export { default as CloseResponsive } from './CloseResponsive'
 export { default as CloseMinorResponsive } from './CloseMinorResponsive'
 export { default as CodeResponsive } from './CodeResponsive'
 export { default as CodeBlockResponsive } from './CodeBlockResponsive'
+export { default as CollapseResponsive } from './CollapseResponsive'
+export { default as CommandKeyResponsive } from './CommandKeyResponsive'
 export { default as CommissionResponsive } from './CommissionResponsive'
 export { default as CompanyResponsive } from './CompanyResponsive'
 export { default as ComponentResponsive } from './ComponentResponsive'
@@ -511,6 +529,7 @@ export { default as EmployeeResponsive } from './EmployeeResponsive'
 export { default as EveningResponsive } from './EveningResponsive'
 export { default as ExclamationResponsive } from './ExclamationResponsive'
 export { default as ExclamationSolidResponsive } from './ExclamationSolidResponsive'
+export { default as ExpandResponsive } from './ExpandResponsive'
 export { default as EyeResponsive } from './EyeResponsive'
 export { default as EyeHiddenResponsive } from './EyeHiddenResponsive'
 export { default as FacebookResponsive } from './FacebookResponsive'
@@ -544,6 +563,7 @@ export { default as LegalInfoResponsive } from './LegalInfoResponsive'
 export { default as LengthResponsive } from './LengthResponsive'
 export { default as LinkResponsive } from './LinkResponsive'
 export { default as LinkedinResponsive } from './LinkedinResponsive'
+export { default as LocationResponsive } from './LocationResponsive'
 export { default as LockResponsive } from './LockResponsive'
 export { default as MessageResponsive } from './MessageResponsive'
 export { default as MicrophoneOffResponsive } from './MicrophoneOffResponsive'
@@ -558,6 +578,7 @@ export { default as NewResponsive } from './NewResponsive'
 export { default as NewCandidateResponsive } from './NewCandidateResponsive'
 export { default as NightResponsive } from './NightResponsive'
 export { default as NumericalAnalysisResponsive } from './NumericalAnalysisResponsive'
+export { default as ObjectiveResponsive } from './ObjectiveResponsive'
 export { default as OkrResponsive } from './OkrResponsive'
 export { default as OverlapResponsive } from './OverlapResponsive'
 export { default as OverviewResponsive } from './OverviewResponsive'
@@ -568,6 +589,7 @@ export { default as ParticipantsResponsive } from './ParticipantsResponsive'
 export { default as PauseResponsive } from './PauseResponsive'
 export { default as PauseSolidResponsive } from './PauseSolidResponsive'
 export { default as PencilResponsive } from './PencilResponsive'
+export { default as PendingQueueResponsive } from './PendingQueueResponsive'
 export { default as PerformanceResponsive } from './PerformanceResponsive'
 export { default as PhoneResponsive } from './PhoneResponsive'
 export { default as PhoneDownResponsive } from './PhoneDownResponsive'
@@ -575,6 +597,7 @@ export { default as PieChartResponsive } from './PieChartResponsive'
 export { default as PinResponsive } from './PinResponsive'
 export { default as PinSolidResponsive } from './PinSolidResponsive'
 export { default as PlaySolidResponsive } from './PlaySolidResponsive'
+export { default as PlaybookResponsive } from './PlaybookResponsive'
 export { default as PlayerResponsive } from './PlayerResponsive'
 export { default as PlusResponsive } from './PlusResponsive'
 export { default as PodResponsive } from './PodResponsive'
@@ -594,6 +617,7 @@ export { default as RankTwoResponsive } from './RankTwoResponsive'
 export { default as ReferralResponsive } from './ReferralResponsive'
 export { default as ReferralBonusResponsive } from './ReferralBonusResponsive'
 export { default as ReferralDashboardResponsive } from './ReferralDashboardResponsive'
+export { default as ReferralPartnersResponsive } from './ReferralPartnersResponsive'
 export { default as ReferralsResponsive } from './ReferralsResponsive'
 export { default as ReportResponsive } from './ReportResponsive'
 export { default as RepresentativesResponsive } from './RepresentativesResponsive'

package/src/Icon/svg/collapse16.svg

@@ -0,0 +1 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.500 1.500 L 1.147 1.853 3.220 3.927 L 5.293 6.000 3.647 6.000 L 2.000 6.000 2.000 6.493 L 2.000 6.987 4.493 6.987 L 6.987 6.987 6.987 4.493 L 6.987 2.000 6.493 2.000 L 6.000 2.000 6.000 3.647 L 6.000 5.293 3.927 3.220 L 1.853 1.147 1.500 1.500 M12.073 3.220 L 10.000 5.293 10.000 3.647 L 10.000 2.000 9.507 2.000 L 9.013 2.000 9.013 4.493 L 9.013 6.987 11.507 6.987 L 14.000 6.987 14.000 6.493 L 14.000 6.000 12.353 6.000 L 10.707 6.000 12.780 3.926 L 14.854 1.853 14.500 1.500 L 14.146 1.147 12.073 3.220 M2.000 9.507 L 2.000 10.000 3.647 10.000 L 5.293 10.000 3.220 12.073 L 1.147 14.147 1.500 14.500 L 1.853 14.853 3.927 12.780 L 6.000 10.707 6.000 12.353 L 6.000 14.000 6.493 14.000 L 6.987 14.000 6.987 11.507 L 6.987 9.013 4.493 9.013 L 2.000 9.013 2.000 9.507 M9.013 11.507 L 9.013 14.000 9.507 14.000 L 10.000 14.000 10.000 12.353 L 10.000 10.707 12.073 12.780 L 14.147 14.853 14.500 14.500 L 14.853 14.147 12.780 12.073 L 10.707 10.000 12.353 10.000 L 14.000 10.000 14.000 9.507 L 14.000 9.013 11.507 9.013 L 9.013 9.013 9.013 11.507 " stroke="none" fill-rule="evenodd" fill="black"></path></svg>

package/src/Icon/svg/collapse24.svg

@@ -0,0 +1 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.750 1.750 L 1.400 2.100 4.850 5.550 L 8.300 9.000 5.650 9.000 L 3.000 9.000 3.000 9.500 L 3.000 10.000 6.500 10.000 L 10.000 10.000 10.000 6.500 L 10.000 3.000 9.500 3.000 L 9.000 3.000 9.000 5.650 L 9.000 8.300 5.550 4.850 L 2.100 1.400 1.750 1.750 M18.450 4.850 L 15.000 8.300 15.000 5.650 L 15.000 3.000 14.500 3.000 L 14.000 3.000 14.000 6.500 L 14.000 10.000 17.500 10.000 L 21.000 10.000 21.000 9.500 L 21.000 9.000 18.350 9.000 L 15.700 9.000 19.150 5.550 L 22.601 2.099 22.250 1.750 L 21.899 1.401 18.450 4.850 M3.000 14.500 L 3.000 15.000 5.650 15.000 L 8.300 15.000 4.850 18.450 L 1.400 21.900 1.750 22.250 L 2.100 22.600 5.550 19.150 L 9.000 15.700 9.000 18.350 L 9.000 21.000 9.500 21.000 L 10.000 21.000 10.000 17.500 L 10.000 14.000 6.500 14.000 L 3.000 14.000 3.000 14.500 M14.000 17.500 L 14.000 21.000 14.500 21.000 L 15.000 21.000 15.000 18.350 L 15.000 15.700 18.450 19.150 L 21.900 22.600 22.250 22.250 L 22.600 21.900 19.150 18.450 L 15.700 15.000 18.350 15.000 L 21.000 15.000 21.000 14.500 L 21.000 14.000 17.500 14.000 L 14.000 14.000 14.000 17.500 " stroke="none" fill-rule="evenodd" fill="black"></path></svg>

package/src/Icon/svg/commandKey16.svg

@@ -0,0 +1 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.003 1.055 C 2.061 1.266,1.360 1.931,1.088 2.869 C 1.035 3.050,1.027 3.141,1.027 3.507 C 1.027 3.926,1.028 3.938,1.126 4.240 C 1.371 4.999,1.910 5.566,2.646 5.839 C 3.001 5.971,3.086 5.980,4.073 5.993 L 5.013 6.005 5.013 8.000 L 5.013 9.995 4.073 10.007 C 3.083 10.020,3.002 10.028,2.640 10.163 C 2.001 10.400,1.424 10.954,1.195 11.551 C 1.051 11.928,1.029 12.048,1.028 12.493 C 1.027 12.861,1.035 12.949,1.088 13.131 C 1.299 13.861,1.758 14.417,2.413 14.734 C 2.820 14.932,3.011 14.973,3.507 14.973 C 3.926 14.973,3.938 14.972,4.240 14.874 C 4.999 14.629,5.566 14.090,5.839 13.354 C 5.971 12.999,5.980 12.914,5.993 11.927 L 6.005 10.987 8.000 10.987 L 9.995 10.987 10.007 11.927 C 10.020 12.914,10.029 12.999,10.161 13.354 C 10.434 14.090,11.001 14.629,11.760 14.874 C 12.062 14.972,12.073 14.973,12.493 14.973 C 12.990 14.972,13.183 14.930,13.587 14.734 C 14.242 14.417,14.702 13.860,14.912 13.131 C 14.964 12.951,14.973 12.857,14.973 12.493 C 14.973 12.073,14.972 12.062,14.874 11.760 C 14.629 11.001,14.090 10.434,13.354 10.161 C 12.999 10.029,12.914 10.020,11.927 10.007 L 10.987 9.995 10.987 8.000 L 10.987 6.005 11.927 5.993 C 12.914 5.980,12.999 5.971,13.354 5.839 C 14.090 5.566,14.629 4.999,14.874 4.240 C 14.972 3.938,14.973 3.927,14.973 3.507 C 14.973 3.143,14.964 3.049,14.912 2.869 C 14.702 2.140,14.242 1.583,13.587 1.266 C 13.179 1.068,12.989 1.026,12.493 1.028 C 12.048 1.029,11.928 1.051,11.551 1.195 C 10.954 1.424,10.400 2.001,10.163 2.640 C 10.028 3.002,10.020 3.083,10.007 4.073 L 9.995 5.013 8.000 5.013 L 6.005 5.013 5.993 4.073 C 5.980 3.086,5.971 3.001,5.839 2.646 C 5.568 1.915,4.999 1.372,4.253 1.130 C 3.983 1.042,3.929 1.034,3.573 1.024 C 3.290 1.017,3.138 1.025,3.003 1.055 M3.864 2.041 C 4.365 2.159,4.828 2.619,4.966 3.137 C 4.990 3.230,5.000 3.510,5.000 4.133 L 5.000 5.000 4.133 5.000 C 3.190 5.000,3.138 4.994,2.831 4.846 C 2.606 4.737,2.288 4.427,2.167 4.197 C 1.924 3.737,1.954 3.096,2.238 2.682 C 2.469 2.347,2.828 2.099,3.187 2.027 C 3.364 1.992,3.683 1.998,3.864 2.041 M13.020 2.089 C 13.310 2.199,13.575 2.412,13.762 2.682 C 14.046 3.096,14.076 3.737,13.833 4.197 C 13.712 4.427,13.394 4.737,13.169 4.846 C 12.862 4.994,12.810 5.000,11.867 5.000 L 11.000 5.000 11.000 4.133 C 11.000 3.510,11.010 3.230,11.034 3.137 C 11.170 2.627,11.628 2.166,12.124 2.041 C 12.365 1.979,12.792 2.002,13.020 2.089 M10.000 8.000 L 10.000 10.000 8.000 10.000 L 6.000 10.000 6.000 8.000 L 6.000 6.000 8.000 6.000 L 10.000 6.000 10.000 8.000 M5.000 11.867 C 5.000 12.810,4.994 12.862,4.846 13.169 C 4.737 13.394,4.427 13.712,4.197 13.833 C 3.737 14.076,3.096 14.046,2.682 13.762 C 2.533 13.659,2.341 13.467,2.238 13.318 C 1.956 12.907,1.924 12.260,2.164 11.810 C 2.385 11.396,2.833 11.071,3.263 11.015 C 3.353 11.003,3.781 10.995,4.213 10.997 L 5.000 11.000 5.000 11.867 M12.907 11.045 C 13.173 11.133,13.348 11.241,13.547 11.440 C 13.888 11.781,14.017 12.114,13.992 12.587 C 13.966 13.069,13.733 13.476,13.318 13.762 C 12.904 14.046,12.263 14.076,11.803 13.833 C 11.583 13.717,11.263 13.394,11.162 13.187 C 11.009 12.870,11.006 12.851,10.993 11.926 C 10.987 11.453,10.989 11.047,10.997 11.024 C 11.012 10.986,11.108 10.983,11.900 10.993 C 12.590 11.002,12.813 11.014,12.907 11.045 " stroke="none" fill-rule="evenodd" fill="black"></path></svg>

package/src/Icon/svg/commandKey24.svg

@@ -0,0 +1 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.933 2.056 C 3.915 2.251,3.148 2.747,2.600 3.566 C 2.195 4.172,2.028 4.736,2.028 5.500 C 2.028 6.265,2.195 6.828,2.603 7.438 C 3.143 8.246,3.958 8.768,4.950 8.941 C 5.206 8.985,5.627 9.000,6.645 9.000 L 8.000 9.000 8.000 11.997 L 8.000 14.994 6.490 15.010 C 4.863 15.026,4.804 15.033,4.152 15.279 C 3.849 15.393,3.363 15.714,3.069 15.994 C 2.784 16.266,2.402 16.824,2.281 17.146 C 2.080 17.679,2.028 17.958,2.028 18.500 C 2.028 19.265,2.195 19.828,2.603 20.438 C 3.318 21.508,4.633 22.123,5.868 21.967 C 7.470 21.765,8.665 20.631,8.940 19.052 C 8.985 18.794,9.000 18.376,9.000 17.355 L 9.000 16.000 11.997 16.000 L 14.994 16.000 15.010 17.510 C 15.026 19.139,15.033 19.196,15.281 19.854 C 15.407 20.189,15.795 20.748,16.096 21.031 C 16.842 21.728,17.931 22.093,18.887 21.966 C 19.714 21.856,20.394 21.526,20.960 20.960 C 21.530 20.390,21.862 19.700,21.967 18.870 C 22.087 17.917,21.723 16.836,21.031 16.096 C 20.748 15.795,20.189 15.407,19.854 15.281 C 19.196 15.033,19.139 15.026,17.510 15.010 L 16.000 14.994 16.000 11.997 L 16.000 9.000 17.355 9.000 C 18.376 9.000,18.794 8.985,19.052 8.940 C 20.624 8.666,21.753 7.483,21.966 5.885 C 22.092 4.935,21.725 3.838,21.031 3.096 C 20.748 2.795,20.189 2.407,19.854 2.281 C 19.321 2.080,19.042 2.028,18.500 2.028 C 17.736 2.028,17.172 2.195,16.566 2.600 C 15.819 3.100,15.372 3.739,15.109 4.680 C 15.032 4.955,15.024 5.108,15.010 6.490 L 14.994 8.000 11.997 8.000 L 9.000 8.000 9.000 6.645 C 9.000 5.621,8.985 5.207,8.940 4.946 C 8.648 3.270,7.312 2.092,5.620 2.019 C 5.374 2.008,5.109 2.023,4.933 2.056 M6.136 3.079 C 6.580 3.192,6.894 3.374,7.244 3.720 C 7.602 4.074,7.808 4.420,7.920 4.860 C 7.993 5.144,8.000 5.304,8.000 6.586 L 8.000 8.000 6.586 8.000 C 5.310 8.000,5.143 7.992,4.864 7.921 C 4.407 7.804,4.107 7.628,3.739 7.261 C 3.372 6.893,3.196 6.593,3.079 6.136 C 2.926 5.539,3.006 4.844,3.288 4.307 C 3.461 3.981,3.981 3.461,4.308 3.288 C 4.845 3.005,5.538 2.926,6.136 3.079 M19.136 3.079 C 19.306 3.122,19.556 3.217,19.693 3.288 C 20.019 3.461,20.539 3.981,20.712 4.307 C 21.098 5.040,21.091 6.002,20.693 6.716 C 20.505 7.054,20.054 7.505,19.716 7.693 C 19.212 7.974,19.015 8.000,17.414 8.000 L 16.000 8.000 16.000 6.586 C 16.000 5.005,16.025 4.807,16.288 4.307 C 16.461 3.981,16.981 3.461,17.308 3.288 C 17.845 3.005,18.538 2.926,19.136 3.079 M15.000 12.000 L 15.000 15.000 12.000 15.000 L 9.000 15.000 9.000 12.000 L 9.000 9.000 12.000 9.000 L 15.000 9.000 15.000 12.000 M8.000 17.414 C 8.000 19.014,7.974 19.211,7.694 19.716 C 7.507 20.054,7.020 20.538,6.693 20.711 C 5.975 21.091,5.027 21.091,4.307 20.712 C 3.981 20.539,3.461 20.019,3.288 19.693 C 3.006 19.156,2.926 18.461,3.079 17.864 C 3.196 17.407,3.372 17.107,3.739 16.739 C 4.102 16.377,4.405 16.197,4.848 16.081 C 5.108 16.013,5.295 16.004,6.570 16.002 L 8.000 16.000 8.000 17.414 M19.136 16.079 C 19.306 16.122,19.556 16.217,19.693 16.288 C 20.019 16.461,20.539 16.981,20.712 17.307 C 21.098 18.040,21.091 19.000,20.694 19.716 C 20.507 20.054,20.020 20.538,19.693 20.711 C 18.975 21.091,18.027 21.091,17.307 20.712 C 16.981 20.539,16.461 20.019,16.288 19.693 C 16.025 19.193,16.000 18.995,16.000 17.414 L 16.000 16.000 17.414 16.000 C 18.690 16.000,18.857 16.008,19.136 16.079 " stroke="none" fill-rule="evenodd" fill="black"></path></svg>

package/src/Icon/svg/expand16.svg

@@ -0,0 +1 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.013 3.507 L 1.013 6.000 1.507 6.000 L 2.000 6.000 2.000 4.353 L 2.000 2.707 4.073 4.780 L 6.147 6.853 6.500 6.500 L 6.853 6.147 4.780 4.073 L 2.707 2.000 4.353 2.000 L 6.000 2.000 6.000 1.507 L 6.000 1.013 3.507 1.013 L 1.013 1.013 1.013 3.507 M10.000 1.507 L 10.000 2.000 11.647 2.000 L 13.293 2.000 11.220 4.073 L 9.147 6.147 9.500 6.500 L 9.853 6.853 11.927 4.780 L 14.000 2.707 14.000 4.353 L 14.000 6.000 14.493 6.000 L 14.987 6.000 14.987 3.507 L 14.987 1.013 12.493 1.013 L 10.000 1.013 10.000 1.507 M4.073 11.220 L 2.000 13.293 2.000 11.647 L 2.000 10.000 1.507 10.000 L 1.013 10.000 1.013 12.493 L 1.013 14.987 3.507 14.987 L 6.000 14.987 6.000 14.493 L 6.000 14.000 4.353 14.000 L 2.707 14.000 4.780 11.926 L 6.854 9.853 6.500 9.500 L 6.146 9.147 4.073 11.220 M9.500 9.500 L 9.147 9.853 11.220 11.927 L 13.293 14.000 11.647 14.000 L 10.000 14.000 10.000 14.493 L 10.000 14.987 12.493 14.987 L 14.987 14.987 14.987 12.493 L 14.987 10.000 14.493 10.000 L 14.000 10.000 14.000 11.647 L 14.000 13.293 11.927 11.220 L 9.853 9.147 9.500 9.500 " stroke="none" fill-rule="evenodd" fill="black"></path></svg>

package/src/Icon/svg/expand24.svg

@@ -0,0 +1 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.000 5.500 L 2.000 9.000 2.500 9.000 L 3.000 9.000 3.000 6.350 L 3.000 3.700 5.950 6.650 L 8.900 9.600 9.250 9.250 L 9.600 8.900 6.650 5.950 L 3.700 3.000 6.350 3.000 L 9.000 3.000 9.000 2.500 L 9.000 2.000 5.500 2.000 L 2.000 2.000 2.000 5.500 M15.000 2.500 L 15.000 3.000 17.650 3.000 L 20.300 3.000 17.350 5.950 L 14.400 8.900 14.750 9.250 L 15.100 9.600 18.050 6.650 L 21.000 3.700 21.000 6.350 L 21.000 9.000 21.500 9.000 L 22.000 9.000 22.000 5.500 L 22.000 2.000 18.500 2.000 L 15.000 2.000 15.000 2.500 M5.950 17.350 L 3.000 20.300 3.000 17.650 L 3.000 15.000 2.500 15.000 L 2.000 15.000 2.000 18.500 L 2.000 22.000 5.500 22.000 L 9.000 22.000 9.000 21.500 L 9.000 21.000 6.350 21.000 L 3.700 21.000 6.650 18.050 L 9.601 15.099 9.250 14.750 L 8.899 14.401 5.950 17.350 M14.750 14.750 L 14.400 15.100 17.350 18.050 L 20.300 21.000 17.650 21.000 L 15.000 21.000 15.000 21.500 L 15.000 22.000 18.500 22.000 L 22.000 22.000 22.000 18.500 L 22.000 15.000 21.500 15.000 L 21.000 15.000 21.000 17.650 L 21.000 20.300 18.050 17.350 L 15.100 14.400 14.750 14.750 " stroke="none" fill-rule="evenodd" fill="black"></path></svg>

package/src/Icon/svg/location16.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M12.97 8C12.73 5.37 10.63 3.26 8 3.03V1H7v2.03C4.37 3.27 2.26 5.37 2.03 8H0v1h2.03c.24 2.63 2.34 4.74 4.97 4.97V16h1v-2.03c2.63-.24 4.74-2.34 4.97-4.97H15V8h-2.03Zm-1.02 1A4.466 4.466 0 0 1 8 12.95V11H7v1.95A4.466 4.466 0 0 1 3.05 9H5V8H3.05A4.466 4.466 0 0 1 7 4.05V6h1V4.05c2.08.23 3.72 1.87 3.95 3.95H10v1h1.95Z" fill="#455065"/></svg>

package/src/Icon/svg/location24.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19.97 12A8.491 8.491 0 0 0 12 4.03V1h-1v3.03A8.491 8.491 0 0 0 3.03 12H0v1h3.03A8.491 8.491 0 0 0 11 20.97V24h1v-3.03A8.491 8.491 0 0 0 19.97 13H23v-1h-3.03Zm-1 1c-.25 3.74-3.24 6.73-6.97 6.97V17h-1v2.97c-3.74-.25-6.73-3.24-6.97-6.97H7v-1H4.03C4.28 8.26 7.27 5.27 11 5.03V8h1V5.03c3.74.25 6.73 3.24 6.97 6.97H16v1h2.97Z" fill="#455065"/></svg>

package/src/Icon/svg/objective16.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="m15.42 3.29-2.02-.68-.68-2.02-2.71 2.71v2L6.66 8.65c-.2.2-.2.51 0 .71a.485.485 0 0 0 .7 0l2.09-2.09c.36.5.56 1.1.56 1.73 0 1.65-1.35 3-3 3s-3-1.35-3-3a3.009 3.009 0 0 1 3.82-2.89l.27-.96A3.999 3.999 0 0 0 3.01 9c0 2.21 1.79 4 4 4s4-1.79 4-4c0-.9-.31-1.74-.85-2.44l.56-.56h1.47c.53.91.82 1.94.82 3 0 3.31-2.69 6-6 6S1 12.31 1 9a6.005 6.005 0 0 1 7.62-5.78l.27-.96C8.28 2.09 7.65 2 7.01 2 3.14 2 0 5.14 0 9s3.14 7 7 7 7-3.14 7-7c0-1.2-.32-2.36-.9-3.4l2.32-2.32ZM12.29 5H11V3.71l1.28-1.28.33.97.97.33-1.28 1.28Z" fill="#455065"/></svg>

package/src/Icon/svg/objective24.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24.01 24"><path d="m23.03 4.69-3.09-.62-.62-3.09-4.31 4.31v3l-4.85 4.85c-.2.2-.2.51 0 .71a.485.485 0 0 0 .7 0L14 10.71c.63.79.99 1.76.99 2.78 0 2.48-2.01 4.5-4.48 4.5s-4.48-2.02-4.48-4.5 2.01-4.5 4.48-4.5c.41 0 .82.06 1.22.17L12 8.2c-.48-.14-.98-.21-1.49-.21-3.02 0-5.48 2.47-5.48 5.5s2.46 5.5 5.48 5.5 5.48-2.47 5.48-5.5c0-1.3-.46-2.51-1.28-3.49l1.01-1.01h3l.09-.09a9.42 9.42 0 0 1 1.21 4.59c0 5.24-4.27 9.5-9.51 9.5S1 18.74 1 13.5 5.27 4 10.51 4c.87 0 1.73.12 2.56.35l.27-.96c-.92-.26-1.87-.39-2.83-.39C4.72 3 0 7.71 0 13.5S4.72 24 10.51 24s10.51-4.71 10.51-10.5c0-1.89-.52-3.71-1.48-5.33l3.48-3.48ZM18.31 8h-2.29V5.71l2.69-2.69.38 1.91 1.91.38L18.31 8Z" fill="#455065"/></svg>

package/src/Icon/svg/pendingQueue16.svg

@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" 
+     xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>Icons / Misc / 16 / Component</title>
+    <defs>
+        <path id="path-1" d="M10 13h2.18c-1.22 1.26-2.9 2-4.68 2C3.92 15 1 12.08 1 8.5c0-.31.02-.62.07-.93l-.99-.14C.03 7.78 0 8.14 0 8.5 0 12.64 3.36 16 7.5 16c2.1 0 4.09-.89 5.5-2.41V16h1v-4h-4v1Z 
+                           M5 8.5C5 7.67 4.33 7 3.5 7S2 7.67 2 8.5 2.67 10 3.5 10 5 9.33 5 8.5Zm-2 0c0-.28.22-.5.5-.5s.5.22.5.5-.22.5-.5.5-.5-.22-.5-.5Z 
+                           M9 8.5C9 7.67 8.33 7 7.5 7S6 7.67 6 8.5 6.67 10 7.5 10 9 9.33 9 8.5Zm-2 0c0-.28.22-.5.5-.5s.5.22.5.5-.22.5-.5.5-.5-.22-.5-.5Z 
+                           M13 8.5c0-.83-.67-1.5-1.5-1.5S10 7.67 10 8.5s.67 1.5 1.5 1.5S13 9.33 13 8.5Zm-2 0c0-.28.22-.5.5-.5s.5.22.5.5-.22.5-.5.5-.5-.22-.5-.5Z 
+                           M7.5 1C5.4 1 3.41 1.89 2 3.41V1H1v4h4V4H2.82c1.22-1.26 2.9-2 4.68-2C11.08 2 14 4.92 14 8.5c0 .31-.02.62-.07.93l.99.14c.05-.35.08-.71.08-1.07C15 4.36 11.64 1 7.5 1Z"/>
+    </defs>
+    <g id="Icons-/-Misc-/-16-/-Component" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <mask id="mask-2" fill="white">
+            <use xlink:href="#path-1"></use>
+        </mask>
+        <use id="Combined-Shape" fill="#979797" fill-rule="nonzero" xlink:href="#path-1"></use>
+        <g id="Colors-/-305-Dark-Gray" mask="url(#mask-2)" fill="#455065">
+            <rect id="Rectangle" x="0" y="0" width="16" height="16"></rect>
+        </g>
+    </g>
+</svg>

package/src/Icon/svg/pendingQueue24.svg

@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" viewBox="0 0 24 24">
+    <title>Icons / Misc / 24 / Component</title>
+    <path fill="#455065" d="M15 19h3.98c-1.88 2.51-4.8 4-7.98 4-5.51 0-10-4.49-10-10 0-.8.1-1.61.29-2.38l-.97-.24C.11 11.23.01 12.11.01 13c0 6.07 4.93 11 11 11 3.63 0 6.94-1.76 9-4.71V24h1v-6h-6v1Z 
+        M7 13c0-1.1-.9-2-2-2s-2 .9-2 2 .9 2 2 2 2-.9 2-2Zm-3 0c0-.55.45-1 1-1s1 .45 1 1-.45 1-1 1-1-.45-1-1Z 
+        M13 13c0-1.1-.9-2-2-2s-2 .9-2 2 .9 2 2 2 2-.9 2-2Zm-3 0c0-.55.45-1 1-1s1 .45 1 1-.45 1-1 1-1-.45-1-1Z 
+        M19 13c0-1.1-.9-2-2-2s-2 .9-2 2 .9 2 2 2 2-.9 2-2Zm-3 0c0-.55.45-1 1-1s1 .45 1 1-.45 1-1 1-1-.45-1-1Z 
+        M11 2C7.94 2 5.08 3.26 3 5.47V1H2v6h6V6H3.86C5.73 4.08 8.28 3 11 3c5.51 0 10 4.49 10 10 0 .8-.1 1.61-.29 2.38l.97.24c.21-.85.31-1.73.31-2.62 0-6.07-4.93-11-11-11Z"/>
+</svg>

package/src/Icon/svg/playbook16.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M15.8 12.61 10 7.38V11h-.84c-.42 0-.82.12-1.16.32V4c0-1.33.67-2 1.5-2H14v8h1V1H9.5c-.82 0-1.54.39-2 1-.46-.61-1.18-1-2-1H0v11h5.5c.83 0 1.5.67 1.5 2h1c0-1.33.67-2 1.5-2h.5v3.28l2.46-1.14.68 1.52.91-.41-.68-1.54 2.43-1.12ZM7 11.73c-.43-.45-1.02-.73-1.68-.73H1V2h4.5C6.33 2 7 2.67 7 4v7.73Zm4 1.99V9.63l3 2.71-3 1.39Z" fill="#455065"/></svg>

package/src/Icon/svg/playbook24.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M23.44 18.64 15 11.41V17h-.36c-1.04 0-1.97.42-2.64 1.1V5.5C12 4.12 13.18 3 14.64 3h7.34v12h1V2h-8.34c-1.33 0-2.5.7-3.14 1.73A3.673 3.673 0 0 0 8.36 2H.02v16h8.34C9.81 18 11 19.12 11 20.5h1c0-1.38 1.18-2.5 2.64-2.5H15v4.26l3.72-1.59 1.22 2.74.91-.41-1.21-2.73 3.8-1.63ZM11 18.1c-.66-.67-1.6-1.1-2.64-1.1H1.02V3h7.34C9.81 3 11 4.12 11 5.5v12.6Zm5 2.64v-7.15l5.56 4.77L16 20.74Z" fill="#455065"/></svg>

package/src/Icon/svg/referralPartners16.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g fill="#455065"><path d="M5.75 5.42C6.5 4.87 7 3.99 7 3c0-1.65-1.35-3-3-3S1 1.35 1 3c0 1 .49 1.88 1.25 2.42C.93 6.07 0 7.42 0 9h1c0-1.65 1.35-3 3-3s3 1.35 3 3h1c0-1.57-.92-2.92-2.25-3.58ZM4 5c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2ZM13.75 12.42C14.5 11.87 15 10.99 15 10c0-1.65-1.35-3-3-3s-3 1.35-3 3c0 1 .49 1.88 1.25 2.42C8.93 13.07 8 14.42 8 16h1c0-1.65 1.35-3 3-3s3 1.35 3 3h1c0-1.57-.92-2.92-2.25-3.58ZM12 12c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2ZM3 11H2v3h5v-1H3v-2zM13 5h1V2H9v1h4v2z"/></g></svg>

package/src/Icon/svg/referralPartners24.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g fill="#455065"><path d="M20.1 18.39c1.13-.71 1.9-1.96 1.9-3.39 0-2.21-1.79-4-4-4s-4 1.79-4 4c0 1.43.76 2.68 1.9 3.39-2.27.85-3.9 3.04-3.9 5.61h1c0-2.76 2.24-5 5-5s5 2.24 5 5h1c0-2.57-1.62-4.76-3.9-5.61ZM15 15c0-1.65 1.35-3 3-3s3 1.35 3 3-1.35 3-3 3-3-1.35-3-3ZM8.1 7.39C9.23 6.68 10 5.43 10 4c0-2.21-1.79-4-4-4S2 1.79 2 4c0 1.43.76 2.68 1.9 3.39C1.63 8.24 0 10.43 0 13h1c0-2.76 2.24-5 5-5s5 2.24 5 5h1c0-2.57-1.62-4.76-3.9-5.61ZM3 4c0-1.65 1.35-3 3-3s3 1.35 3 3-1.35 3-3 3-3-1.35-3-3ZM4 17H3v4h7v-1H4v-3zM20 7h1V3h-8v1h7v3z"/></g></svg>