@toptal/picasso-icons 1.10.0 → 1.11.0

package/src/Icon/ProfileCard16.tsx

@@ -0,0 +1,66 @@
+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: 'PicassoSvgProfileCard16',
+})
+const SvgProfileCard16 = forwardRef(function SvgProfileCard16(
+  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
+      fill='none'
+      viewBox='0 0 16 16'
+      className={cx(...classNames)}
+      style={svgStyle}
+      ref={ref}
+      data-testid={testId}
+    >
+      <path
+        fillRule='evenodd'
+        d='M16 0H3v16h13V0ZM4 15V1h11v14H4ZM0 2h2v1H1v10h1v1H0V2Zm6 8.5a3.5 3.5 0 0 1 1.875-3.1 2.5 2.5 0 1 1 3.25 0A3.5 3.5 0 0 1 13 10.5h-1a2.5 2.5 0 0 0-5 0H6Zm2-5a1.5 1.5 0 1 0 3 0 1.5 1.5 0 0 0-3 0Zm5 7.5v-1H6v1h7Z'
+        clipRule='evenodd'
+      />
+    </svg>
+  )
+})
+
+SvgProfileCard16.displayName = 'SvgProfileCard16'
+export default SvgProfileCard16

package/src/Icon/ProfileCard24.tsx

@@ -0,0 +1,66 @@
+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: 'PicassoSvgProfileCard24',
+})
+const SvgProfileCard24 = forwardRef(function SvgProfileCard24(
+  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
+      fill='none'
+      viewBox='0 0 24 24'
+      className={cx(...classNames)}
+      style={svgStyle}
+      ref={ref}
+      data-testid={testId}
+    >
+      <path
+        fillRule='evenodd'
+        d='M23 1H5v22h18V1ZM6 22V2h16v20H6ZM1 3h3v1H2v16h2v1H1V3Zm16 5c0 .991-.48 1.87-1.221 2.416A4 4 0 0 1 18 14h-1a3 3 0 1 0-6 0h-1a4 4 0 0 1 2.221-3.584A3 3 0 1 1 17 8Zm-5 0a2 2 0 1 0 4 0 2 2 0 0 0-4 0Zm-2 9v-1h8v1h-8Zm4 1v1h-4v-1h4Z'
+        clipRule='evenodd'
+      />
+    </svg>
+  )
+})
+
+SvgProfileCard24.displayName = 'SvgProfileCard24'
+export default SvgProfileCard24

package/src/Icon/ProfileCardResponsive.tsx

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

package/src/Icon/Table16.tsx

@@ -0,0 +1,66 @@
+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: 'PicassoSvgTable16',
+})
+const SvgTable16 = forwardRef(function SvgTable16(
+  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
+      fill='none'
+      viewBox='0 0 16 16'
+      className={cx(...classNames)}
+      style={svgStyle}
+      ref={ref}
+      data-testid={testId}
+    >
+      <path
+        fillRule='evenodd'
+        d='M5 1.5H0v13h16v-13H5Zm10 1h-4v3h4v-3Zm0 4h-4v3h4v-3Zm0 4h-4v3h4v-3Zm-5 0v3H6v-3h4Zm0-4v3H6v-3h4Zm0-4v3H6v-3h4Zm-5 0H1v3h4v-3Zm0 4H1v3h4v-3Zm0 4H1v3h4v-3Z'
+        clipRule='evenodd'
+      />
+    </svg>
+  )
+})
+
+SvgTable16.displayName = 'SvgTable16'
+export default SvgTable16

package/src/Icon/Table24.tsx

@@ -0,0 +1,66 @@
+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: 'PicassoSvgTable24',
+})
+const SvgTable24 = forwardRef(function SvgTable24(
+  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
+      fill='none'
+      viewBox='0 0 24 24'
+      className={cx(...classNames)}
+      style={svgStyle}
+      ref={ref}
+      data-testid={testId}
+    >
+      <path
+        fillRule='evenodd'
+        d='M2 3H1v19h22V3H2Zm6 1H2v5h6V4Zm1 0v5h6V4H9Zm7 0v5h6V4h-6ZM2 15v-5h6v5H2Zm7 0v-5h6v5H9Zm7 0v-5h6v5h-6ZM2 16v5h6v-5H2Zm7 0v5h6v-5H9Zm7 0v5h6v-5h-6Z'
+        clipRule='evenodd'
+      />
+    </svg>
+  )
+})
+
+SvgTable24.displayName = 'SvgTable24'
+export default SvgTable24

