diff --git a/apps/crepe/public/apple-touch-icon.png b/apps/crepe/public/apple-touch-icon.png
new file mode 100644
index 000000000..aec2e68fe
Binary files /dev/null and b/apps/crepe/public/apple-touch-icon.png differ
diff --git a/apps/crepe/public/crepe-logo.svg b/apps/crepe/public/crepe-logo.svg
new file mode 100644
index 000000000..e88fc0b84
--- /dev/null
+++ b/apps/crepe/public/crepe-logo.svg
@@ -0,0 +1,9 @@
+<svg width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_12_280" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="512" height="512">
+<path d="M501.999 502V10.0015H10V502H501.999Z" fill="white" stroke="white" stroke-width="20"/>
+</mask>
+<g mask="url(#mask0_12_280)">
+<path d="M255.999 497L496.999 79.4913C426.103 38.4794 343.793 15.0015 255.999 15.0015C168.206 15.0015 85.8958 38.4794 15 79.4913L255.999 497Z" stroke="black" stroke-width="35" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M478.5 80.0002C420.966 174.166 246.615 38.5405 140.457 145.374L257.5 492.5" stroke="black" stroke-width="35" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+</svg>
diff --git a/apps/crepe/public/favicon.ico b/apps/crepe/public/favicon.ico
new file mode 100644
index 000000000..0a8af9d0e
Binary files /dev/null and b/apps/crepe/public/favicon.ico differ
diff --git a/apps/crepe/src/app/components/navbar.tsx b/apps/crepe/src/app/components/navbar.tsx
index 8a86ba4fa..85a32e42c 100644
--- a/apps/crepe/src/app/components/navbar.tsx
+++ b/apps/crepe/src/app/components/navbar.tsx
@@ -1,14 +1,16 @@
 "use client";
 
 import { Disclosure } from "@headlessui/react";
+import Image from "next/image";
 
-import { Logo } from "./logo";
+import CrepeLogo from "../../../public/crepe-logo.svg";
 
 export function Navbar() {
   return (
     <Disclosure as="header" className="pt-12 sm:pt-16">
-      <div className="relative flex gap-6">
-        <Logo className="h-9" />
+      <div className="relative flex gap-3">
+        <Image src={CrepeLogo} alt="Crepe Logo" className="h-8 w-auto" />
+        <h1 className="text-2xl font-medium tracking-tight">Crepe</h1>
       </div>
     </Disclosure>
   );
diff --git a/apps/crepe/src/app/layout.tsx b/apps/crepe/src/app/layout.tsx
index 9ebb45910..04a85c11c 100644
--- a/apps/crepe/src/app/layout.tsx
+++ b/apps/crepe/src/app/layout.tsx
@@ -6,6 +6,10 @@ export const metadata: Metadata = {
     template: "%s - Crepe",
     default: "Crepe - Seamless crypto payments",
   },
+  icons: [
+    { rel: "icon", url: "/favicon.ico" },
+    { rel: "apple-touch-icon", url: "/apple-touch-icon.png" },
+  ],
 };
 
 export default function RootLayout({