diff --git a/frontend/src/components/ui/Icons.tsx b/frontend/src/components/ui/Icons.tsx
deleted file mode 100644
index f81acc2..0000000
--- a/frontend/src/components/ui/Icons.tsx
+++ /dev/null
@@ -1,90 +0,0 @@
-interface IconProps {
-  className?: string;
-}
-
-export function CloseIcon({ className = 'w-4 h-4' }: IconProps) {
-  return (
-    <svg
-      className={className}
-      viewBox="0 0 24 24"
-      fill="none"
-      stroke="currentColor"
-      strokeWidth={2}
-    >
-      <path strokeLinecap="round" strokeLinejoin="round" d="M6 18L18 6M6 6l12 12" />
-    </svg>
-  );
-}
-
-export function InfoIcon({ className = 'w-3.5 h-3.5' }: IconProps) {
-  return (
-    <svg className={className} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth={2}>
-      <circle cx="12" cy="12" r="10" />
-      <path strokeLinecap="round" d="M12 16v-4m0-4h.01" />
-    </svg>
-  );
-}
-
-export function EyeIcon({ filled, className = 'w-3.5 h-3.5' }: IconProps & { filled: boolean }) {
-  return (
-    <svg
-      className={className}
-      viewBox="0 0 24 24"
-      fill={filled ? 'currentColor' : 'none'}
-      stroke="currentColor"
-      strokeWidth={2}
-    >
-      <path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" />
-      <circle cx="12" cy="12" r="3" />
-    </svg>
-  );
-}
-
-export function PlusIcon({ className = 'w-3.5 h-3.5' }: IconProps) {
-  return (
-    <svg className={className} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth={2}>
-      <path strokeLinecap="round" strokeLinejoin="round" d="M12 5v14m-7-7h14" />
-    </svg>
-  );
-}
-
-export function ChevronIcon({
-  direction,
-  className = 'w-4 h-4',
-}: IconProps & { direction: 'left' | 'right' | 'up' | 'down' }) {
-  const paths: Record<string, string> = {
-    left: 'M15 19l-7-7 7-7',
-    right: 'M9 5l7 7-7 7',
-    up: 'M18 15l-6-6-6 6',
-    down: 'M6 9l6 6 6-6',
-  };
-  return (
-    <svg className={className} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth={2}>
-      <path strokeLinecap="round" strokeLinejoin="round" d={paths[direction]} />
-    </svg>
-  );
-}
-
-export function FilterIcon({ className = 'w-8 h-8' }: IconProps) {
-  return (
-    <svg className={className} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth={1.5}>
-      <path
-        strokeLinecap="round"
-        strokeLinejoin="round"
-        d="M12 3c2.755 0 5.455.232 8.083.678.533.09.917.556.917 1.096v1.044a2.25 2.25 0 01-.659 1.591l-5.432 5.432a2.25 2.25 0 00-.659 1.591v2.927a2.25 2.25 0 01-1.244 2.013L9.75 21v-6.568a2.25 2.25 0 00-.659-1.591L3.659 7.409A2.25 2.25 0 013 5.818V4.774c0-.54.384-1.006.917-1.096A48.32 48.32 0 0112 3z"
-      />
-    </svg>
-  );
-}
-
-export function LightbulbIcon({ className = 'w-4 h-4' }: IconProps) {
-  return (
-    <svg className={className} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth={2}>
-      <path
-        strokeLinecap="round"
-        strokeLinejoin="round"
-        d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"
-      />
-    </svg>
-  );
-}
diff --git a/frontend/src/components/ui/icons/ChevronIcon.tsx b/frontend/src/components/ui/icons/ChevronIcon.tsx
new file mode 100644
index 0000000..261c035
--- /dev/null
+++ b/frontend/src/components/ui/icons/ChevronIcon.tsx
@@ -0,0 +1,20 @@
+interface IconProps {
+  className?: string;
+}
+
+export function ChevronIcon({
+  direction,
+  className = 'w-4 h-4',
+}: IconProps & { direction: 'left' | 'right' | 'up' | 'down' }) {
+  const paths: Record<string, string> = {
+    left: 'M15 19l-7-7 7-7',
+    right: 'M9 5l7 7-7 7',
+    up: 'M18 15l-6-6-6 6',
+    down: 'M6 9l6 6 6-6',
+  };
+  return (
+    <svg className={className} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth={2}>
+      <path strokeLinecap="round" strokeLinejoin="round" d={paths[direction]} />
+    </svg>
+  );
+}
diff --git a/frontend/src/components/ui/icons/CloseIcon.tsx b/frontend/src/components/ui/icons/CloseIcon.tsx
new file mode 100644
index 0000000..09edd7f
--- /dev/null
+++ b/frontend/src/components/ui/icons/CloseIcon.tsx
@@ -0,0 +1,17 @@
+interface IconProps {
+  className?: string;
+}
+
+export function CloseIcon({ className = 'w-4 h-4' }: IconProps) {
+  return (
+    <svg
+      className={className}
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      strokeWidth={2}
+    >
+      <path strokeLinecap="round" strokeLinejoin="round" d="M6 18L18 6M6 6l12 12" />
+    </svg>
+  );
+}
diff --git a/frontend/src/components/ui/icons/EyeIcon.tsx b/frontend/src/components/ui/icons/EyeIcon.tsx
new file mode 100644
index 0000000..ae8a7ec
--- /dev/null
+++ b/frontend/src/components/ui/icons/EyeIcon.tsx
@@ -0,0 +1,18 @@
+interface IconProps {
+  className?: string;
+}
+
+export function EyeIcon({ filled, className = 'w-3.5 h-3.5' }: IconProps & { filled: boolean }) {
+  return (
+    <svg
+      className={className}
+      viewBox="0 0 24 24"
+      fill={filled ? 'currentColor' : 'none'}
+      stroke="currentColor"
+      strokeWidth={2}
+    >
+      <path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" />
+      <circle cx="12" cy="12" r="3" />
+    </svg>
+  );
+}
diff --git a/frontend/src/components/ui/icons/FilterIcon.tsx b/frontend/src/components/ui/icons/FilterIcon.tsx
new file mode 100644
index 0000000..ec87459
--- /dev/null
+++ b/frontend/src/components/ui/icons/FilterIcon.tsx
@@ -0,0 +1,15 @@
+interface IconProps {
+  className?: string;
+}
+
+export function FilterIcon({ className = 'w-8 h-8' }: IconProps) {
+  return (
+    <svg className={className} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth={1.5}>
+      <path
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        d="M12 3c2.755 0 5.455.232 8.083.678.533.09.917.556.917 1.096v1.044a2.25 2.25 0 01-.659 1.591l-5.432 5.432a2.25 2.25 0 00-.659 1.591v2.927a2.25 2.25 0 01-1.244 2.013L9.75 21v-6.568a2.25 2.25 0 00-.659-1.591L3.659 7.409A2.25 2.25 0 013 5.818V4.774c0-.54.384-1.006.917-1.096A48.32 48.32 0 0112 3z"
+      />
+    </svg>
+  );
+}
diff --git a/frontend/src/components/ui/icons/InfoIcon.tsx b/frontend/src/components/ui/icons/InfoIcon.tsx
new file mode 100644
index 0000000..bab8edd
--- /dev/null
+++ b/frontend/src/components/ui/icons/InfoIcon.tsx
@@ -0,0 +1,12 @@
+interface IconProps {
+  className?: string;
+}
+
+export function InfoIcon({ className = 'w-3.5 h-3.5' }: IconProps) {
+  return (
+    <svg className={className} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth={2}>
+      <circle cx="12" cy="12" r="10" />
+      <path strokeLinecap="round" d="M12 16v-4m0-4h.01" />
+    </svg>
+  );
+}
diff --git a/frontend/src/components/ui/icons/LightbulbIcon.tsx b/frontend/src/components/ui/icons/LightbulbIcon.tsx
new file mode 100644
index 0000000..7d60a5a
--- /dev/null
+++ b/frontend/src/components/ui/icons/LightbulbIcon.tsx
@@ -0,0 +1,15 @@
+interface IconProps {
+  className?: string;
+}
+
+export function LightbulbIcon({ className = 'w-4 h-4' }: IconProps) {
+  return (
+    <svg className={className} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth={2}>
+      <path
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"
+      />
+    </svg>
+  );
+}
diff --git a/frontend/src/components/ui/icons/PlusIcon.tsx b/frontend/src/components/ui/icons/PlusIcon.tsx
new file mode 100644
index 0000000..8fdb1c6
--- /dev/null
+++ b/frontend/src/components/ui/icons/PlusIcon.tsx
@@ -0,0 +1,11 @@
+interface IconProps {
+  className?: string;
+}
+
+export function PlusIcon({ className = 'w-3.5 h-3.5' }: IconProps) {
+  return (
+    <svg className={className} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth={2}>
+      <path strokeLinecap="round" strokeLinejoin="round" d="M12 5v14m-7-7h14" />
+    </svg>
+  );
+}
diff --git a/frontend/src/components/ui/icons/index.ts b/frontend/src/components/ui/icons/index.ts
new file mode 100644
index 0000000..1c38057
--- /dev/null
+++ b/frontend/src/components/ui/icons/index.ts
@@ -0,0 +1,7 @@
+export { CloseIcon } from './CloseIcon';
+export { InfoIcon } from './InfoIcon';
+export { EyeIcon } from './EyeIcon';
+export { PlusIcon } from './PlusIcon';
+export { ChevronIcon } from './ChevronIcon';
+export { FilterIcon } from './FilterIcon';
+export { LightbulbIcon } from './LightbulbIcon';