Improve icons

frontend/src/components/ui/icons/EyeIcon.tsx

@@ -7,12 +7,12 @@ export function EyeIcon({ filled, className = 'w-3.5 h-3.5' }: IconProps & { fil
     <svg
       className={className}
       viewBox="0 0 24 24"
-      fill={filled ? 'currentColor' : 'none'}
+      fill="none"
       stroke="currentColor"
       strokeWidth={2}
     >
-      <path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" />
+      <path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" fill={filled ? 'currentColor' : 'none'} />
-      <circle cx="12" cy="12" r="3" />
+      <circle cx="12" cy="12" r="3" fill={filled ? 'currentColor' : 'none'} stroke={filled ? 'white' : 'currentColor'} />
     </svg>
   );
 }

frontend/src/components/ui/icons/LocationIcon.tsx

@@ -0,0 +1,26 @@
+interface IconProps {
+  className?: string;
+}
+
+export function LocationIcon({ className = 'w-5 h-5' }: IconProps) {
+  return (
+    <svg
+      className={className}
+      fill="none"
+      stroke="currentColor"
+      viewBox="0 0 24 24"
+      strokeWidth={2}
+    >
+      <path
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"
+      />
+      <path
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"
+      />
+    </svg>
+  );
+}

frontend/src/components/ui/icons/index.ts

@@ -5,3 +5,4 @@ export { PlusIcon } from './PlusIcon';
 export { ChevronIcon } from './ChevronIcon';
 export { FilterIcon } from './FilterIcon';
 export { LightbulbIcon } from './LightbulbIcon';
+export { LocationIcon } from './LocationIcon';