package/src/Icon/TableResponsive.tsx

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

package/src/Icon/VideoCall16.tsx

@@ -0,0 +1,62 @@
+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: 'PicassoSvgVideoCall16',
+})
+const SvgVideoCall16 = forwardRef(function SvgVideoCall16(
+  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
+      data-name='Layer 2'
+      viewBox='0 0 16 16'
+      className={cx(...classNames)}
+      style={svgStyle}
+      ref={ref}
+      data-testid={testId}
+    >
+      <path d='m4.3 12.49.93.38C5.69 11.74 6.78 11 8.01 11s2.31.73 2.78 1.87l.93-.38a4.026 4.026 0 0 0-1.94-2.08A3 3 0 0 0 11.01 8c0-1.65-1.35-3-3-3s-3 1.35-3 3c0 .99.49 1.87 1.23 2.41a3.99 3.99 0 0 0-1.94 2.08ZM6 8c0-1.1.9-2 2-2s2 .9 2 2-.9 2-2 2-2-.9-2-2Zm8.83-7H1.17C.53 1 0 1.52 0 2.17v11.66C0 14.47.52 15 1.17 15h13.66c.64 0 1.17-.52 1.17-1.17V2.17C16 1.53 15.48 1 14.83 1ZM15 13.83c0 .09-.08.17-.17.17H1.17c-.09 0-.17-.08-.17-.17V4h14v9.83ZM15 3H1v-.83c0-.09.08-.17.17-.17h13.66c.09 0 .17.08.17.17V3Z' />
+    </svg>
+  )
+})
+
+SvgVideoCall16.displayName = 'SvgVideoCall16'
+export default SvgVideoCall16

package/src/Icon/VideoCall24.tsx

@@ -0,0 +1,62 @@
+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: 'PicassoSvgVideoCall24',
+})
+const SvgVideoCall24 = forwardRef(function SvgVideoCall24(
+  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
+      data-name='Layer 2'
+      viewBox='0 0 24 24'
+      className={cx(...classNames)}
+      style={svgStyle}
+      ref={ref}
+      data-testid={testId}
+    >
+      <path d='M12 16c2.08 0 3.9 1.25 4.66 3.18l.93-.36a5.96 5.96 0 0 0-3.49-3.43A3.99 3.99 0 0 0 16 12c0-2.21-1.79-4-4-4s-4 1.79-4 4c0 1.43.76 2.68 1.9 3.39a5.932 5.932 0 0 0-3.49 3.43l.93.36A4.966 4.966 0 0 1 12 16Zm-3-4c0-1.65 1.35-3 3-3s3 1.35 3 3-1.35 3-3 3-3-1.35-3-3ZM22.5 2h-21C.67 2 0 2.67 0 3.5v17c0 .83.67 1.5 1.5 1.5h21c.83 0 1.5-.67 1.5-1.5v-17c0-.83-.67-1.5-1.5-1.5Zm.5 18.5c0 .28-.22.5-.5.5h-21c-.28 0-.5-.22-.5-.5V6h22v14.5ZM23 5H1V3.5c0-.28.22-.5.5-.5h21c.28 0 .5.22.5.5V5Z' />
+    </svg>
+  )
+})
+
+SvgVideoCall24.displayName = 'SvgVideoCall24'
+export default SvgVideoCall24

package/src/Icon/VideoCallResponsive.tsx

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

package/src/Icon/index.ts

@@ -39,6 +39,8 @@ export { default as ArrowUpMinor16 } from './ArrowUpMinor16'
 export { default as ArrowUpMinor24 } from './ArrowUpMinor24'
 export { default as Ask16 } from './Ask16'
 export { default as Ask24 } from './Ask24'
+export { default as AssociatedOrgUnitJoin16 } from './AssociatedOrgUnitJoin16'
+export { default as AssociatedOrgUnitJoin24 } from './AssociatedOrgUnitJoin24'
 export { default as AsteriskSolid16 } from './AsteriskSolid16'
 export { default as AsteriskSolid24 } from './AsteriskSolid24'
 export { default as Attachment16 } from './Attachment16'
