From 912cc3fc1ee08147b643f627c7453a9ef7b6a402 Mon Sep 17 00:00:00 2001
From: kong <piorag99@gmail.com>
Date: Wed, 15 Jan 2025 23:30:29 +0900
Subject: [PATCH 1/2] =?UTF-8?q?fix:=20svg=20=EC=BB=B4=ED=8F=AC=EB=84=8C?=
 =?UTF-8?q?=ED=8A=B8=20width=20=EA=B0=92=20=EA=B3=A0=EC=A0=95=EB=90=98?=
 =?UTF-8?q?=EC=A7=80=20=EC=95=8A=EB=8F=84=EB=A1=9D=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 7a3f48ee..577df477 100644
--- a/package.json
+++ b/package.json
@@ -7,7 +7,7 @@
     "dev": "vite",
     "build": "tsc -b && vite build",
     "preview": "vite preview",
-    "svgr": "npx @svgr/cli --out-dir src/asset/svg --ignore-existing --typescript -- public/svgs",
+    "svgr": "npx @svgr/cli --out-dir src/asset/svg --ignore-existing --typescript --no-dimensions -- public/svgs",
     "lint": "biome lint --write",
     "format": "biome format --write",
     "check": "biome check --write",

From 46f81ff318f9751002551fc3eada791b9ba74120 Mon Sep 17 00:00:00 2001
From: kong <piorag99@gmail.com>
Date: Wed, 15 Jan 2025 23:31:10 +0900
Subject: [PATCH 2/2] =?UTF-8?q?fix:=20=EA=B8=B0=EC=A1=B4=20svg=ED=8C=8C?=
 =?UTF-8?q?=EC=9D=BC=EB=93=A4=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/asset/svg/IcBottomSheetLine.tsx |  3 +--
 src/asset/svg/IcDelete.tsx          | 24 +++++++++++++++---------
 src/asset/svg/IcEllipse57.tsx       |  3 +--
 src/asset/svg/IcEllipses.tsx        |  3 +--
 src/asset/svg/IcMessage.tsx         |  3 +--
 src/asset/svg/IcShape.tsx           |  9 +++++++--
 src/asset/svg/IcTest.tsx            |  3 +--
 src/asset/svg/IcoMessage.tsx        |  3 +--
 src/asset/svg/IcoSkeleton.tsx       |  3 +--
 src/asset/svg/Plus.tsx              |  6 +++---
 src/asset/svg/React.tsx             |  3 +--
 src/asset/svg/Vite.tsx              |  3 +--
 src/asset/svg/index.ts              |  6 +++---
 13 files changed, 37 insertions(+), 35 deletions(-)

