diff --git a/packages/frontend/src/components/log-out-button.tsx b/packages/frontend/src/components/log-out-button.tsx
new file mode 100644
index 0000000..0389010
--- /dev/null
+++ b/packages/frontend/src/components/log-out-button.tsx
@@ -0,0 +1,17 @@
+import { LogOut } from "lucide-react";
+import { Button } from "@/components/ui/button";
+
+export default function LogOutButton() {
+    const logOut = () => {
+        localStorage.removeItem("token");
+        localStorage.removeItem("user");
+        window.location.href = "/";
+    };
+
+    return (
+        <Button onClick={logOut} variant={"destructive"} className="flex gap-2 items-center">
+            Log out
+            <LogOut size={15} />
+        </Button>
+    );
+}