@@ -121,6 +123,8 @@ export { default as Critical16 } from './Critical16'
 export { default as Critical24 } from './Critical24'
 export { default as CriticalSolid16 } from './CriticalSolid16'
 export { default as CriticalSolid24 } from './CriticalSolid24'
+export { default as Dashboard16 } from './Dashboard16'
+export { default as Dashboard24 } from './Dashboard24'
 export { default as DesignerPencil16 } from './DesignerPencil16'
 export { default as DesignerPencil24 } from './DesignerPencil24'
 export { default as Dialpad16 } from './Dialpad16'
@@ -229,6 +233,8 @@ export { default as Lock24 } from './Lock24'
 export { default as Logo } from './Logo'
 export { default as LogoEmblem } from './LogoEmblem'
 export { default as LogoNoTrademark } from './LogoNoTrademark'
+export { default as Memo16 } from './Memo16'
+export { default as Memo24 } from './Memo24'
 export { default as Message16 } from './Message16'
 export { default as Message24 } from './Message24'
 export { default as MicrophoneOff16 } from './MicrophoneOff16'
@@ -311,6 +317,8 @@ export { default as ProductManager16 } from './ProductManager16'
 export { default as ProductManager24 } from './ProductManager24'
 export { default as Profile16 } from './Profile16'
 export { default as Profile24 } from './Profile24'
+export { default as ProfileCard16 } from './ProfileCard16'
+export { default as ProfileCard24 } from './ProfileCard24'
 export { default as ProfileCrossed16 } from './ProfileCrossed16'
 export { default as ProfileCrossed24 } from './ProfileCrossed24'
 export { default as Project16 } from './Project16'
@@ -391,6 +399,8 @@ export { default as Support16 } from './Support16'
 export { default as Support24 } from './Support24'
 export { default as Switch16 } from './Switch16'
 export { default as Switch24 } from './Switch24'
+export { default as Table16 } from './Table16'
+export { default as Table24 } from './Table24'
 export { default as Tasks16 } from './Tasks16'
 export { default as Tasks24 } from './Tasks24'
 export { default as Team16 } from './Team16'
@@ -435,6 +445,8 @@ export { default as UploadDocument16 } from './UploadDocument16'
 export { default as UploadDocument24 } from './UploadDocument24'
 export { default as VerificationBadge16 } from './VerificationBadge16'
 export { default as VerificationBadge24 } from './VerificationBadge24'
+export { default as VideoCall16 } from './VideoCall16'
+export { default as VideoCall24 } from './VideoCall24'
 export { default as VideoOff16 } from './VideoOff16'
 export { default as VideoOff24 } from './VideoOff24'
 export { default as VideoOn16 } from './VideoOn16'
@@ -474,6 +486,7 @@ export { default as ArrowLongUpResponsive } from './ArrowLongUpResponsive'
 export { default as ArrowSubdirectoryResponsive } from './ArrowSubdirectoryResponsive'
 export { default as ArrowUpMinorResponsive } from './ArrowUpMinorResponsive'
 export { default as AskResponsive } from './AskResponsive'
+export { default as AssociatedOrgUnitJoinResponsive } from './AssociatedOrgUnitJoinResponsive'
 export { default as AsteriskSolidResponsive } from './AsteriskSolidResponsive'
 export { default as AttachmentResponsive } from './AttachmentResponsive'
 export { default as AvatarResponsive } from './AvatarResponsive'
@@ -514,6 +527,7 @@ export { default as CopyResponsive } from './CopyResponsive'
 export { default as CreditCardResponsive } from './CreditCardResponsive'
 export { default as CriticalResponsive } from './CriticalResponsive'
 export { default as CriticalSolidResponsive } from './CriticalSolidResponsive'
+export { default as DashboardResponsive } from './DashboardResponsive'
 export { default as DesignerPencilResponsive } from './DesignerPencilResponsive'
 export { default as DialpadResponsive } from './DialpadResponsive'
 export { default as DisputeResponsive } from './DisputeResponsive'
