diff --git a/src/components/Icon/LeftArrowIcon.tsx b/src/components/Icon/LeftArrowIcon.tsx
new file mode 100644
index 00000000..e201a9ef
--- /dev/null
+++ b/src/components/Icon/LeftArrowIcon.tsx
@@ -0,0 +1,15 @@
+import React, { type SVGProps } from 'react';
+
+function LeftArrowIcon(props: SVGProps<SVGSVGElement>) {
+  return (
+    <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+      <path
+        d="M13.7139 17.4273L6.43555 10.149L13.7139 2.87012"
+        stroke={props.color ?? '#B0B8C1'}
+        strokeWidth="1.66667"
+      />
+    </svg>
+  );
+}
+
+export default LeftArrowIcon;
diff --git a/src/components/Icon/index.tsx b/src/components/Icon/index.tsx
new file mode 100644
index 00000000..95cc635b
--- /dev/null
+++ b/src/components/Icon/index.tsx
@@ -0,0 +1,15 @@
+import { type SVGProps } from 'react';
+import LeftArrowIcon from '@/components/Icon/LeftArrowIcon';
+
+type IconType = 'left-arrow';
+
+interface Props extends SVGProps<SVGSVGElement> {
+  name: IconType;
+}
+
+export default function Icon({ name, ...props }: Props) {
+  switch (name) {
+    case 'left-arrow':
+      return <LeftArrowIcon {...props} />;
+  }
+}