@talismn/icons 0.0.0-pr1002.045a7406

package/src/components/Volume.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 SvgVolume = (
+  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="M11 5 6 9H2v6h4l5 4V5Z"
+      />
+    </svg>
+  )
+}
+const ForwardRef = forwardRef(SvgVolume)
+export default ForwardRef

package/src/components/Volume1.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 SvgVolume1 = (
+  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="M11 5 6 9H2v6h4l5 4V5Z"
+      />
+      <path
+        stroke="currentcolor"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        strokeWidth={2}
+        d="M15.54 8.46a5 5 0 0 1 0 7.07"
+      />
+    </svg>
+  )
+}
+const ForwardRef = forwardRef(SvgVolume1)
+export default ForwardRef

package/src/components/Volume2.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 SvgVolume2 = (
+  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="M11 5 6 9H2v6h4l5 4V5Z"
+      />
+      <path
+        stroke="currentcolor"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        strokeWidth={2}
+        d="M19.07 4.93a10 10 0 0 1 0 14.14M15.54 8.46a5 5 0 0 1 0 7.07"
+      />
+    </svg>
+  )
+}
+const ForwardRef = forwardRef(SvgVolume2)
+export default ForwardRef

package/src/components/VolumeX.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 SvgVolumeX = (
+  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="M11 5 6 9H2v6h4l5 4V5Z"
+      />
+      <path stroke="currentcolor" strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="m23 9-6 6" />
+      <path stroke="currentcolor" strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="m17 9 6 6" />
+    </svg>
+  )
+}
+const ForwardRef = forwardRef(SvgVolumeX)
+export default ForwardRef

package/src/components/Wallet.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 SvgWallet = (
+  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 20 20"
+      ref={ref}
+      {...props}
+    >
+      <path
+        stroke="currentcolor"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        strokeWidth={2}
+        d="M13.75 11.667h.008M2.5 4.167v11.666c0 .92.746 1.667 1.667 1.667h11.666c.92 0 1.667-.746 1.667-1.667V7.5c0-.92-.746-1.667-1.667-1.667H4.167c-.92 0-1.667-.746-1.667-1.666Zm0 0c0-.92.746-1.667 1.667-1.667h10m0 9.167a.417.417 0 1 1-.834 0 .417.417 0 0 1 .834 0Z"
+      />
+    </svg>
+  )
+}
+const ForwardRef = forwardRef(SvgWallet)
+export default ForwardRef

package/src/components/Watch.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 SvgWatch = (
+  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 19a7 7 0 1 0 0-14 7 7 0 0 0 0 14Z"
+      />
+      <path stroke="currentcolor" strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M12 9v3l1.5 1.5" />
+      <path
+        stroke="currentcolor"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        strokeWidth={2}
+        d="m16.51 17.35-.35 3.83a2 2 0 0 1-2 1.82H9.83a2 2 0 0 1-2-1.82l-.35-3.83m.01-10.7.35-3.83A2 2 0 0 1 9.83 1h4.35a2 2 0 0 1 2 1.82l.35 3.83"
+      />
+    </svg>
+  )
+}
+const ForwardRef = forwardRef(SvgWatch)
+export default ForwardRef

package/src/components/Wifi.tsx

@@ -0,0 +1,37 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { Ref, forwardRef } from 'react'
+import { IconContext } from '../context'
+const SvgWifi = (
+  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="M5 12.55a11 11 0 0 1 14.08 0" />
+        <path d="M1.42 9a16 16 0 0 1 21.16 0" />
+        <path d="M8.53 16.11a6 6 0 0 1 6.95 0" />
+        <path d="M12 20h.01" />
+      </g>
+      <defs>
+        <clipPath id="a">
+          <path fill="#fff" d="M0 0h24v24H0z" />
+        </clipPath>
+      </defs>
+    </svg>
+  )
+}
+const ForwardRef = forwardRef(SvgWifi)
+export default ForwardRef

package/src/components/WifiOff.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 SvgWifiOff = (
+  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="m1 1 22 22" />
+        <path d="M16.72 11.06c.82.4 1.585.9 2.28 1.49" />
+        <path d="M5 12.55a10.94 10.94 0 0 1 5.17-2.39" />
+        <path d="M10.71 5.05A16 16 0 0 1 22.58 9" />
+        <path d="M1.42 9a15.91 15.91 0 0 1 4.7-2.88" />
+        <path d="M8.53 16.11a6 6 0 0 1 6.95 0" />
+        <path d="M12 20h.01" />
+      </g>
+      <defs>
+        <clipPath id="a">
+          <path fill="#fff" d="M0 0h24v24H0z" />
+        </clipPath>
+      </defs>
+    </svg>
+  )
+}
+const ForwardRef = forwardRef(SvgWifiOff)
+export default ForwardRef

package/src/components/Wind.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 SvgWind = (
+  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="M9.59 4.59A2 2 0 1 1 11 8H2m10.59 11.41A2 2 0 1 0 14 16H2m15.73-8.27A2.5 2.5 0 1 1 19.5 12H2"
+      />
+    </svg>
+  )
+}
+const ForwardRef = forwardRef(SvgWind)
+export default ForwardRef

package/src/components/X.tsx

@@ -0,0 +1,28 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { Ref, forwardRef } from 'react'
+import { IconContext } from '../context'
+const SvgX = (
+  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 6 6 18" />
+      <path stroke="currentcolor" strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="m6 6 12 12" />
+    </svg>
+  )
+}
+const ForwardRef = forwardRef(SvgX)
+export default ForwardRef

