feat(icons): 피그마 아이콘 변경사항 자동 반영

packages/icons/src/Icon.stories.tsx

@@ -0,0 +1,39 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import * as Icons from './index';
+
+const meta: Meta = {
+  title: 'Icons',
+  component: Icons,
+  parameters: {
+    layout: 'centered',
+  },
+  tags: ['autodocs'],
+};
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+const style = {
+  width: '24px',
+  height: '24px',
+  margin: '8px',
+};
+
+export const All: Story = {
+  render: () => (
+    <div className="icons-group">
+      <div key="ArrowSolidUp">
+          <Icons.ArrowSolidUp style={style} />
+          <p>arrow-solid-up</p>
+        </div>
+      <div key="ArrowSolidLeft">
+          <Icons.ArrowSolidLeft style={style} />
+          <p>arrow-solid-left</p>
+        </div>
+      <div key="ArrowSolidDown">
+          <Icons.ArrowSolidDown style={style} />
+          <p>arrow-solid-down</p>
+        </div>
+    </div>
+  ),
+};

packages/icons/src/Interaction/ic-arrow-solid-down.tsx

@@ -0,0 +1,27 @@
+import { HTMLAttributes, forwardRef } from "react";
+
+  interface IconArrowSolidDownProps extends HTMLAttributes<SVGSVGElement> {}
+
+  const IconArrowSolidDown = forwardRef<SVGSVGElement, IconArrowSolidDownProps>(
+    (props, ref) => {
+      return (
+        <svg
+          {...props}
+          ref={ref}
+          fill="none"
+          viewBox="0 0 24 24"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M15.7 9H8.3C7.97038 9 7.78223 9.37631 7.98 9.64L11.68 14.5733C11.84 14.7867 12.16 14.7867 12.32 14.5733L16.02 9.64C16.2178 9.37631 16.0296 9 15.7 9Z"
+            stroke="currentColor"
+            strokeWidth="1.5"
+            strokeLinecap="round"
+            strokeLinejoin="round"
+          />
+        </svg>
+      );
+    }
+  );
+
+  export default IconArrowSolidDown;

packages/icons/src/Interaction/ic-arrow-solid-left.tsx

@@ -0,0 +1,27 @@
+import { HTMLAttributes, forwardRef } from "react";
+
+  interface IconArrowSolidLeftProps extends HTMLAttributes<SVGSVGElement> {}
+
+  const IconArrowSolidLeft = forwardRef<SVGSVGElement, IconArrowSolidLeftProps>(
+    (props, ref) => {
+      return (
+        <svg
+          {...props}
+          ref={ref}
+          fill="none"
+          viewBox="0 0 24 24"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M15 15.7L15 8.3C15 7.97038 14.6237 7.78223 14.36 7.98L9.42667 11.68C9.21333 11.84 9.21333 12.16 9.42667 12.32L14.36 16.02C14.6237 16.2178 15 16.0296 15 15.7Z"
+            stroke="currentColor"
+            strokeWidth="1.5"
+            strokeLinecap="round"
+            strokeLinejoin="round"
+          />
+        </svg>
+      );
+    }
+  );
+
+  export default IconArrowSolidLeft;

packages/icons/src/Interaction/ic-arrow-solid-up.tsx

@@ -0,0 +1,27 @@
+import { HTMLAttributes, forwardRef } from "react";
+
+  interface IconArrowSolidUpProps extends HTMLAttributes<SVGSVGElement> {}
+
+  const IconArrowSolidUp = forwardRef<SVGSVGElement, IconArrowSolidUpProps>(
+    (props, ref) => {
+      return (
+        <svg
+          {...props}
+          ref={ref}
+          fill="none"
+          viewBox="0 0 24 24"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M8.3 15L15.7 15C16.0296 15 16.2178 14.6237 16.02 14.36L12.32 9.42667C12.16 9.21333 11.84 9.21333 11.68 9.42667L7.98 14.36C7.78223 14.6237 7.97038 15 8.3 15Z"
+            stroke="currentColor"
+            strokeWidth="1.5"
+            strokeLinecap="round"
+            strokeLinejoin="round"
+          />
+        </svg>
+      );
+    }
+  );
+
+  export default IconArrowSolidUp;

packages/icons/src/Interaction/index.ts

@@ -24,3 +24,6 @@ export { default as IconSwitchHorizontal } from "./ic-switch-horizontal";
 export { default as IconSwitchVertical } from "./ic-switch-vertical";
 export { default as IconXCircle } from "./ic-x-circle";
 export { default as IconXClose } from "./ic-x-close";
+export { default as ArrowSolidUp } from './ic-arrow-solid-up';
+export { default as ArrowSolidLeft } from './ic-arrow-solid-left';
+export { default as ArrowSolidDown } from './ic-arrow-solid-down';