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

packages/icons/src/General/ic-download.tsx

@@ -0,0 +1,27 @@
+import { HTMLAttributes, forwardRef } from "react";
+
+  interface IconDownloadProps extends HTMLAttributes<SVGSVGElement> {}
+
+  const IconDownload = forwardRef<SVGSVGElement, IconDownloadProps>(
+    (props, ref) => {
+      return (
+        <svg
+          {...props}
+          ref={ref}
+          fill="none"
+          viewBox="0 0 24 24"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M21 12V16.2C21 17.8802 21 18.7202 20.673 19.362C20.3854 19.9265 19.9265 20.3854 19.362 20.673C18.7202 21 17.8802 21 16.2 21H7.8C6.11984 21 5.27976 21 4.63803 20.673C4.07354 20.3854 3.6146 19.9265 3.32698 19.362C3 18.7202 3 17.8802 3 16.2V12M16 11L12 15M12 15L8 11M12 15V3"
+            stroke="currentColor"
+            strokeWidth="1.5"
+            strokeLinecap="round"
+            strokeLinejoin="round"
+          />
+        </svg>
+      );
+    }
+  );
+
+  export default IconDownload;

packages/icons/src/General/index.ts

@@ -14,3 +14,4 @@ export { default as IconSliders } from "./ic-sliders";
 export { default as IconTrash } from "./ic-trash";
 export { default as IconUnlocked } from "./ic-unlocked";
 export { default as IconUploadCloud } from "./ic-upload-cloud";
+export { default as Download } from './ic-download';

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';