diff --git a/layouts/default.vue b/layouts/default.vue
index 1436a3d..b20a7d4 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -5,7 +5,10 @@
         <div class="background background-transparent background-blur-2"></div>
         <nav class="navbar navbar-expand-sm navbar-toggleable-sm navbar-light border-bottom border-light border-opacity-25 border-2 box-shadow">
             <div class="container">
-                <NuxtLink class="navbar-brand fw-light" to="/" ><TheTitle /></NuxtLink>
+                <NuxtLink class="navbar-brand fw-light" to="/" >
+                  <img class="me-1" src="/favicon.png" width="24" height="24"/>
+                  <TheTitle />
+                </NuxtLink>
                 <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target=".navbar-collapse" aria-controls="navbarSupportedContent"
                         aria-expanded="false" aria-label="Toggle navigation">
                     <span class="navbar-toggler-icon"></span>
diff --git a/pages/index.vue b/pages/index.vue
index 08e5113..b72ed99 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -2,7 +2,10 @@
   <div>
     <div class="d-flex flex-column justify-content-center align-items-center gap-2" style="margin-top: 25%;">
         <div class="d-flex flex-column justify-content-center align-items-center">
-            <h1 class="display-4"><TheTitle /></h1>
+            <h1 class="display-4">
+              <img class="me-4" src="/favicon.png"/>
+              <TheTitle />
+            </h1>
             <p>Your local League of Legends companion index.</p>
         </div>
     </div>
diff --git a/public/favicon.png b/public/favicon.png
new file mode 100644
index 0000000..6cec790
Binary files /dev/null and b/public/favicon.png differ