@talismn/icons 0.0.0-pr1002.045a7406

package/.eslintrc.cjs

@@ -0,0 +1,5 @@
+module.exports = {
+  root: true,
+  extends: '@talismn/eslint-config/react',
+  ignorePatterns: ['src/components'],
+}

package/.svgrrc.js

@@ -0,0 +1,16 @@
+module.exports = {
+  outDir: 'src/components',
+  typescript: true,
+  prettier: true,
+  ref: true,
+  replaceAttrValues: {
+    '#000': 'currentcolor',
+    '#121212': 'currentcolor',
+    black: 'currentcolor',
+  },
+  template: require('./template'),
+  svgProps: {
+    width: '{props.size ?? iconContext.size ?? 24}',
+    height: '{props.size ?? iconContext.size ?? 24}',
+  },
+}

package/README.md

@@ -0,0 +1 @@
+# icons

package/package.json

@@ -0,0 +1,30 @@
+{
+  "name": "@talismn/icons",
+  "version": "0.0.0-pr1002.045a7406",
+  "main": "build/commonjs/index.js",
+  "exports": {
+    ".": "./build/index.js",
+    "./utils": "./build/utils.js"
+  },
+  "scripts": {
+    "dev": "tsc --build --watch tsconfig.json",
+    "build": "rm -rf build && tsc --build tsconfig.json",
+    "codegen": "npx @svgr/cli -- src/svgs",
+    "lint": "eslint src",
+    "check-types": "tsc --noEmit"
+  },
+  "devDependencies": {
+    "@svgr/cli": "^8.0.1",
+    "@talismn/eslint-config": "^0.0.0",
+    "@talismn/tsconfig": "^0.0.0",
+    "@types/react": "^18.0.28",
+    "eslint": "^8.37.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "typescript": "^5.0.2"
+  },
+  "peerDependencies": {
+    "react": "18.x"
+  },
+  "stableVersion": "0.0.0"
+}

package/src/components/Activity.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 SvgActivity = (
+  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-4l-3 9L9 3l-3 9H2"
+      />
+    </svg>
+  )
+}
+const ForwardRef = forwardRef(SvgActivity)
+export default ForwardRef

package/src/components/Airplay.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 SvgAirplay = (
+  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="M5 17H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-1"
+      />
+      <path stroke="currentcolor" strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="m12 15 5 6H7l5-6Z" />
+    </svg>
+  )
+}
+const ForwardRef = forwardRef(SvgAirplay)
+export default ForwardRef

package/src/components/AlertCircle.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 SvgAlertCircle = (
+  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="M12 8v4" />
+        <path d="M12 16h.01" />
+      </g>
+      <defs>
+        <clipPath id="a">
+          <path fill="#fff" d="M0 0h24v24H0z" />
+        </clipPath>
+      </defs>
+    </svg>
+  )
+}
+const ForwardRef = forwardRef(SvgAlertCircle)
+export default ForwardRef

package/src/components/AlertOctagon.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 SvgAlertOctagon = (
+  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="M7.86 2h8.28L22 7.86v8.28L16.14 22H7.86L2 16.14V7.86L7.86 2Z" />
+        <path d="M12 16h.01" />
+        <path d="M12 8v4" />
+      </g>
+      <defs>
+        <clipPath id="a">
+          <path fill="#fff" d="M0 0h24v24H0z" />
+        </clipPath>
+      </defs>
+    </svg>
+  )
+}
+const ForwardRef = forwardRef(SvgAlertOctagon)
+export default ForwardRef

package/src/components/AlertTriangle.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 SvgAlertTriangle = (
+  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="M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0v0Z" />
+        <path d="M12 17h.01" />
+        <path d="M12 9v4" />
+      </g>
+      <defs>
+        <clipPath id="a">
+          <path fill="#fff" d="M0 0h24v24H0z" />
+        </clipPath>
+      </defs>
+    </svg>
+  )
+}
+const ForwardRef = forwardRef(SvgAlertTriangle)
+export default ForwardRef

package/src/components/AlignCenter.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 SvgAlignCenter = (
+  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 10H6" />
+      <path stroke="currentcolor" strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M21 6H3" />
+      <path stroke="currentcolor" strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M21 14H3" />
+      <path stroke="currentcolor" strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M18 18H6" />
+    </svg>
+  )
+}
+const ForwardRef = forwardRef(SvgAlignCenter)
+export default ForwardRef

