@talismn/icons 0.0.0-pr1002.045a7406

package/src/components/GitBranch.tsx

@@ -0,0 +1,48 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { Ref, forwardRef } from 'react'
+import { IconContext } from '../context'
+const SvgGitBranch = (
+  props: Omit<SVGProps<SVGSVGElement>, 'width' | 'height'> & {
+    size?: number | string
+  },
+  ref: Ref<SVGSVGElement>
+) => {
+  const iconContext = React.useContext(IconContext)
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width={props.size ?? iconContext.size ?? 24}
+      height={props.size ?? iconContext.size ?? 24}
+      fill="none"
+      viewBox="0 0 24 24"
+      ref={ref}
+      {...props}
+    >
+      <path stroke="currentcolor" strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M6 3v12" />
+      <path
+        stroke="currentcolor"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        strokeWidth={2}
+        d="M18 9a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z"
+      />
+      <path
+        stroke="currentcolor"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        strokeWidth={2}
+        d="M6 21a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z"
+      />
+      <path
+        stroke="currentcolor"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        strokeWidth={2}
+        d="M18 9a9 9 0 0 1-9 9"
+      />
+    </svg>
+  )
+}
+const ForwardRef = forwardRef(SvgGitBranch)
+export default ForwardRef

package/src/components/GitCommit.tsx

@@ -0,0 +1,35 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { Ref, forwardRef } from 'react'
+import { IconContext } from '../context'
+const SvgGitCommit = (
+  props: Omit<SVGProps<SVGSVGElement>, 'width' | 'height'> & {
+    size?: number | string
+  },
+  ref: Ref<SVGSVGElement>
+) => {
+  const iconContext = React.useContext(IconContext)
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width={props.size ?? iconContext.size ?? 24}
+      height={props.size ?? iconContext.size ?? 24}
+      fill="none"
+      viewBox="0 0 24 24"
+      ref={ref}
+      {...props}
+    >
+      <path
+        stroke="currentcolor"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        strokeWidth={2}
+        d="M12 16a4 4 0 1 0 0-8 4 4 0 0 0 0 8Z"
+      />
+      <path stroke="currentcolor" strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M1.05 12H7" />
+      <path stroke="currentcolor" strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M17.01 12h5.95" />
+    </svg>
+  )
+}
+const ForwardRef = forwardRef(SvgGitCommit)
+export default ForwardRef

package/src/components/GitMerge.tsx

@@ -0,0 +1,47 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { Ref, forwardRef } from 'react'
+import { IconContext } from '../context'
+const SvgGitMerge = (
+  props: Omit<SVGProps<SVGSVGElement>, 'width' | 'height'> & {
+    size?: number | string
+  },
+  ref: Ref<SVGSVGElement>
+) => {
+  const iconContext = React.useContext(IconContext)
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width={props.size ?? iconContext.size ?? 24}
+      height={props.size ?? iconContext.size ?? 24}
+      fill="none"
+      viewBox="0 0 24 24"
+      ref={ref}
+      {...props}
+    >
+      <path
+        stroke="currentcolor"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        strokeWidth={2}
+        d="M18 21a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z"
+      />
+      <path
+        stroke="currentcolor"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        strokeWidth={2}
+        d="M6 9a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z"
+      />
+      <path
+        stroke="currentcolor"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        strokeWidth={2}
+        d="M6 21V9a9 9 0 0 0 9 9"
+      />
+    </svg>
+  )
+}
+const ForwardRef = forwardRef(SvgGitMerge)
+export default ForwardRef

package/src/components/GitPullRequest.tsx

@@ -0,0 +1,48 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { Ref, forwardRef } from 'react'
+import { IconContext } from '../context'
+const SvgGitPullRequest = (
+  props: Omit<SVGProps<SVGSVGElement>, 'width' | 'height'> & {
+    size?: number | string
+  },
+  ref: Ref<SVGSVGElement>
+) => {
+  const iconContext = React.useContext(IconContext)
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width={props.size ?? iconContext.size ?? 24}
+      height={props.size ?? iconContext.size ?? 24}
+      fill="none"
+      viewBox="0 0 24 24"
+      ref={ref}
+      {...props}
+    >
+      <path
+        stroke="currentcolor"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        strokeWidth={2}
+        d="M18 21a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z"
+      />
+      <path
+        stroke="currentcolor"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        strokeWidth={2}
+        d="M6 9a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z"
+      />
+      <path
+        stroke="currentcolor"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        strokeWidth={2}
+        d="M13 6h3a2 2 0 0 1 2 2v7"
+      />
+      <path stroke="currentcolor" strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M6 9v12" />
+    </svg>
+  )
+}
+const ForwardRef = forwardRef(SvgGitPullRequest)
+export default ForwardRef

