diff --git a/app/root.tsx b/app/root.tsx
index f3f6a8495..ba3eff3a4 100644
--- a/app/root.tsx
+++ b/app/root.tsx
@@ -10,6 +10,11 @@ import { Catcher } from "./components/Catcher";
 
 export const links: LinksFunction = () => {
   return [
+    {
+      rel: "icon",
+      href: "/img/layout/logo.webp",
+      type: "image/webp",
+    },
     { rel: "stylesheet", href: resetStyles },
     { rel: "stylesheet", href: globalStyles },
     { rel: "stylesheet", href: layoutStyles },
diff --git a/public/favicon.ico b/public/favicon.ico
deleted file mode 100644
index 8830cf682..000000000
Binary files a/public/favicon.ico and /dev/null differ