diff --git a/app/(auth)/(tabs)/_layout.tsx b/app/(auth)/(tabs)/_layout.tsx
index 03e02c80..9c3cedb0 100644
--- a/app/(auth)/(tabs)/_layout.tsx
+++ b/app/(auth)/(tabs)/_layout.tsx
@@ -1,6 +1,6 @@
 import * as NavigationBar from "expo-navigation-bar";
 import React, { useEffect } from "react";
-import { Platform } from "react-native";
+import { Platform, View } from "react-native";
 
 import { withLayoutContext } from "expo-router";
 
@@ -17,6 +17,7 @@ import type {
   ParamListBase,
   TabNavigationState,
 } from "@react-navigation/native";
+import {} from "@expo/vector-icons/Ionicons";
 
 export const NativeTabs = withLayoutContext<
   BottomTabNavigationOptions,
@@ -40,21 +41,24 @@ export default function TabLayout() {
         name="(home)"
         options={{
           title: "Home",
-          tabBarIcon: ({ color, focused, size }) => ({ sfSymbol: "house" }),
+          tabBarIcon: ({ color, focused, size }) =>
+            require("@/assets/icons/house.fill.png"),
         }}
       />
       <NativeTabs.Screen
         name="(search)"
         options={{
           title: "Search",
-          tabBarIcon: () => ({ sfSymbol: "magnifyingglass" }),
+          tabBarIcon: ({ color, focused, size }) =>
+            require("@/assets/icons/magnifyingglass.png"),
         }}
       />
       <NativeTabs.Screen
         name="(libraries)"
         options={{
           title: "Library",
-          tabBarIcon: () => ({ sfSymbol: "server.rack" }),
+          tabBarIcon: ({ color, focused, size }) =>
+            require("@/assets/icons/server.rack.png"),
         }}
       />
     </NativeTabs>
diff --git a/assets/icons/house.fill.png b/assets/icons/house.fill.png
new file mode 100644
index 00000000..9e32f71e
Binary files /dev/null and b/assets/icons/house.fill.png differ
diff --git a/assets/icons/magnifyingglass.png b/assets/icons/magnifyingglass.png
new file mode 100644
index 00000000..5fc44c41
Binary files /dev/null and b/assets/icons/magnifyingglass.png differ
diff --git a/assets/icons/server.rack.png b/assets/icons/server.rack.png
new file mode 100644
index 00000000..245e5ad2
Binary files /dev/null and b/assets/icons/server.rack.png differ
diff --git a/bun.lockb b/bun.lockb
index 1f291d5b..056d9ed5 100755
Binary files a/bun.lockb and b/bun.lockb differ
diff --git a/package.json b/package.json
index 032fc111..ddf02659 100644
--- a/package.json
+++ b/package.json
@@ -30,6 +30,7 @@
     "@shopify/flash-list": "1.6.4",
     "@tanstack/react-query": "^5.56.2",
     "@types/lodash": "^4.17.9",
+    "@types/react-native-vector-icons": "^6.4.18",
     "@types/uuid": "^10.0.0",
     "add": "^2.0.6",
     "axios": "^1.7.7",