lucide search icon

packages/ui/components/SearchBox.tsx

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { cn } from "@formbricks/lib/cn";
-import { SearchIcon } from "./../index";
+import { Search } from "lucide-react";
 
 export interface InputProps
   extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "crossOrigin" | "dangerouslySetInnerHTML"> {
@@ -25,7 +25,7 @@ const SearchBox = React.forwardRef<HTMLInputElement, InputProps>(({ className, .
         placeholder="Search..."
       />
       <div className="pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3">
-        <SearchIcon className="h-5 w-5 text-gray-400" />
+        <Search className="h-5 w-5 text-gray-400" />
       </div>
     </div>
   );

packages/ui/components/icons/SearchIcon.tsx

@@ -1,18 +0,0 @@
-import React from "react";
-
-export const SearchIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => {
-  return (
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      viewBox="0 0 20 20"
-      fill="none"
-      stroke="currentColor"
-      strokeWidth="2"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      {...props}>
-      <circle cx="8.5" cy="8.5" r="5.5" />
-      <line x1="17" y1="17" x2="13.5" y2="13.5" />
-    </svg>
-  );
-};

packages/ui/index.tsx

@@ -116,4 +116,3 @@ export { UserSearchGlasIcon } from "./components/icons/UserSearchGlasIcon";
 export { VeryDisappointedIcon } from "./components/icons/VeryDisappointedIcon";
 export { VideoTabletAdjustIcon } from "./components/icons/VideoTabletAdjustIcon";
 export { NetPromoterScoreIcon } from "./components/icons/NetPromoterScoreIcon";
-export { SearchIcon } from "./components/icons/SearchIcon";