diff --git a/src/components/Navbar.vue b/src/components/Navbar.vue
index f220c31abc889372b7e12cf367708e40469ad19f..e3a5230d4ff23026c079780c5ba1a05bedf24139 100644
--- a/src/components/Navbar.vue
+++ b/src/components/Navbar.vue
@@ -13,10 +13,8 @@
                     </RouterLink>
                  </li>
                 <li>
-                    <RouterLink :to="'/'" :aria-label="'link to week menu page'">
-                        <div id = "logoContainer" :style="{ width: logoSize, height: logoSize }" >
-                            <img src="../components/icons/logo.png" alt="logo">
-                        </div>
+                    <RouterLink :to="'/'" :aria-label="'link to fridge page'">
+                        <Icon icon="ic:baseline-calendar-month" :color="iconColor" :style="{ fontSize: logoSize }"/>
                     </RouterLink>
                 </li>
                 <li>
@@ -49,8 +47,11 @@ export default {
       return `32px`;
     },
     logoSize() {
-      return '52px';
+      return '45px';
     },
+      logocolor() {
+        return '#00663C'
+      },
       isLoggedIn(){
         return useAuthStore().isLoggedIn;
       }
@@ -67,7 +68,7 @@ export default {
     justify-content: center;
     align-items:center;
 }
-#logoContainer img{
+#logoContainer Icon{
     width:70%;
 }