package/src/components/Github.tsx

@@ -0,0 +1,40 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { Ref, forwardRef } from 'react'
+import { IconContext } from '../context'
+const SvgGithub = (
+  props: Omit<SVGProps<SVGSVGElement>, 'width' | 'height'> & {
+    size?: number | string
+  },
+  ref: Ref<SVGSVGElement>
+) => {
+  const iconContext = React.useContext(IconContext)
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width={props.size ?? iconContext.size ?? 24}
+      height={props.size ?? iconContext.size ?? 24}
+      fill="none"
+      viewBox="0 0 24 24"
+      ref={ref}
+      {...props}
+    >
+      <g clipPath="url(#a)">
+        <path
+          stroke="currentcolor"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth={2}
+          d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"
+        />
+      </g>
+      <defs>
+        <clipPath id="a">
+          <path fill="#fff" d="M0 0h24v24H0z" />
+        </clipPath>
+      </defs>
+    </svg>
+  )
+}
+const ForwardRef = forwardRef(SvgGithub)
+export default ForwardRef

package/src/components/Gitlab.tsx

@@ -0,0 +1,40 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { Ref, forwardRef } from 'react'
+import { IconContext } from '../context'
+const SvgGitlab = (
+  props: Omit<SVGProps<SVGSVGElement>, 'width' | 'height'> & {
+    size?: number | string
+  },
+  ref: Ref<SVGSVGElement>
+) => {
+  const iconContext = React.useContext(IconContext)
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width={props.size ?? iconContext.size ?? 24}
+      height={props.size ?? iconContext.size ?? 24}
+      fill="none"
+      viewBox="0 0 24 24"
+      ref={ref}
+      {...props}
+    >
+      <g clipPath="url(#a)">
+        <path
+          stroke="currentcolor"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth={2}
+          d="M22.65 14.39 12 22.13 1.35 14.39a.84.84 0 0 1-.3-.94l1.22-3.78 2.44-7.51A.43.43 0 0 1 5.4 2a.42.42 0 0 1 .11.18l2.44 7.49h8.1l2.44-7.51a.43.43 0 0 1 .69-.16.42.42 0 0 1 .11.18l2.44 7.51L23 13.45a.84.84 0 0 1-.35.94Z"
+        />
+      </g>
+      <defs>
+        <clipPath id="a">
+          <path fill="#fff" d="M0 0h24v24H0z" />
+        </clipPath>
+      </defs>
+    </svg>
+  )
+}
+const ForwardRef = forwardRef(SvgGitlab)
+export default ForwardRef

package/src/components/Globe.tsx

@@ -0,0 +1,41 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { Ref, forwardRef } from 'react'
+import { IconContext } from '../context'
+const SvgGlobe = (
+  props: Omit<SVGProps<SVGSVGElement>, 'width' | 'height'> & {
+    size?: number | string
+  },
+  ref: Ref<SVGSVGElement>
+) => {
+  const iconContext = React.useContext(IconContext)
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width={props.size ?? iconContext.size ?? 24}
+      height={props.size ?? iconContext.size ?? 24}
+      fill="none"
+      viewBox="0 0 24 24"
+      ref={ref}
+      {...props}
+    >
+      <path
+        stroke="currentcolor"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        strokeWidth={2}
+        d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10Z"
+      />
+      <path stroke="currentcolor" strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M2 12h20" />
+      <path
+        stroke="currentcolor"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        strokeWidth={2}
+        d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10v0Z"
+      />
+    </svg>
+  )
+}
+const ForwardRef = forwardRef(SvgGlobe)
+export default ForwardRef

package/src/components/Grid.tsx

@@ -0,0 +1,30 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { Ref, forwardRef } from 'react'
+import { IconContext } from '../context'
+const SvgGrid = (
+  props: Omit<SVGProps<SVGSVGElement>, 'width' | 'height'> & {
+    size?: number | string
+  },
+  ref: Ref<SVGSVGElement>
+) => {
+  const iconContext = React.useContext(IconContext)
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width={props.size ?? iconContext.size ?? 24}
+      height={props.size ?? iconContext.size ?? 24}
+      fill="none"
+      viewBox="0 0 24 24"
+      ref={ref}
+      {...props}
+    >
+      <path stroke="currentcolor" strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M10 3H3v7h7V3Z" />
+      <path stroke="currentcolor" strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M21 3h-7v7h7V3Z" />
+      <path stroke="currentcolor" strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M21 14h-7v7h7v-7Z" />
+      <path stroke="currentcolor" strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M10 14H3v7h7v-7Z" />
+    </svg>
+  )
+}
+const ForwardRef = forwardRef(SvgGrid)
+export default ForwardRef

