3 files changed, 12 insertions, 17 deletions
diff --git a/apps/mobile/components/ui/SearchInput/SearchInput.ios.tsx b/apps/mobile/components/ui/SearchInput/SearchInput.ios.tsx
index 969e48b2..0b1dd76c 100644
--- a/apps/mobile/components/ui/SearchInput/SearchInput.ios.tsx
+++ b/apps/mobile/components/ui/SearchInput/SearchInput.ios.tsx
@@ -11,11 +11,11 @@ import Animated, {
   useDerivedValue,
   withTiming,
 } from "react-native-reanimated";
+import { TailwindResolver } from "@/components/TailwindResolver";
 import { Text } from "@/components/ui/Text";
-import { useColorScheme } from "@/lib/useColorScheme";
 import { cn } from "@/lib/utils";
 import { useAugmentedRef, useControllableState } from "@rn-primitives/hooks";
-import { Icon } from "@roninoss/icons";
+import { SearchIcon } from "lucide-react-native";
 
 import type { SearchInputProps } from "./types";
 
@@ -38,13 +38,12 @@ const SearchInput = React.forwardRef<
       containerClassName,
       iconContainerClassName,
       className,
-      iconColor,
+      iconColor: _iconColor,
       onCancel,
       ...props
     },
     ref,
   ) => {
-    const { colors } = useColorScheme();
     const inputRef = useAugmentedRef({ ref, methods: { focus, blur, clear } });
     const [showCancel, setShowCancel] = React.useState(false);
     const showCancelDerivedValue = useDerivedValue(
@@ -140,7 +139,12 @@ const SearchInput = React.forwardRef<
               iconContainerClassName,
             )}
           >
-            <Icon color={iconColor ?? colors.grey3} name="magnify" size={22} />
+            <TailwindResolver
+              className="text-muted"
+              comp={(styles) => (
+                <SearchIcon color={styles?.color?.toString()} size={20} />
+              )}
+            />
           </View>
           <TextInput
             ref={inputRef}
diff --git a/apps/mobile/components/ui/SearchInput/SearchInput.tsx b/apps/mobile/components/ui/SearchInput/SearchInput.tsx
index 7e816ab6..e028a07e 100644
--- a/apps/mobile/components/ui/SearchInput/SearchInput.tsx
+++ b/apps/mobile/components/ui/SearchInput/SearchInput.tsx
@@ -6,7 +6,7 @@ import { Button } from "@/components/ui/Button";
 import { useColorScheme } from "@/lib/useColorScheme";
 import { cn } from "@/lib/utils";
 import { useAugmentedRef, useControllableState } from "@rn-primitives/hooks";
-import { Icon } from "@roninoss/icons";
+import { SearchIcon, XIcon } from "lucide-react-native";
 
 import type { SearchInputProps } from "./types";
 
@@ -64,11 +64,7 @@ const SearchInput = React.forwardRef<
           <TailwindResolver
             className="text-muted"
             comp={(styles) => (
-              <Icon
-                color={styles?.color?.toString()}
-                name="magnify"
-                size={24}
-              />
+              <SearchIcon color={styles?.color?.toString()} size={24} />
             )}
           />
         </View>
@@ -94,11 +90,7 @@ const SearchInput = React.forwardRef<
               <TailwindResolver
                 className="text-muted"
                 comp={(styles) => (
-                  <Icon
-                    name="close"
-                    size={24}
-                    color={styles?.color?.toString()}
-                  />
+                  <XIcon size={24} color={styles?.color?.toString()} />
                 )}
               />
             </Pressable>
diff --git a/apps/mobile/package.json b/apps/mobile/package.json
index 61c6ec6e..8a942349 100644
--- a/apps/mobile/package.json
+++ b/apps/mobile/package.json
@@ -22,7 +22,6 @@
     "@react-native-menu/menu": "^1.2.4",
     "@rn-primitives/hooks": "^1.3.0",
     "@rn-primitives/slot": "^1.2.0",
-    "@roninoss/icons": "^0.0.4",
     "@shopify/flash-list": "^2.0.3",
     "@tanstack/react-query": "^5.80.3",
     "class-variance-authority": "^0.7.0",