feat: icon 추가

src/components/Icon/index.tsx

@@ -2,15 +2,29 @@ import { iconFactory, type Icons } from '../../constants/icon';
 
 interface IconProps {
   icon: Icons;
+  className?: string;
   color?: string;
   width?: number;
   height?: number;
 }
 
-const Icon = ({ icon, color, width = 24, height = 24 }: IconProps) => {
+const Icon = ({
+  icon,
+  className,
+  color,
+  width = 24,
+  height = 24,
+}: IconProps) => {
   const SvgIcon = iconFactory[icon];
 
-  return <SvgIcon color={color} width={width} height={height} />;
+  return (
+    <SvgIcon
+      className={className}
+      color={color}
+      width={width}
+      height={height}
+    />
+  );
 };
 
 export default Icon;

src/constants/icon.ts

@@ -1,11 +1,19 @@
+import Add from '@assets/icons/add.svg';
 import Close from '@assets/icons/close.svg';
+import Logout from '@assets/icons/logout.svg';
 import Profle from '@assets/icons/profile.svg';
+import ProfileDialog from '@assets/icons/profileDialog.svg';
+import Setting from '@assets/icons/setting.svg';
 import Submit from '@assets/icons/submit.svg';
 
 export const iconFactory = {
+  add: Add,
+  close: Close,
+  logout: Logout,
   profile: Profle,
+  profileDialog: ProfileDialog,
+  setting: Setting,
   submit: Submit,
-  close: Close,
 };
 
 export type Icons = keyof typeof iconFactory;