@@ -565,6 +579,7 @@ 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 MemoResponsive } from './MemoResponsive'
 export { default as MessageResponsive } from './MessageResponsive'
 export { default as MicrophoneOffResponsive } from './MicrophoneOffResponsive'
 export { default as MicrophoneOnResponsive } from './MicrophoneOnResponsive'
@@ -606,6 +621,7 @@ export { default as PortfolioFinanceResponsive } from './PortfolioFinanceRespons
 export { default as PreviewResponsive } from './PreviewResponsive'
 export { default as ProductManagerResponsive } from './ProductManagerResponsive'
 export { default as ProfileResponsive } from './ProfileResponsive'
+export { default as ProfileCardResponsive } from './ProfileCardResponsive'
 export { default as ProfileCrossedResponsive } from './ProfileCrossedResponsive'
 export { default as ProjectResponsive } from './ProjectResponsive'
 export { default as ProjectDiscoveryResponsive } from './ProjectDiscoveryResponsive'
@@ -646,6 +662,7 @@ export { default as StopSolidResponsive } from './StopSolidResponsive'
 export { default as SubfunctionResponsive } from './SubfunctionResponsive'
 export { default as SupportResponsive } from './SupportResponsive'
 export { default as SwitchResponsive } from './SwitchResponsive'
+export { default as TableResponsive } from './TableResponsive'
 export { default as TasksResponsive } from './TasksResponsive'
 export { default as TeamResponsive } from './TeamResponsive'
 export { default as TelegramResponsive } from './TelegramResponsive'
@@ -668,6 +685,7 @@ export { default as UpdateResponsive } from './UpdateResponsive'
 export { default as UploadResponsive } from './UploadResponsive'
 export { default as UploadDocumentResponsive } from './UploadDocumentResponsive'
 export { default as VerificationBadgeResponsive } from './VerificationBadgeResponsive'
+export { default as VideoCallResponsive } from './VideoCallResponsive'
 export { default as VideoOffResponsive } from './VideoOffResponsive'
 export { default as VideoOnResponsive } from './VideoOnResponsive'
 export { default as ViewResponsive } from './ViewResponsive'

package/src/Icon/svg/associatedOrgUnitJoin16.svg

@@ -0,0 +1,5 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Size=16">
+<path id="Combined-Shape" d="M8.5 1C12.6421 1 16 4.35786 16 8.5C16 12.6421 12.6421 16 8.5 16C6.87429 16 5.3694 15.4828 4.14091 14.6039L4.72259 13.7903C5.7872 14.5519 7.09126 15 8.5 15C12.0899 15 15 12.0899 15 8.5C15 4.91015 12.0899 2 8.5 2C7.09082 2 5.78637 2.44843 4.72158 3.21038L4.14091 2.39615C5.3694 1.51725 6.87429 1 8.5 1ZM6.5 4.79289L10.2071 8.5L6.5 12.2071L5.79289 11.5L8.292 8.99989L0 9V8L8.292 7.99989L5.79289 5.5L6.5 4.79289Z" fill="#455065"/>
+</g>
+</svg>

package/src/Icon/svg/associatedOrgUnitJoin24.svg

@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Size=24">
+<path id="Combined-Shape" d="M12.5 2C18.299 2 23 6.70101 23 12.5C23 18.299 18.299 23 12.5 23C10.0703 23 7.83344 22.1748 6.05427 20.7893L6.6677 19.9995C8.27749 21.2532 10.3015 22 12.5 22C17.7467 22 22 17.7467 22 12.5C22 7.25329 17.7467 3 12.5 3C10.3015 3 8.27749 3.74678 6.6677 5.0005L6.05327 4.21147C7.8326 2.82554 10.0699 2 12.5 2ZM9.5 7.79289L14.2071 12.5L9.5 17.2071L8.79289 16.5L12.293 12.9999L1 13V12L12.293 11.9999L8.79289 8.5L9.5 7.79289Z" fill="#455065"/>
+</g>
+</svg>