package/src/components/HardDrive.tsx

@@ -0,0 +1,35 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { Ref, forwardRef } from 'react'
+import { IconContext } from '../context'
+const SvgHardDrive = (
+  props: Omit<SVGProps<SVGSVGElement>, 'width' | 'height'> & {
+    size?: number | string
+  },
+  ref: Ref<SVGSVGElement>
+) => {
+  const iconContext = React.useContext(IconContext)
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width={props.size ?? iconContext.size ?? 24}
+      height={props.size ?? iconContext.size ?? 24}
+      fill="none"
+      viewBox="0 0 24 24"
+      ref={ref}
+      {...props}
+    >
+      <g stroke="currentcolor" strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} clipPath="url(#a)">
+        <path d="M22 12H2" />
+        <path d="M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11v0Z" />
+      </g>
+      <defs>
+        <clipPath id="a">
+          <path fill="#fff" d="M0 0h24v24H0z" />
+        </clipPath>
+      </defs>
+    </svg>
+  )
+}
+const ForwardRef = forwardRef(SvgHardDrive)
+export default ForwardRef

package/src/components/Hash.tsx

@@ -0,0 +1,30 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { Ref, forwardRef } from 'react'
+import { IconContext } from '../context'
+const SvgHash = (
+  props: Omit<SVGProps<SVGSVGElement>, 'width' | 'height'> & {
+    size?: number | string
+  },
+  ref: Ref<SVGSVGElement>
+) => {
+  const iconContext = React.useContext(IconContext)
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width={props.size ?? iconContext.size ?? 24}
+      height={props.size ?? iconContext.size ?? 24}
+      fill="none"
+      viewBox="0 0 24 24"
+      ref={ref}
+      {...props}
+    >
+      <path stroke="currentcolor" strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M4 9h16" />
+      <path stroke="currentcolor" strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M4 15h16" />
+      <path stroke="currentcolor" strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M10 3 8 21" />
+      <path stroke="currentcolor" strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="m16 3-2 18" />
+    </svg>
+  )
+}
+const ForwardRef = forwardRef(SvgHash)
+export default ForwardRef

package/src/components/Headphones.tsx

@@ -0,0 +1,40 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { Ref, forwardRef } from 'react'
+import { IconContext } from '../context'
+const SvgHeadphones = (
+  props: Omit<SVGProps<SVGSVGElement>, 'width' | 'height'> & {
+    size?: number | string
+  },
+  ref: Ref<SVGSVGElement>
+) => {
+  const iconContext = React.useContext(IconContext)
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width={props.size ?? iconContext.size ?? 24}
+      height={props.size ?? iconContext.size ?? 24}
+      fill="none"
+      viewBox="0 0 24 24"
+      ref={ref}
+      {...props}
+    >
+      <path
+        stroke="currentcolor"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        strokeWidth={2}
+        d="M3 18v-6a9 9 0 1 1 18 0v6"
+      />
+      <path
+        stroke="currentcolor"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        strokeWidth={2}
+        d="M21 19a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3v5ZM3 19a2 2 0 0 0 2 2h1a2 2 0 0 0 2-2v-3a2 2 0 0 0-2-2H3v5Z"
+      />
+    </svg>
+  )
+}
+const ForwardRef = forwardRef(SvgHeadphones)
+export default ForwardRef

package/src/components/Heart.tsx

@@ -0,0 +1,33 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { Ref, forwardRef } from 'react'
+import { IconContext } from '../context'
+const SvgHeart = (
+  props: Omit<SVGProps<SVGSVGElement>, 'width' | 'height'> & {
+    size?: number | string
+  },
+  ref: Ref<SVGSVGElement>
+) => {
+  const iconContext = React.useContext(IconContext)
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width={props.size ?? iconContext.size ?? 24}
+      height={props.size ?? iconContext.size ?? 24}
+      fill="none"
+      viewBox="0 0 24 24"
+      ref={ref}
+      {...props}
+    >
+      <path
+        stroke="currentcolor"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        strokeWidth={2}
+        d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.501 5.501 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.501 5.501 0 0 0 0-7.78v0Z"
+      />
+    </svg>
+  )
+}
+const ForwardRef = forwardRef(SvgHeart)
+export default ForwardRef

package/src/components/HelpCircle.tsx