package/src/components/XCircle.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 SvgXCircle = (
+  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="m15 9-6 6" />
+      <path stroke="currentcolor" strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="m9 9 6 6" />
+    </svg>
+  )
+}
+const ForwardRef = forwardRef(SvgXCircle)
+export default ForwardRef

package/src/components/XOctagon.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 SvgXOctagon = (
+  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="M7.86 2h8.28L22 7.86v8.28L16.14 22H7.86L2 16.14V7.86L7.86 2Z"
+      />
+      <path stroke="currentcolor" strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="m15 9-6 6" />
+      <path stroke="currentcolor" strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="m9 9 6 6" />
+    </svg>
+  )
+}
+const ForwardRef = forwardRef(SvgXOctagon)
+export default ForwardRef

package/src/components/XSquare.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 SvgXSquare = (
+  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="m9 9 6 6" />
+      <path stroke="currentcolor" strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="m15 9-6 6" />
+    </svg>
+  )
+}
+const ForwardRef = forwardRef(SvgXSquare)
+export default ForwardRef

package/src/components/Youtube.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 SvgYoutube = (
+  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.54 6.42a2.78 2.78 0 0 0-1.94-2C18.88 4 12 4 12 4s-6.88 0-8.6.46a2.78 2.78 0 0 0-1.94 2A29 29 0 0 0 1 11.75a29 29 0 0 0 .46 5.33A2.78 2.78 0 0 0 3.4 19c1.72.46 8.6.46 8.6.46s6.88 0 8.6-.46a2.78 2.78 0 0 0 1.94-2c.312-1.732.466-3.49.46-5.25a29.005 29.005 0 0 0-.46-5.33Z"
+      />
+      <path
+        stroke="currentcolor"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        strokeWidth={2}
+        d="m9.75 15.02 5.75-3.27-5.75-3.27v6.54Z"
+      />
+    </svg>
+  )
+}
+const ForwardRef = forwardRef(SvgYoutube)
+export default ForwardRef

package/src/components/Zap.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 SvgZap = (
+  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="M13 2 3 14h9l-1 8 10-12h-9l1-8Z"
+      />
+    </svg>
+  )
+}
+const ForwardRef = forwardRef(SvgZap)
+export default ForwardRef

package/src/components/ZapOff.tsx

@@ -0,0 +1,37 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { Ref, forwardRef } from 'react'
+import { IconContext } from '../context'
+const SvgZapOff = (
+  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.41 6.75 13 2l-2.43 2.92" />
+        <path d="M18.57 12.91 21 10h-5.34" />
+        <path d="m8 8-5 6h9l-1 8 5-6" />
+        <path d="m1 1 22 22" />
+      </g>
+      <defs>
+        <clipPath id="a">
+          <path fill="#fff" d="M0 0h24v24H0z" />
+        </clipPath>
+      </defs>
+    </svg>
+  )
+}
+const ForwardRef = forwardRef(SvgZapOff)
+export default ForwardRef

package/src/components/ZapPlus.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 SvgZapPlus = (
+  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 20 20"
+      ref={ref}
+      {...props}
+    >
+      <path
+        fill="currentcolor"
+        d="m10.833 1.667.695.087a.7.7 0 0 0-1.232-.535l.537.448Zm-8.333 10-.538-.448a.7.7 0 0 0 .538 1.148v-.7Zm7.5 0 .693.101a.7.7 0 0 0-.693-.801v.7Zm0-3.334-.695-.086a.7.7 0 0 0 .695.786v-.7ZM9 18.5l-.693-.101a.7.7 0 0 0 1.188.596L9 18.5Zm2.495-1.505a.7.7 0 0 0-.99-.99l.99.99Zm4.474-7.95a.7.7 0 1 0 1.063.91l-1.063-.91Zm1.531-.712.532.456a.7.7 0 0 0-.532-1.156v.7ZM14.3 17a.7.7 0 1 0 1.4 0h-1.4Zm1.4-6a.7.7 0 1 0-1.4 0h1.4ZM12 13.3a.7.7 0 1 0 0 1.4v-1.4Zm6 1.4a.7.7 0 1 0 0-1.4v1.4ZM10.296 1.219l-8.334 10 1.076.896 8.333-10-1.075-.896ZM2.5 12.367H10v-1.4H2.5v1.4Zm8.195-3.947.833-6.666-1.39-.174-.833 6.667 1.39.173Zm-1.388 3.145-1 6.834 1.386.203 1-6.834-1.386-.203Zm.188 7.43 2-2-.99-.99-2 2 .99.99Zm7.537-9.04 1-1.166-1.064-.911-1 1.167 1.064.91ZM15.7 17v-3h-1.4v3h1.4Zm0-3v-3h-1.4v3h1.4Zm-3.7.7h3v-1.4h-3v1.4Zm3 0h3v-1.4h-3v1.4Zm2.5-7.067H10v1.4h7.5v-1.4Z"
+      />
+    </svg>
+  )
+}
+const ForwardRef = forwardRef(SvgZapPlus)
+export default ForwardRef

package/src/components/ZoomIn.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 SvgZoomIn = (
+  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="M11 19a8 8 0 1 0 0-16 8 8 0 0 0 0 16Z"
+      />
+      <path stroke="currentcolor" strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="m21 21-4.35-4.35" />
+      <path stroke="currentcolor" strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M11 8v6" />
+      <path stroke="currentcolor" strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M8 11h6" />
+    </svg>
+  )
+}
+const ForwardRef = forwardRef(SvgZoomIn)
+export default ForwardRef