package/src/Icon/svg/dashboard16.svg

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+  <g id="Icons">
+    <g>
+      <path d="M14.2,2H1.8C.81,2,0,2.81,0,3.8v8.4C0,13.19.81,14,1.8,14h12.4c.99,0,1.8-.81,1.8-1.8V3.8c0-.99-.81-1.8-1.8-1.8ZM1,3.8c0-.44.36-.8.8-.8h3.2v2H1v-1.2ZM1.8,13c-.44,0-.8-.36-.8-.8v-6.2h4v7H1.8ZM15,12.2c0,.44-.36.8-.8.8H6V3h8.2c.44,0,.8.36.8.8v8.4Z M7,8h7v-3h-7v3ZM8,6h5v1h-5v-1Z M7,12h7v-3h-7v3ZM8,10h5v1h-5v-1Z"/>
+    </g>
+  </g>
+</svg>

package/src/Icon/svg/dashboard24.svg

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <g id="Icons">
+    <g>
+      <path d="M21.5,3H2.5C1.12,3,0,4.12,0,5.5v13C0,19.88,1.12,21,2.5,21h19c1.38,0,2.5-1.12,2.5-2.5V5.5c0-1.38-1.12-2.5-2.5-2.5ZM2.5,4h4.5v4H1v-2.5c0-.83.67-1.5,1.5-1.5ZM2.5,20c-.83,0-1.5-.67-1.5-1.5v-9.5h6v11H2.5ZM23,18.5c0,.83-.67,1.5-1.5,1.5h-13.5V4h13.5c.83,0,1.5.67,1.5,1.5v13Z M10,12h11v-4h-11v4ZM11,9h9v2h-9v-2Z M10,18h11v-4h-11v4ZM11,15h9v2h-9v-2Z"/>
+    </g>
+  </g>
+</svg>

package/src/Icon/svg/memo16.svg

@@ -0,0 +1,4 @@
+<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+<g id="Icons">
+<path d="M0 1v14h16V1H0Zm15 13H1V2h14v12Z M3 4h4v1H3zM3 7h10v1H3zM3 9h10v1H3zM3 11h10v1H3z"/>
+</g></svg>

package/src/Icon/svg/memo24.svg

@@ -0,0 +1,5 @@
+<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+    <g id="Icons">
+        <path d="M0 2v20h24V2H0Zm23 19H1V3h22v18Z M4 6h7v1H4zM4 11h16v1H4zM4 14h16v1H4zM4 17h16v1H4z"/>
+    </g>
+</svg>

package/src/Icon/svg/profileCard16.svg

@@ -0,0 +1,5 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Size=16">
+<path id="Combined Shape" fill-rule="evenodd" clip-rule="evenodd" d="M16 0H3V16H16V0ZM4 15V1H15V15H4ZM0 2H1H2V3H1V13H2V14H1H0V13V3V2ZM6 10.5C6 9.15373 6.7601 7.98499 7.87457 7.39953C7.33924 6.94101 7 6.26012 7 5.5C7 4.11929 8.11929 3 9.5 3C10.8807 3 12 4.11929 12 5.5C12 6.26012 11.6608 6.94101 11.1254 7.39953C12.2399 7.98499 13 9.15373 13 10.5H12C12 9.11929 10.8807 8 9.5 8C8.11929 8 7 9.11929 7 10.5H6ZM8 5.5C8 6.32843 8.67157 7 9.5 7C10.3284 7 11 6.32843 11 5.5C11 4.67157 10.3284 4 9.5 4C8.67157 4 8 4.67157 8 5.5ZM13 13V12H6V13H13Z" fill="#455065"/>
+</g>
+</svg>

package/src/Icon/svg/profileCard24.svg

@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Size=24">
+<path id="Combined Shape" fill-rule="evenodd" clip-rule="evenodd" d="M23 1H5V23H23V1ZM6 22V2H22V22H6ZM1 3H2H4V4H2V20H4V21H2H1V20V4V3ZM17 8C17 8.99108 16.5194 9.86992 15.7786 10.4162C17.0952 11.0709 18 12.4298 18 14H17C17 12.3431 15.6569 11 14 11C12.3431 11 11 12.3431 11 14H10C10 12.4298 10.9048 11.0709 12.2214 10.4162C11.4806 9.86992 11 8.99108 11 8C11 6.34315 12.3431 5 14 5C15.6569 5 17 6.34315 17 8ZM12 8C12 9.10457 12.8954 10 14 10C15.1046 10 16 9.10457 16 8C16 6.89543 15.1046 6 14 6C12.8954 6 12 6.89543 12 8ZM10 17V16H18V17H10ZM14 18V19H10V18H14Z" fill="#455065"/>
+</g>
+</svg>