@@ -0,0 +1,36 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { Ref, forwardRef } from 'react'
+import { IconContext } from '../context'
+const SvgHelpCircle = (
+  props: Omit<SVGProps<SVGSVGElement>, 'width' | 'height'> & {
+    size?: number | string
+  },
+  ref: Ref<SVGSVGElement>
+) => {
+  const iconContext = React.useContext(IconContext)
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width={props.size ?? iconContext.size ?? 24}
+      height={props.size ?? iconContext.size ?? 24}
+      fill="none"
+      viewBox="0 0 24 24"
+      ref={ref}
+      {...props}
+    >
+      <g stroke="currentcolor" strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} clipPath="url(#a)">
+        <path d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10Z" />
+        <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" />
+        <path d="M12 17h.01" />
+      </g>
+      <defs>
+        <clipPath id="a">
+          <path fill="#fff" d="M0 0h24v24H0z" />
+        </clipPath>
+      </defs>
+    </svg>
+  )
+}
+const ForwardRef = forwardRef(SvgHelpCircle)
+export default ForwardRef

package/src/components/Hexagon.tsx

@@ -0,0 +1,33 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { Ref, forwardRef } from 'react'
+import { IconContext } from '../context'
+const SvgHexagon = (
+  props: Omit<SVGProps<SVGSVGElement>, 'width' | 'height'> & {
+    size?: number | string
+  },
+  ref: Ref<SVGSVGElement>
+) => {
+  const iconContext = React.useContext(IconContext)
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width={props.size ?? iconContext.size ?? 24}
+      height={props.size ?? iconContext.size ?? 24}
+      fill="none"
+      viewBox="0 0 24 24"
+      ref={ref}
+      {...props}
+    >
+      <path
+        stroke="currentcolor"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        strokeWidth={2}
+        d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z"
+      />
+    </svg>
+  )
+}
+const ForwardRef = forwardRef(SvgHexagon)
+export default ForwardRef

package/src/components/Home.tsx

@@ -0,0 +1,34 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { Ref, forwardRef } from 'react'
+import { IconContext } from '../context'
+const SvgHome = (
+  props: Omit<SVGProps<SVGSVGElement>, 'width' | 'height'> & {
+    size?: number | string
+  },
+  ref: Ref<SVGSVGElement>
+) => {
+  const iconContext = React.useContext(IconContext)
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width={props.size ?? iconContext.size ?? 24}
+      height={props.size ?? iconContext.size ?? 24}
+      fill="none"
+      viewBox="0 0 24 24"
+      ref={ref}
+      {...props}
+    >
+      <path
+        stroke="currentcolor"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        strokeWidth={2}
+        d="m3 9 9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V9Z"
+      />
+      <path stroke="currentcolor" strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9 22V12h6v10" />
+    </svg>
+  )
+}
+const ForwardRef = forwardRef(SvgHome)
+export default ForwardRef

package/src/components/Image.tsx

@@ -0,0 +1,41 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { Ref, forwardRef } from 'react'
+import { IconContext } from '../context'
+const SvgImage = (
+  props: Omit<SVGProps<SVGSVGElement>, 'width' | 'height'> & {
+    size?: number | string
+  },
+  ref: Ref<SVGSVGElement>
+) => {
+  const iconContext = React.useContext(IconContext)
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width={props.size ?? iconContext.size ?? 24}
+      height={props.size ?? iconContext.size ?? 24}
+      fill="none"
+      viewBox="0 0 24 24"
+      ref={ref}
+      {...props}
+    >
+      <path
+        stroke="currentcolor"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        strokeWidth={2}
+        d="M19 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2Z"
+      />
+      <path
+        stroke="currentcolor"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        strokeWidth={2}
+        d="M8.5 10a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z"
+      />
+      <path stroke="currentcolor" strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="m21 15-5-5L5 21" />
+    </svg>
+  )
+}
+const ForwardRef = forwardRef(SvgImage)
+export default ForwardRef

package/src/components/Inbox.tsx

@@ -0,0 +1,40 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { Ref, forwardRef } from 'react'
+import { IconContext } from '../context'
+const SvgInbox = (
+  props: Omit<SVGProps<SVGSVGElement>, 'width' | 'height'> & {
+    size?: number | string
+  },
+  ref: Ref<SVGSVGElement>
+) => {
+  const iconContext = React.useContext(IconContext)
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width={props.size ?? iconContext.size ?? 24}
+      height={props.size ?? iconContext.size ?? 24}
+      fill="none"
+      viewBox="0 0 24 24"
+      ref={ref}
+      {...props}
+    >
+      <path
+        stroke="currentcolor"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        strokeWidth={2}
+        d="M22 12h-6l-2 3h-4l-2-3H2"
+      />
+      <path
+        stroke="currentcolor"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        strokeWidth={2}
+        d="M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11v0Z"
+      />
+    </svg>
+  )
+}
+const ForwardRef = forwardRef(SvgInbox)
+export default ForwardRef