perf: enable SVGO optimization

ltfschoen · Mar 4, 2023 · dfbcd2d · dfbcd2d
1 parent 89e838e
commit dfbcd2d
Show file tree

Hide file tree

Showing 286 changed files with 1,116 additions and 1,508 deletions.
diff --git a/packages/icons/.svgrrc b/packages/icons/.svgrrc
@@ -0,0 +1,4 @@
+{
+  "outDir": "src/components",
+  "typescript": true
+}
diff --git a/packages/icons/package.json b/packages/icons/package.json
@@ -10,7 +10,7 @@
   "scripts": {
     "dev": "tsc --build --watch tsconfig.build.json tsconfig.build.commonjs.json",
     "build": "tsc --build tsconfig.build.json tsconfig.build.commonjs.json",
-    "codegen": "npx @svgr/cli --typescript --no-svgo --out-dir src/components -- src/svgs",
+    "codegen": "npx @svgr/cli -- src/svgs",
     "check-types": "tsc --noEmit"
   },
   "devDependencies": {

diff --git a/packages/icons/src/components/Activity.tsx b/packages/icons/src/components/Activity.tsx
@@ -1,9 +1,9 @@
 import * as React from 'react'
 import { SVGProps } from 'react'
 const SvgActivity = (props: SVGProps<SVGSVGElement>) => (
-  <svg width={24} height={24} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+  <svg width={24} height={24} fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
     <path
-      d="M22 12H18L15 21L9 3L6 12H2"
+      d="M22 12h-4l-3 9L9 3l-3 9H2"
       stroke="currentColor"
       strokeWidth={2}
       strokeLinecap="round"

diff --git a/packages/icons/src/components/Airplay.tsx b/packages/icons/src/components/Airplay.tsx
@@ -1,21 +1,15 @@
 import * as React from 'react'
 import { SVGProps } from 'react'
 const SvgAirplay = (props: SVGProps<SVGSVGElement>) => (
-  <svg width={24} height={24} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+  <svg width={24} height={24} fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
     <path
-      d="M5 17H4C3.46957 17 2.96086 16.7893 2.58579 16.4142C2.21071 16.0391 2 15.5304 2 15V5C2 4.46957 2.21071 3.96086 2.58579 3.58579C2.96086 3.21071 3.46957 3 4 3H20C20.5304 3 21.0391 3.21071 21.4142 3.58579C21.7893 3.96086 22 4.46957 22 5V15C22 15.5304 21.7893 16.0391 21.4142 16.4142C21.0391 16.7893 20.5304 17 20 17H19"
-      stroke="currentColor"
-      strokeWidth={2}
-      strokeLinecap="round"
-      strokeLinejoin="round"
-    />
-    <path
-      d="M12 15L17 21H7L12 15Z"
+      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"
       stroke="currentColor"
       strokeWidth={2}
       strokeLinecap="round"
       strokeLinejoin="round"
     />
+    <path d="m12 15 5 6H7l5-6Z" stroke="currentColor" strokeWidth={2} strokeLinecap="round" strokeLinejoin="round" />
   </svg>
 )
 export default SvgAirplay
diff --git a/packages/icons/src/components/AlertCircle.tsx b/packages/icons/src/components/AlertCircle.tsx
@@ -1,21 +1,15 @@
 import * as React from 'react'
 import { SVGProps } from 'react'
 const SvgAlertCircle = (props: SVGProps<SVGSVGElement>) => (
-  <svg width={24} height={24} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
-    <g clipPath="url(#clip0_210_793)">
-      <path
-        d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z"
-        stroke="currentColor"
-        strokeWidth={2}
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-      <path d="M12 8V12" stroke="currentColor" strokeWidth={2} strokeLinecap="round" strokeLinejoin="round" />
-      <path d="M12 16H12.01" stroke="currentColor" strokeWidth={2} strokeLinecap="round" strokeLinejoin="round" />
+  <svg width={24} height={24} fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+    <g clipPath="url(#a)" stroke="currentColor" strokeWidth={2} strokeLinecap="round" strokeLinejoin="round">
+      <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="clip0_210_793">
-        <rect width={24} height={24} fill="white" />
+      <clipPath id="a">
+        <path fill="#fff" d="M0 0h24v24H0z" />
       </clipPath>
     </defs>
   </svg>

diff --git a/packages/icons/src/components/AlertOctagon.tsx b/packages/icons/src/components/AlertOctagon.tsx
@@ -1,21 +1,15 @@
 import * as React from 'react'
 import { SVGProps } from 'react'
 const SvgAlertOctagon = (props: SVGProps<SVGSVGElement>) => (
-  <svg width={24} height={24} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
-    <g clipPath="url(#clip0_210_798)">
-      <path
-        d="M7.86 2H16.14L22 7.86V16.14L16.14 22H7.86L2 16.14V7.86L7.86 2Z"
-        stroke="currentColor"
-        strokeWidth={2}
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-      <path d="M12 16H12.01" stroke="currentColor" strokeWidth={2} strokeLinecap="round" strokeLinejoin="round" />
-      <path d="M12 8V12" stroke="currentColor" strokeWidth={2} strokeLinecap="round" strokeLinejoin="round" />
+  <svg width={24} height={24} fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+    <g clipPath="url(#a)" stroke="currentColor" strokeWidth={2} strokeLinecap="round" strokeLinejoin="round">
+      <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="clip0_210_798">
-        <rect width={24} height={24} fill="white" />
+      <clipPath id="a">
+        <path fill="#fff" d="M0 0h24v24H0z" />
       </clipPath>
     </defs>
   </svg>

diff --git a/packages/icons/src/components/AlertTriangle.tsx b/packages/icons/src/components/AlertTriangle.tsx
@@ -1,21 +1,15 @@
 import * as React from 'react'
 import { SVGProps } from 'react'
 const SvgAlertTriangle = (props: SVGProps<SVGSVGElement>) => (
-  <svg width={24} height={24} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
-    <g clipPath="url(#clip0_210_803)">
-      <path
-        d="M10.29 3.85999L1.82002 18C1.64539 18.3024 1.55299 18.6453 1.55201 18.9945C1.55103 19.3437 1.64151 19.6871 1.81445 19.9905C1.98738 20.2939 2.23675 20.5467 2.53773 20.7238C2.83871 20.9009 3.18082 20.9962 3.53002 21H20.47C20.8192 20.9962 21.1613 20.9009 21.4623 20.7238C21.7633 20.5467 22.0127 20.2939 22.1856 19.9905C22.3585 19.6871 22.449 19.3437 22.448 18.9945C22.4471 18.6453 22.3547 18.3024 22.18 18L13.71 3.85999C13.5318 3.5661 13.2807 3.32311 12.9812 3.15447C12.6817 2.98584 12.3438 2.89725 12 2.89725C11.6563 2.89725 11.3184 2.98584 11.0188 3.15447C10.7193 3.32311 10.4683 3.5661 10.29 3.85999V3.85999Z"
-        stroke="currentColor"
-        strokeWidth={2}
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-      <path d="M12 17H12.01" stroke="currentColor" strokeWidth={2} strokeLinecap="round" strokeLinejoin="round" />
-      <path d="M12 9V13" stroke="currentColor" strokeWidth={2} strokeLinecap="round" strokeLinejoin="round" />
+  <svg width={24} height={24} fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+    <g clipPath="url(#a)" stroke="currentColor" strokeWidth={2} strokeLinecap="round" strokeLinejoin="round">
+      <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="clip0_210_803">
-        <rect width={24} height={24} fill="white" />
+      <clipPath id="a">
+        <path fill="#fff" d="M0 0h24v24H0z" />
       </clipPath>
     </defs>
   </svg>

diff --git a/packages/icons/src/components/AlignCenter.tsx b/packages/icons/src/components/AlignCenter.tsx
@@ -1,7 +1,7 @@
 import * as React from 'react'
 import { SVGProps } from 'react'
 const SvgAlignCenter = (props: SVGProps<SVGSVGElement>) => (
-  <svg width={24} height={24} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+  <svg width={24} height={24} fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
     <path d="M18 10H6" stroke="currentColor" strokeWidth={2} strokeLinecap="round" strokeLinejoin="round" />
     <path d="M21 6H3" stroke="currentColor" strokeWidth={2} strokeLinecap="round" strokeLinejoin="round" />
     <path d="M21 14H3" stroke="currentColor" strokeWidth={2} strokeLinecap="round" strokeLinejoin="round" />

diff --git a/packages/icons/src/components/AlignJustify.tsx b/packages/icons/src/components/AlignJustify.tsx
@@ -1,7 +1,7 @@
 import * as React from 'react'
 import { SVGProps } from 'react'
 const SvgAlignJustify = (props: SVGProps<SVGSVGElement>) => (
-  <svg width={24} height={24} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+  <svg width={24} height={24} fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
     <path d="M21 10H3" stroke="currentColor" strokeWidth={2} strokeLinecap="round" strokeLinejoin="round" />
     <path d="M21 6H3" stroke="currentColor" strokeWidth={2} strokeLinecap="round" strokeLinejoin="round" />
     <path d="M21 14H3" stroke="currentColor" strokeWidth={2} strokeLinecap="round" strokeLinejoin="round" />

diff --git a/packages/icons/src/components/AlignLeft.tsx b/packages/icons/src/components/AlignLeft.tsx
@@ -1,7 +1,7 @@
 import * as React from 'react'
 import { SVGProps } from 'react'
 const SvgAlignLeft = (props: SVGProps<SVGSVGElement>) => (
-  <svg width={24} height={24} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+  <svg width={24} height={24} fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
     <path d="M17 10H3" stroke="currentColor" strokeWidth={2} strokeLinecap="round" strokeLinejoin="round" />
     <path d="M21 6H3" stroke="currentColor" strokeWidth={2} strokeLinecap="round" strokeLinejoin="round" />
     <path d="M21 14H3" stroke="currentColor" strokeWidth={2} strokeLinecap="round" strokeLinejoin="round" />

diff --git a/packages/icons/src/components/AlignRight.tsx b/packages/icons/src/components/AlignRight.tsx
@@ -1,7 +1,7 @@
 import * as React from 'react'
 import { SVGProps } from 'react'
 const SvgAlignRight = (props: SVGProps<SVGSVGElement>) => (
-  <svg width={24} height={24} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+  <svg width={24} height={24} fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
     <path d="M21 10H7" stroke="currentColor" strokeWidth={2} strokeLinecap="round" strokeLinejoin="round" />
     <path d="M21 6H3" stroke="currentColor" strokeWidth={2} strokeLinecap="round" strokeLinejoin="round" />
     <path d="M21 14H3" stroke="currentColor" strokeWidth={2} strokeLinecap="round" strokeLinejoin="round" />

diff --git a/packages/icons/src/components/Anchor.tsx b/packages/icons/src/components/Anchor.tsx
@@ -1,17 +1,17 @@
 import * as React from 'react'
 import { SVGProps } from 'react'
 const SvgAnchor = (props: SVGProps<SVGSVGElement>) => (
-  <svg width={24} height={24} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+  <svg width={24} height={24} fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
     <path
-      d="M12 8C13.6569 8 15 6.65685 15 5C15 3.34315 13.6569 2 12 2C10.3431 2 9 3.34315 9 5C9 6.65685 10.3431 8 12 8Z"
+      d="M12 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z"
       stroke="currentColor"
       strokeWidth={2}
       strokeLinecap="round"
       strokeLinejoin="round"
     />
     <path d="M12 22V8" stroke="currentColor" strokeWidth={2} strokeLinecap="round" strokeLinejoin="round" />
     <path
-      d="M5 12H2C2 14.6522 3.05357 17.1957 4.92893 19.0711C6.8043 20.9464 9.34784 22 12 22C14.6522 22 17.1957 20.9464 19.0711 19.0711C20.9464 17.1957 22 14.6522 22 12H19"
+      d="M5 12H2a10 10 0 0 0 20 0h-3"
       stroke="currentColor"
       strokeWidth={2}
       strokeLinecap="round"

diff --git a/packages/icons/src/components/Aperture.tsx b/packages/icons/src/components/Aperture.tsx
@@ -1,38 +1,20 @@
 import * as React from 'react'
 import { SVGProps } from 'react'
 const SvgAperture = (props: SVGProps<SVGSVGElement>) => (
-  <svg width={24} height={24} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+  <svg width={24} height={24} fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
     <path
-      d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z"
-      stroke="currentColor"
-      strokeWidth={2}
-      strokeLinecap="round"
-      strokeLinejoin="round"
-    />
-    <path
-      d="M14.3101 8L20.0501 17.94"
-      stroke="currentColor"
-      strokeWidth={2}
-      strokeLinecap="round"
-      strokeLinejoin="round"
-    />
-    <path d="M9.68994 8H21.1699" stroke="currentColor" strokeWidth={2} strokeLinecap="round" strokeLinejoin="round" />
-    <path d="M7.38 12L13.12 2.06" stroke="currentColor" strokeWidth={2} strokeLinecap="round" strokeLinejoin="round" />
-    <path
-      d="M9.68995 16L3.94995 6.06"
-      stroke="currentColor"
-      strokeWidth={2}
-      strokeLinecap="round"
-      strokeLinejoin="round"
-    />
-    <path d="M14.31 16H2.82996" stroke="currentColor" strokeWidth={2} strokeLinecap="round" strokeLinejoin="round" />
-    <path
-      d="M16.62 12L10.88 21.94"
+      d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10Z"
       stroke="currentColor"
       strokeWidth={2}
       strokeLinecap="round"
       strokeLinejoin="round"
     />
+    <path d="m14.31 8 5.74 9.94" stroke="currentColor" strokeWidth={2} strokeLinecap="round" strokeLinejoin="round" />
+    <path d="M9.69 8h11.48" stroke="currentColor" strokeWidth={2} strokeLinecap="round" strokeLinejoin="round" />
+    <path d="m7.38 12 5.74-9.94" stroke="currentColor" strokeWidth={2} strokeLinecap="round" strokeLinejoin="round" />
+    <path d="M9.69 16 3.95 6.06" stroke="currentColor" strokeWidth={2} strokeLinecap="round" strokeLinejoin="round" />
+    <path d="M14.31 16H2.83" stroke="currentColor" strokeWidth={2} strokeLinecap="round" strokeLinejoin="round" />
+    <path d="m16.62 12-5.74 9.94" stroke="currentColor" strokeWidth={2} strokeLinecap="round" strokeLinejoin="round" />
   </svg>
 )
 export default SvgAperture
diff --git a/packages/icons/src/components/Archive.tsx b/packages/icons/src/components/Archive.tsx
@@ -1,10 +1,10 @@
 import * as React from 'react'
 import { SVGProps } from 'react'
 const SvgArchive = (props: SVGProps<SVGSVGElement>) => (
-  <svg width={24} height={24} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
-    <path d="M21 8V21H3V8" stroke="currentColor" strokeWidth={2} strokeLinecap="round" strokeLinejoin="round" />
-    <path d="M23 3H1V8H23V3Z" stroke="currentColor" strokeWidth={2} strokeLinecap="round" strokeLinejoin="round" />
-    <path d="M10 12H14" stroke="currentColor" strokeWidth={2} strokeLinecap="round" strokeLinejoin="round" />
+  <svg width={24} height={24} fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+    <path d="M21 8v13H3V8" stroke="currentColor" strokeWidth={2} strokeLinecap="round" strokeLinejoin="round" />
+    <path d="M23 3H1v5h22V3Z" stroke="currentColor" strokeWidth={2} strokeLinecap="round" strokeLinejoin="round" />
+    <path d="M10 12h4" stroke="currentColor" strokeWidth={2} strokeLinecap="round" strokeLinejoin="round" />
   </svg>
 )
 export default SvgArchive
diff --git a/packages/icons/src/components/ArrowDown.tsx b/packages/icons/src/components/ArrowDown.tsx
@@ -1,9 +1,9 @@
 import * as React from 'react'
 import { SVGProps } from 'react'
 const SvgArrowDown = (props: SVGProps<SVGSVGElement>) => (
-  <svg width={24} height={24} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
-    <path d="M12 5V19" stroke="currentColor" strokeWidth={2} strokeLinecap="round" strokeLinejoin="round" />
-    <path d="M19 12L12 19L5 12" stroke="currentColor" strokeWidth={2} strokeLinecap="round" strokeLinejoin="round" />
+  <svg width={24} height={24} fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+    <path d="M12 5v14" stroke="currentColor" strokeWidth={2} strokeLinecap="round" strokeLinejoin="round" />
+    <path d="m19 12-7 7-7-7" stroke="currentColor" strokeWidth={2} strokeLinecap="round" strokeLinejoin="round" />
   </svg>
 )
 export default SvgArrowDown
diff --git a/packages/icons/src/components/ArrowDownCircle.tsx b/packages/icons/src/components/ArrowDownCircle.tsx
@@ -1,16 +1,16 @@
 import * as React from 'react'
 import { SVGProps } from 'react'
 const SvgArrowDownCircle = (props: SVGProps<SVGSVGElement>) => (
-  <svg width={24} height={24} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+  <svg width={24} height={24} fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
     <path
-      d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z"
+      d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10Z"
       stroke="currentColor"
       strokeWidth={2}
       strokeLinecap="round"
       strokeLinejoin="round"
     />
-    <path d="M8 12L12 16L16 12" stroke="currentColor" strokeWidth={2} strokeLinecap="round" strokeLinejoin="round" />
-    <path d="M12 8V16" stroke="currentColor" strokeWidth={2} strokeLinecap="round" strokeLinejoin="round" />
+    <path d="m8 12 4 4 4-4" stroke="currentColor" strokeWidth={2} strokeLinecap="round" strokeLinejoin="round" />
+    <path d="M12 8v8" stroke="currentColor" strokeWidth={2} strokeLinecap="round" strokeLinejoin="round" />
   </svg>
 )
 export default SvgArrowDownCircle
diff --git a/packages/icons/src/components/ArrowDownLeft.tsx b/packages/icons/src/components/ArrowDownLeft.tsx
@@ -1,8 +1,8 @@
 import * as React from 'react'
 import { SVGProps } from 'react'
 const SvgArrowDownLeft = (props: SVGProps<SVGSVGElement>) => (
-  <svg width={24} height={24} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
-    <path d="M17 7L7 17" stroke="currentColor" strokeWidth={2} strokeLinecap="round" strokeLinejoin="round" />
+  <svg width={24} height={24} fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+    <path d="M17 7 7 17" stroke="currentColor" strokeWidth={2} strokeLinecap="round" strokeLinejoin="round" />
     <path d="M17 17H7V7" stroke="currentColor" strokeWidth={2} strokeLinecap="round" strokeLinejoin="round" />
   </svg>
 )

diff --git a/packages/icons/src/components/ArrowDownRight.tsx b/packages/icons/src/components/ArrowDownRight.tsx
@@ -1,9 +1,9 @@
 import * as React from 'react'
 import { SVGProps } from 'react'
 const SvgArrowDownRight = (props: SVGProps<SVGSVGElement>) => (
-  <svg width={24} height={24} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
-    <path d="M7 7L17 17" stroke="currentColor" strokeWidth={2} strokeLinecap="round" strokeLinejoin="round" />
-    <path d="M17 7V17H7" stroke="currentColor" strokeWidth={2} strokeLinecap="round" strokeLinejoin="round" />
+  <svg width={24} height={24} fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+    <path d="m7 7 10 10" stroke="currentColor" strokeWidth={2} strokeLinecap="round" strokeLinejoin="round" />
+    <path d="M17 7v10H7" stroke="currentColor" strokeWidth={2} strokeLinecap="round" strokeLinejoin="round" />
   </svg>
 )
 export default SvgArrowDownRight
diff --git a/packages/icons/src/components/ArrowLeft.tsx b/packages/icons/src/components/ArrowLeft.tsx
@@ -1,9 +1,9 @@
 import * as React from 'react'
 import { SVGProps } from 'react'
 const SvgArrowLeft = (props: SVGProps<SVGSVGElement>) => (
-  <svg width={24} height={24} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+  <svg width={24} height={24} fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
     <path d="M19 12H5" stroke="currentColor" strokeWidth={2} strokeLinecap="round" strokeLinejoin="round" />
-    <path d="M12 19L5 12L12 5" stroke="currentColor" strokeWidth={2} strokeLinecap="round" strokeLinejoin="round" />
+    <path d="m12 19-7-7 7-7" stroke="currentColor" strokeWidth={2} strokeLinecap="round" strokeLinejoin="round" />
   </svg>
 )
 export default SvgArrowLeft
diff --git a/packages/icons/src/components/ArrowLeftCircle.tsx b/packages/icons/src/components/ArrowLeftCircle.tsx
@@ -1,15 +1,15 @@
 import * as React from 'react'
 import { SVGProps } from 'react'
 const SvgArrowLeftCircle = (props: SVGProps<SVGSVGElement>) => (
-  <svg width={24} height={24} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+  <svg width={24} height={24} fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
     <path
-      d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z"
+      d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10Z"
       stroke="currentColor"
       strokeWidth={2}
       strokeLinecap="round"
       strokeLinejoin="round"
     />
-    <path d="M12 8L8 12L12 16" stroke="currentColor" strokeWidth={2} strokeLinecap="round" strokeLinejoin="round" />
+    <path d="m12 8-4 4 4 4" stroke="currentColor" strokeWidth={2} strokeLinecap="round" strokeLinejoin="round" />
     <path d="M16 12H8" stroke="currentColor" strokeWidth={2} strokeLinecap="round" strokeLinejoin="round" />
   </svg>
 )

diff --git a/packages/icons/src/components/ArrowRight.tsx b/packages/icons/src/components/ArrowRight.tsx
@@ -1,9 +1,9 @@
 import * as React from 'react'
 import { SVGProps } from 'react'
 const SvgArrowRight = (props: SVGProps<SVGSVGElement>) => (
-  <svg width={24} height={24} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
-    <path d="M5 12H19" stroke="currentColor" strokeWidth={2} strokeLinecap="round" strokeLinejoin="round" />
-    <path d="M12 5L19 12L12 19" stroke="currentColor" strokeWidth={2} strokeLinecap="round" strokeLinejoin="round" />
+  <svg width={24} height={24} fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+    <path d="M5 12h14" stroke="currentColor" strokeWidth={2} strokeLinecap="round" strokeLinejoin="round" />
+    <path d="m12 5 7 7-7 7" stroke="currentColor" strokeWidth={2} strokeLinecap="round" strokeLinejoin="round" />
   </svg>
 )
 export default SvgArrowRight