package/src/components/AlignJustify.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 SvgAlignJustify = (
+  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 10H3" />
+      <path stroke="currentcolor" strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M21 6H3" />
+      <path stroke="currentcolor" strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M21 14H3" />
+      <path stroke="currentcolor" strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M21 18H3" />
+    </svg>
+  )
+}
+const ForwardRef = forwardRef(SvgAlignJustify)
+export default ForwardRef

package/src/components/AlignLeft.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 SvgAlignLeft = (
+  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="M17 10H3" />
+      <path stroke="currentcolor" strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M21 6H3" />
+      <path stroke="currentcolor" strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M21 14H3" />
+      <path stroke="currentcolor" strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M17 18H3" />
+    </svg>
+  )
+}
+const ForwardRef = forwardRef(SvgAlignLeft)
+export default ForwardRef

package/src/components/AlignRight.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 SvgAlignRight = (
+  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 10H7" />
+      <path stroke="currentcolor" strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M21 6H3" />
+      <path stroke="currentcolor" strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M21 14H3" />
+      <path stroke="currentcolor" strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M21 18H7" />
+    </svg>
+  )
+}
+const ForwardRef = forwardRef(SvgAlignRight)
+export default ForwardRef

package/src/components/Anchor.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 SvgAnchor = (
+  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 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z"
+      />
+      <path stroke="currentcolor" strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M12 22V8" />
+      <path
+        stroke="currentcolor"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        strokeWidth={2}
+        d="M5 12H2a10 10 0 0 0 20 0h-3"
+      />
+    </svg>
+  )
+}
+const ForwardRef = forwardRef(SvgAnchor)
+export default ForwardRef

package/src/components/Aperture.tsx

@@ -0,0 +1,45 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { Ref, forwardRef } from 'react'
+import { IconContext } from '../context'
+const SvgAperture = (
+  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="m14.31 8 5.74 9.94" />
+      <path stroke="currentcolor" strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9.69 8h11.48" />
+      <path stroke="currentcolor" strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="m7.38 12 5.74-9.94" />
+      <path stroke="currentcolor" strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9.69 16 3.95 6.06" />
+      <path stroke="currentcolor" strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M14.31 16H2.83" />
+      <path
+        stroke="currentcolor"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        strokeWidth={2}
+        d="m16.62 12-5.74 9.94"
+      />
+    </svg>
+  )
+}
+const ForwardRef = forwardRef(SvgAperture)
+export default ForwardRef

package/src/components/Archive.tsx

@@ -0,0 +1,29 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { Ref, forwardRef } from 'react'
+import { IconContext } from '../context'
+const SvgArchive = (
+  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 8v13H3V8" />
+      <path stroke="currentcolor" strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M23 3H1v5h22V3Z" />
+      <path stroke="currentcolor" strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M10 12h4" />
+    </svg>
+  )
+}
+const ForwardRef = forwardRef(SvgArchive)
+export default ForwardRef

package/src/components/ArrowDown.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 SvgArrowDown = (
+  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 5v14" />
+      <path stroke="currentcolor" strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="m19 12-7 7-7-7" />
+    </svg>
+  )
+}
+const ForwardRef = forwardRef(SvgArrowDown)
+export default ForwardRef

package/src/components/ArrowDownCircle.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 SvgArrowDownCircle = (
+  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="m8 12 4 4 4-4" />
+      <path stroke="currentcolor" strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M12 8v8" />
+    </svg>
+  )
+}
+const ForwardRef = forwardRef(SvgArrowDownCircle)
+export default ForwardRef

package/src/components/ArrowDownLeft.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 SvgArrowDownLeft = (
+  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="M17 7 7 17" />
+      <path stroke="currentcolor" strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M17 17H7V7" />
+    </svg>
+  )
+}
+const ForwardRef = forwardRef(SvgArrowDownLeft)
+export default ForwardRef

package/src/components/ArrowDownRight.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 SvgArrowDownRight = (
+  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 7 10 10" />
+      <path stroke="currentcolor" strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M17 7v10H7" />
+    </svg>
+  )
+}
+const ForwardRef = forwardRef(SvgArrowDownRight)
+export default ForwardRef

package/src/components/ArrowLeft.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 SvgArrowLeft = (
+  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 12H5" />
+      <path stroke="currentcolor" strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="m12 19-7-7 7-7" />
+    </svg>
+  )
+}
+const ForwardRef = forwardRef(SvgArrowLeft)
+export default ForwardRef