diff --git a/frontend/index.html b/frontend/index.html
index 6f7671b..20677d5 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -2,7 +2,7 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="text" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>🍞</text></svg>" />
+    <link rel="icon" type="image/png" href="/favicon.png" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Le Fournil du Bocage</title>
   </head>
diff --git a/frontend/public/favicon.png b/frontend/public/favicon.png
new file mode 100644
index 0000000..314dffa
Binary files /dev/null and b/frontend/public/favicon.png differ
diff --git a/frontend/public/logo.png b/frontend/public/logo.png
new file mode 100644
index 0000000..8c07c1a
Binary files /dev/null and b/frontend/public/logo.png differ
diff --git a/frontend/src/components/NavBar.jsx b/frontend/src/components/NavBar.jsx
index 79cf696..77661f6 100644
--- a/frontend/src/components/NavBar.jsx
+++ b/frontend/src/components/NavBar.jsx
@@ -20,7 +20,6 @@ import {
   CalendarDays,
   Users,
   LogOut,
-  Wheat,
   Calendar,
   ClipboardList,
   ChevronDown,
@@ -260,8 +259,12 @@ const NavBar = () => {
                   to="/"
                   className="flex w-full items-center gap-2"
                 >
-                  <div className="flex aspect-square size-8 shrink-0 items-center justify-center rounded-lg bg-sidebar-primary text-sidebar-primary-foreground">
-                    <Wheat className="size-4" />
+                  <div className="flex size-10 items-center justify-center rounded-lg bg-transparent p-1">
+                    <img
+                      src="/logo.png"
+                      alt="Logo"
+                      className="size-full object-contain"
+                    />
                   </div>
 
                   <div className="grid min-w-0 flex-1 text-left text-sm leading-tight">