diff --git a/src/asset/svg/IcBottomSheetLine.tsx b/src/asset/svg/IcBottomSheetLine.tsx
index a9b539ba..7b7a6ce3 100644
--- a/src/asset/svg/IcBottomSheetLine.tsx
+++ b/src/asset/svg/IcBottomSheetLine.tsx
@@ -3,9 +3,8 @@ import type { SVGProps } from "react";
 const SvgIcBottomSheetLine = (props: SVGProps<SVGSVGElement>) => (
   <svg
     xmlns="http://www.w3.org/2000/svg"
-    width={85}
-    height={4}
     fill="none"
+    viewBox="0 0 85 4"
     {...props}
   >
     <path
diff --git a/src/asset/svg/IcDelete.tsx b/src/asset/svg/IcDelete.tsx
index ebaed214..00a7abf2 100644
--- a/src/asset/svg/IcDelete.tsx
+++ b/src/asset/svg/IcDelete.tsx
@@ -1,13 +1,19 @@
+import * as React from "react";
 import type { SVGProps } from "react";
-
-type SvgIcDeleteProps = SVGProps<SVGSVGElement> & {
-  color?: string;
-};
-
-const SvgIcDelete = ({ color = "#14B5F0", ...props }: SvgIcDeleteProps) => (
-  <svg xmlns="http://www.w3.org/2000/svg" width={24} height={24} fill="none" {...props}>
-    <title>SvgIcDelete</title>
-    <path stroke={color} strokeLinecap="round" strokeLinejoin="round" strokeWidth={1.5} d="M17 7 7 17M7 7l10 10" />
+const SvgIcDelete = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    fill="none"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path
+      stroke="#14B5F0"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth={1.5}
+      d="M17 7 7 17M7 7l10 10"
+    />
   </svg>
 );
 export default SvgIcDelete;
diff --git a/src/asset/svg/IcEllipse57.tsx b/src/asset/svg/IcEllipse57.tsx
index 8800eeca..7e879d36 100644
--- a/src/asset/svg/IcEllipse57.tsx
+++ b/src/asset/svg/IcEllipse57.tsx
@@ -3,9 +3,8 @@ import type { SVGProps } from "react";
 const SvgIcEllipse57 = (props: SVGProps<SVGSVGElement>) => (
   <svg
     xmlns="http://www.w3.org/2000/svg"
-    width={32}
-    height={32}
     fill="none"
+    viewBox="0 0 32 32"
     {...props}
   >
     <circle cx={16} cy={16} r={16} fill="#E4E4E4" />
diff --git a/src/asset/svg/IcEllipses.tsx b/src/asset/svg/IcEllipses.tsx
index edac0496..d061317f 100644
--- a/src/asset/svg/IcEllipses.tsx
+++ b/src/asset/svg/IcEllipses.tsx
@@ -3,9 +3,8 @@ import type { SVGProps } from "react";
 const SvgIcEllipses = (props: SVGProps<SVGSVGElement>) => (
   <svg
     xmlns="http://www.w3.org/2000/svg"
-    width={22}
-    height={22}
     fill="none"
+    viewBox="0 0 22 22"
     {...props}
   >
     <g
diff --git a/src/asset/svg/IcMessage.tsx b/src/asset/svg/IcMessage.tsx
index 0eb3b8ce..8691da2b 100644
--- a/src/asset/svg/IcMessage.tsx
+++ b/src/asset/svg/IcMessage.tsx
@@ -3,9 +3,8 @@ import type { SVGProps } from "react";
 const SvgIcMessage = (props: SVGProps<SVGSVGElement>) => (
   <svg
     xmlns="http://www.w3.org/2000/svg"
-    width={18}
-    height={18}
     fill="none"
+    viewBox="0 0 18 18"
     {...props}
   >
     <path
diff --git a/src/asset/svg/IcShape.tsx b/src/asset/svg/IcShape.tsx
index e813ef0f..5554ea5f 100644
--- a/src/asset/svg/IcShape.tsx
+++ b/src/asset/svg/IcShape.tsx
@@ -1,7 +1,12 @@
+import * as React from "react";
 import type { SVGProps } from "react";
 const SvgIcShape = (props: SVGProps<SVGSVGElement>) => (
-  <svg xmlns="http://www.w3.org/2000/svg" width={32} height={32} fill="none" {...props}>
-    <title>SvgIcShape</title>
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    fill="none"
+    viewBox="0 0 32 32"
+    {...props}
+  >
     <g fill="#171719">
       <path d="M12.46 4.334a1.2 1.2 0 0 1 1.2-1.2h4.662a1.2 1.2 0 1 1 0 2.4H13.66a1.2 1.2 0 0 1-1.2-1.2M10.196 4.314A1.2 1.2 0 0 1 9.032 5.55c-1.142.035-1.618.125-1.957.3l-.012.006a2.84 2.84 0 0 0-1.233 1.24c-.173.34-.263.816-.298 1.954a1.2 1.2 0 1 1-2.399-.072c.035-1.138.117-2.113.564-2.983l.004-.007a5.24 5.24 0 0 1 2.283-2.276c.868-.444 1.841-.526 2.976-.56a1.2 1.2 0 0 1 1.235 1.162M21.786 4.314a1.2 1.2 0 0 1 1.236-1.163c1.135.035 2.108.117 2.976.561a5.24 5.24 0 0 1 2.282 2.276l.004.007c.448.87.53 1.845.564 2.983a1.2 1.2 0 0 1-2.399.072c-.034-1.138-.124-1.615-.297-1.954a2.84 2.84 0 0 0-1.233-1.24l-.012-.006c-.34-.175-.815-.265-1.958-.3a1.2 1.2 0 0 1-1.163-1.236M4.333 12.46a1.2 1.2 0 0 1 1.2 1.2v4.663a1.2 1.2 0 0 1-2.4 0V13.66a1.2 1.2 0 0 1 1.2-1.2M27.649 12.46a1.2 1.2 0 0 1 1.2 1.2v4.663a1.2 1.2 0 1 1-2.4 0V13.66a1.2 1.2 0 0 1 1.2-1.2M27.703 21.787a1.2 1.2 0 0 1 1.163 1.236c-.035 1.137-.117 2.112-.564 2.982l-.004.007a5.24 5.24 0 0 1-2.283 2.276c-.868.445-1.841.527-2.976.561a1.2 1.2 0 1 1-.072-2.399c1.142-.034 1.618-.125 1.957-.3l.012-.006a2.84 2.84 0 0 0 1.233-1.24c.173-.339.263-.815.298-1.954a1.2 1.2 0 0 1 1.236-1.163M4.296 21.804a1.2 1.2 0 0 1 1.236 1.163c.035 1.143.125 1.619.3 1.958l.006.012c.257.514.687.942 1.24 1.233.34.173.816.263 1.954.297a1.2 1.2 0 0 1-.072 2.4c-1.138-.035-2.113-.117-2.983-.565L5.97 28.3a5.24 5.24 0 0 1-2.276-2.283c-.444-.868-.526-1.841-.56-2.976a1.2 1.2 0 0 1 1.162-1.236M12.46 27.65a1.2 1.2 0 0 1 1.2-1.2h4.662a1.2 1.2 0 1 1 0 2.4H13.66a1.2 1.2 0 0 1-1.2-1.2" />
     </g>
diff --git a/src/asset/svg/IcTest.tsx b/src/asset/svg/IcTest.tsx
index 2a128f03..83265a06 100644
--- a/src/asset/svg/IcTest.tsx
+++ b/src/asset/svg/IcTest.tsx
@@ -3,9 +3,8 @@ import type { SVGProps } from "react";
 const SvgIcTest = (props: SVGProps<SVGSVGElement>) => (
   <svg
     xmlns="http://www.w3.org/2000/svg"
-    width={20}
-    height={20}
     fill="none"
+    viewBox="0 0 20 20"
     {...props}
   >
     <mask
diff --git a/src/asset/svg/IcoMessage.tsx b/src/asset/svg/IcoMessage.tsx
index dade41a3..b7e97001 100644
--- a/src/asset/svg/IcoMessage.tsx
+++ b/src/asset/svg/IcoMessage.tsx
@@ -3,9 +3,8 @@ import type { SVGProps } from "react";
 const SvgIcoMessage = (props: SVGProps<SVGSVGElement>) => (
   <svg
     xmlns="http://www.w3.org/2000/svg"
-    width={20}
-    height={20}
     fill="none"
+    viewBox="0 0 20 20"
     {...props}
   >
     <path
diff --git a/src/asset/svg/IcoSkeleton.tsx b/src/asset/svg/IcoSkeleton.tsx
index ba73ca7b..d6bc32c1 100644
--- a/src/asset/svg/IcoSkeleton.tsx
+++ b/src/asset/svg/IcoSkeleton.tsx
@@ -3,9 +3,8 @@ import type { SVGProps } from "react";
 const SvgIcoSkeleton = (props: SVGProps<SVGSVGElement>) => (
   <svg
     xmlns="http://www.w3.org/2000/svg"
-    width={76}
-    height={77}
     fill="none"
+    viewBox="0 0 76 77"
     {...props}
   >
     <rect width={76} height={76} y={0.5} fill="#F0F0F0" rx={8} />
diff --git a/src/asset/svg/Plus.tsx b/src/asset/svg/Plus.tsx
index 37fed351..8ca74ce8 100644
--- a/src/asset/svg/Plus.tsx
+++ b/src/asset/svg/Plus.tsx
@@ -1,10 +1,10 @@
+import * as React from "react";
 import type { SVGProps } from "react";
 const SvgPlus = (props: SVGProps<SVGSVGElement>) => (
   <svg
     xmlns="http://www.w3.org/2000/svg"
-    width={24}
-    height={24}
     fill="none"
+    viewBox="0 0 25 24"
     {...props}
   >
     <path
@@ -12,7 +12,7 @@ const SvgPlus = (props: SVGProps<SVGSVGElement>) => (
       strokeLinecap="round"
       strokeLinejoin="round"
       strokeWidth={1.5}
-      d="M12 5v14m-7-7h14"
+      d="M12.5 5v14m-7-7h14"
     />
   </svg>
 );
diff --git a/src/asset/svg/React.tsx b/src/asset/svg/React.tsx
index 0dd62340..4e54ffec 100644
--- a/src/asset/svg/React.tsx
+++ b/src/asset/svg/React.tsx
@@ -1,9 +1,8 @@
+import * as React from "react";
 import type { SVGProps } from "react";
 const SvgReact = (props: SVGProps<SVGSVGElement>) => (
   <svg
     xmlns="http://www.w3.org/2000/svg"
-    width={35.93}
-    height={32}
     aria-hidden="true"
     className="react_svg__iconify react_svg__iconify--logos"
     viewBox="0 0 256 228"
diff --git a/src/asset/svg/Vite.tsx b/src/asset/svg/Vite.tsx
index 9b3dfb6c..75685609 100644
--- a/src/asset/svg/Vite.tsx
+++ b/src/asset/svg/Vite.tsx
@@ -1,9 +1,8 @@
+import * as React from "react";
 import type { SVGProps } from "react";
 const SvgVite = (props: SVGProps<SVGSVGElement>) => (
   <svg
     xmlns="http://www.w3.org/2000/svg"
-    width={31.88}
-    height={32}
     aria-hidden="true"
     className="vite_svg__iconify vite_svg__iconify--logos"
     viewBox="0 0 256 257"
diff --git a/src/asset/svg/index.ts b/src/asset/svg/index.ts
index 4c119aa7..7f6bb963 100644
--- a/src/asset/svg/index.ts
+++ b/src/asset/svg/index.ts
@@ -1,12 +1,12 @@
+export { default as IcBottomSheetLine } from "./IcBottomSheetLine";
 export { default as IcEllipse57 } from "./IcEllipse57";
-export { default as IcEllipses } from "./IcEllipses";
-export { default as IcMessage } from "./IcMessage";
 export { default as IcShape } from "./IcShape";
 export { default as IcDelete } from "./IcDelete";
+export { default as IcEllipses } from "./IcEllipses";
+export { default as IcMessage } from "./IcMessage";
 export { default as IcTest } from "./IcTest";
 export { default as IcoMessage } from "./IcoMessage";
 export { default as IcoSkeleton } from "./IcoSkeleton";
 export { default as Plus } from "./Plus";
 export { default as React } from "./React";
 export { default as Vite } from "./Vite";
-export { default as IcBottomSheetLine } from "./IcBottomSheetLine";