package/src/Icon/svg/table16.svg

@@ -0,0 +1,5 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Size=16">
+<path id="Combined Shape" fill-rule="evenodd" clip-rule="evenodd" d="M5 1.5H1H0V2.5V5.5V6.5V9.5V10.5V13.5V14.5H1H5H6H10H11H15H16V13.5V10.5V9.5V6.5V5.5V2.5V1.5H15H11H10H6H5ZM15 2.5H11V5.5H15V2.5ZM15 6.5H11V9.5H15V6.5ZM15 10.5H11V13.5H15V10.5ZM10 10.5V13.5H6V10.5H10ZM10 6.5V9.5H6V6.5H10ZM10 2.5V5.5H6V2.5H10ZM5 2.5H1V5.5H5V2.5ZM5 6.5H1V9.5H5V6.5ZM5 10.5H1V13.5H5V10.5Z" fill="#455065"/>
+</g>
+</svg>

package/src/Icon/svg/table24.svg

@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Size=24">
+<path id="Combined Shape" fill-rule="evenodd" clip-rule="evenodd" d="M2 3H1V4V9V10V15V16V21V22H2H8H9H15H16H22H23V21V16V15V10V9V4V3H22H16H15H9H8H2ZM8 4H2V9H8V4ZM9 4V9H15V4H9ZM16 4V9H22V4H16ZM2 15V10H8V15H2ZM9 15V10H15V15H9ZM16 15V10H22V15H16ZM2 16V21H8V16H2ZM9 16V21H15V16H9ZM16 16V21H22V16H16Z" fill="#455065"/>
+</g>
+</svg>

package/src/Icon/svg/videoCall16.svg

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+  <g id="Icons">
+    <g>
+      <path d="M4.3,12.49l.93.38c.46-1.13,1.55-1.87,2.78-1.87s2.31.73,2.78,1.87l.93-.38c-.38-.93-1.08-1.65-1.94-2.08.74-.55,1.23-1.42,1.23-2.41,0-1.65-1.35-3-3-3s-3,1.35-3,3c0,.99.49,1.87,1.23,2.41-.86.42-1.56,1.15-1.94,2.08ZM6,8c0-1.1.9-2,2-2s2,.9,2,2-.9,2-2,2-2-.9-2-2Z M14.83,1H1.17c-.64,0-1.17.52-1.17,1.17v11.66c0,.64.52,1.17,1.17,1.17h13.66c.64,0,1.17-.52,1.17-1.17V2.17c0-.64-.52-1.17-1.17-1.17ZM15,13.83c0,.09-.08.17-.17.17H1.17c-.09,0-.17-.08-.17-.17V4h14v9.83ZM15,3H1v-.83c0-.09.08-.17.17-.17h13.66c.09,0,.17.08.17.17v.83Z"/>
+    </g>
+  </g>
+</svg>

package/src/Icon/svg/videoCall24.svg

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <g id="Icons">
+    <g>
+      <path d="M12,16c2.08,0,3.9,1.25,4.66,3.18l.93-.36c-.64-1.63-1.92-2.85-3.49-3.43,1.14-.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-1.57.58-2.85,1.79-3.49,3.43l.93.36c.75-1.93,2.58-3.18,4.66-3.18ZM9,12c0-1.65,1.35-3,3-3s3,1.35,3,3-1.35,3-3,3-3-1.35-3-3Z M22.5,2H1.5c-.83,0-1.5.67-1.5,1.5v17c0,.83.67,1.5,1.5,1.5h21c.83,0,1.5-.67,1.5-1.5V3.5c0-.83-.67-1.5-1.5-1.5ZM23,20.5c0,.28-.22.5-.5.5H1.5c-.28,0-.5-.22-.5-.5V6h22v14.5ZM23,5H1v-1.5c0-.28.22-.5.5-.5h21c.28,0,.5.22.5.5v1.5Z"/>
+    </g>
+  </g>
+</svg>