diff --git a/src/components/NotificationIconButton.tsx b/src/components/NotificationIconButton.tsx
new file mode 100644
index 0000000..7a49a63
--- /dev/null
+++ b/src/components/NotificationIconButton.tsx
@@ -0,0 +1,34 @@
+import Box from "@components/bases/Box";
+import { Ionicons } from "@expo/vector-icons";
+const NotificationIconButton = () => {
+	return (
+		<Box width={40} height={40} position={"relative"}>
+			<Box
+				backgroundColor={"white"}
+				opacity={0.5}
+				p={"s"}
+				borderRadius={50}
+				style={{ height: "100%", width: "100%", position: "absolute" }}
+			/>
+			<Box
+				style={{
+					height: "100%",
+					width: "100%",
+					borderRadius: 50,
+					display: "flex",
+					alignItems: "center",
+					justifyContent: "center",
+				}}
+			>
+				<Ionicons
+					name="notifications-outline"
+					size={24}
+					color="white"
+					style={{ opacity: 1 }}
+				/>
+			</Box>
+		</Box>
+	);
+};
+
+export default NotificationIconButton;