diff --git a/src/components/NavigationHeader.vue b/src/components/NavigationHeader.vue
index fc9d66a..a6c5626 100644
--- a/src/components/NavigationHeader.vue
+++ b/src/components/NavigationHeader.vue
@@ -6,75 +6,15 @@
 
     <SearchInput />
 
-    <div class="nav__hamburger" @click="toggleNav">
-      <div v-for="_ in 3" class="bar"></div>
-    </div>
+    <Hamburger @click="toggleNav" />
 
-    <router-link class="profile desktop-only" to="/profile">
-      <li class="navigation-link">
-        <icon-profile class="navigation-icon" />
-        <span>{{ !userLoggedIn ? "Signin" : "Profile" }}</span>
-      </li>
-    </router-link>
-    <!-- <NavigationIcons class="desktop-only" /> -->
+    <NavigationIcon class="desktop-only" :route="profileRoute" />
 
-    <div class="nav__list mobile-only">
+    <div class="nav__list mobile-only" :class="{ open: hamburgerMenuOpen }">
       <NavigationIcons>
-        <router-link
-          v-if="userLoggedIn"
-          class="settings"
-          to="/profile?settings=true"
-        >
-          <li class="navigation-link">
-            <icon-settings class="navigation-icon stroke" />
-            <span>Settings</span>
-          </li>
-        </router-link>
-
-        <router-link v-if="userLoggedIn" class="profile" to="/activity">
-          <li class="navigation-link">
-            <icon-activity class="navigation-icon stroke" />
-            <span>Activity</span>
-          </li>
-        </router-link>
-
-        <router-link class="profile" to="/profile">
-          <li class="navigation-link">
-            <icon-profile class="navigation-icon" />
-            <span>{{ !userLoggedIn ? "Signin" : "Profile" }}</span>
-          </li>
-        </router-link>
+        <NavigationIcon :route="profileRoute" />
       </NavigationIcons>
-
-      <!--       <li class="nav__item nav__item--profile">
-        <router-link
-          class="nav__link nav__link--profile"
-          :to="{ name: 'signin' }"
-          v-if="!userLoggedIn"
-        >
-          <div class="nav__link-wrap">
-            <svg class="nav__link-icon">
-              <use xlink:href="#iconLogin"></use>
-            </svg>
-            <span class="nav__link-title">Sign in</span>
-          </div>
-        </router-link>
-
-        <router-link
-          class="nav__link nav__link--profile"
-          :to="{ name: 'profile' }"
-          v-if="userLoggedIn"
-        >
-          <div class="nav__link-wrap">
-            <svg class="nav__link-icon">
-              <use xlink:href="#iconLogin"></use>
-            </svg>
-            <span class="nav__link-title">Profile</span>
-          </div>
-        </router-link>
-      </li> -->
     </div>
-    <div style="z-index: -1"></div>
   </nav>
 </template>
 
@@ -86,110 +26,45 @@ import IconSettings from "../icons/IconSettings";
 import IconActivity from "../icons/IconActivity";
 import SearchInput from "@/components/SearchInput";
 import NavigationIcons from "src/components/NavigationIcons";
+import NavigationIcon from "src/components/ui/NavigationIcon";
+import Hamburger from "@/components/ui/Hamburger";
+import { mapGetters, mapActions } from "vuex";
 
 export default {
   components: {
     NavigationIcons,
+    NavigationIcon,
     SearchInput,
     TmdbLogo,
     IconProfile,
     IconSettings,
-    IconActivity
+    IconActivity,
+    Hamburger
   },
   data() {
     return {
       listTypes: storage.homepageLists,
-      userLoggedIn: localStorage.getItem("token") ? true : false
+      hamburgerMenuOpen: false
     };
   },
   methods: {
-    setUserStatus() {
-      this.userLoggedIn = localStorage.getItem("token") ? true : false;
-    },
     toggleNav() {
-      document
-        .querySelector(".nav__hamburger")
-        .classList.toggle("nav__hamburger--active");
-      document
-        .querySelector(".nav__list")
-        .classList.toggle("nav__list--active");
+      this.hamburgerMenuOpen = !this.hamburgerMenuOpen;
     }
   },
-  created() {
-    // TODO move this to state manager
-    eventHub.$on("setUserStatus", this.setUserStatus);
+  computed: {
+    ...mapGetters("user", ["loggedIn"]),
+    profileRoute() {
+      return {
+        title: !this.loggedIn ? "Signin" : "Profile",
+        route: !this.loggedIn ? "/signin" : "/profile",
+        icon: IconProfile
+      };
+    }
   }
 };
 </script>
 
-<style lang="scss">
-@import "./src/scss/media-queries";
-
-.profile.desktop-only .navigation-link,
-.navigation-link {
-  border-bottom: none;
-  border-left: 1px solid var(--text-color-5);
-}
-
-.navigation-link {
-  display: grid;
-  place-items: center;
-  list-style: none;
-  padding: 1rem 0.15rem;
-  margin: 0;
-  text-align: center;
-  background-color: var(--background-color-secondary);
-  transition: transform 0.3s ease, color 0.3s ease, stoke 0.3s ease,
-    fill 0.3s ease, background-color 0.5s ease;
-
-  @include mobile {
-    padding: 1rem;
-    width: 50vw;
-  }
-
-  &:hover {
-    transform: scale(1.05);
-  }
-
-  &:hover,
-  &.active {
-    background-color: var(--background-color);
-
-    span,
-    .navigation-icon {
-      color: var(--text-color);
-      fill: var(--text-color);
-
-      &.stroke {
-        fill: none;
-        stroke: var(--text-color);
-      }
-    }
-  }
-
-  span {
-    text-transform: uppercase;
-    margin-top: 0.75rem;
-    font-size: 11px;
-    color: var(--text-color-70);
-  }
-}
-
-a {
-  text-decoration: none;
-}
-
-.navigation-icon {
-  width: 28px;
-  fill: var(--text-color-70);
-  transition: inherit;
-
-  &.stroke {
-    fill: none;
-    stroke: var(--text-color-70);
-  }
-}
-</style>
 <style lang="scss" scoped>
 @import "./src/scss/variables";
 @import "./src/scss/media-queries";
@@ -213,6 +88,12 @@ nav {
 .logo {
   padding: 1rem;
   fill: var(--color-green);
+  width: var(--header-size);
+  height: var(--header-size);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: $background-nav-logo;
   transition: transform 0.3s ease;
 
   &:hover {
@@ -224,123 +105,21 @@ nav {
   }
 }
 
-.nav {
-  // transition: background 0.5s ease;
-  // position: fixed;
-  // top: 0;
-  // left: 0;
-  // width: 100%;
-  // height: 50px;
-  // z-index: 10;
-  // display: block;
-  // color: $text-color;
-  // background-color: $background-color-secondary;
+.nav__list {
+  display: flex;
+  flex-wrap: wrap;
+  position: fixed;
+  top: var(--header-size);
+  left: 0;
+  width: 100%;
+  background-color: $background-95;
+  visibility: hidden;
+  opacity: 0;
+  transition: opacity 0.4s ease;
 
-  &__logo {
-    width: var(--header-size);
-    height: var(--header-size);
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    background: $background-nav-logo;
-
-    // &-image {
-    //   width: 35px;
-    //   height: 31px;
-    //   fill: $green;
-    //   transition: transform 0.5s ease;
-    //   @include tablet-min {
-    //     width: 45px;
-    //     height: 40px;
-    //   }
-    // }
-    // &:hover &-image {
-    //   transform: scale(1.04);
-    // }
-  }
-  &__hamburger {
-    display: block;
-    position: relative;
-    width: var(--header-size);
-    height: var(--header-size);
-    cursor: pointer;
-    border-left: 1px solid $background-color;
-    background-color: var(--background-color-secondary);
-
-    @include tablet-min {
-      display: none;
-    }
-    .bar {
-      position: absolute;
-      width: 23px;
-      height: 1px;
-      background-color: $text-color-70;
-      transition: all 300ms ease;
-      &:nth-child(1) {
-        left: 16px;
-        top: 17px;
-      }
-      &:nth-child(2) {
-        left: 16px;
-        top: 25px;
-        &:after {
-          content: "";
-          position: absolute;
-          left: 0px;
-          top: 0px;
-          width: 23px;
-          height: 1px;
-          transition: all 300ms ease;
-        }
-      }
-      &:nth-child(3) {
-        right: 15px;
-        top: 33px;
-      }
-    }
-    &--active {
-      .bar {
-        &:nth-child(1),
-        &:nth-child(3) {
-          width: 0;
-        }
-        &:nth-child(2) {
-          transform: rotate(-45deg);
-        }
-        &:nth-child(2):after {
-          transform: rotate(-90deg);
-          // background: rgba($c-dark, 0.5);
-          background-color: $text-color-70;
-        }
-      }
-    }
-  }
-  &__list {
-    width: 100%;
-    position: fixed;
-    left: 0;
-    top: var(--header-size);
-    opacity: 0;
-    transition: opacity 0.4s ease;
-    visibility: hidden;
-
-    @include mobile-only {
-      display: flex;
-      flex-wrap: wrap;
-      background-color: $background-95;
-      &--active {
-        opacity: 1;
-        visibility: visible;
-      }
-    }
-    @include tablet-min {
-      display: flex;
-      position: relative;
-      display: block;
-      width: 100%;
-      border-top: 0;
-      top: 0;
-    }
+  &.open {
+    opacity: 1;
+    visibility: visible;
   }
 }
 </style>
diff --git a/src/components/NavigationIcons.vue b/src/components/NavigationIcons.vue
index 16ead9c..e697f96 100644
--- a/src/components/NavigationIcons.vue
+++ b/src/components/NavigationIcons.vue
@@ -1,32 +1,34 @@
 <template>
   <ul class="navigation-icons">
-    <router-link
-      :to="{ path: route.route }"
+    <NavigationIcon
       v-for="route in routes"
-      :key="route.title"
-    >
-      <li
-        class="navigation-link"
-        :class="{ active: route.route == activeRoute }"
-      >
-        <component class="navigation-icon" :is="route.icon"></component>
-        <span>{{ route.title }}</span>
-      </li>
-    </router-link>
-
+      :route="route"
+      :active="activeRoute"
+    />
     <slot></slot>
   </ul>
 </template>
 
 <script>
+import NavigationIcon from "./ui/NavigationIcon";
 import IconRequest from "../icons/IconRequest";
 import IconNowPlaying from "../icons/IconNowPlaying";
 import IconPopular from "../icons/IconPopular";
 import IconUpcoming from "../icons/IconUpcoming";
+import IconSettings from "../icons/IconSettings";
+import IconActivity from "../icons/IconActivity";
 
 export default {
   name: "NavigationIcons",
-  components: { IconRequest, IconPopular, IconNowPlaying, IconUpcoming },
+  components: {
+    NavigationIcon,
+    IconRequest,
+    IconPopular,
+    IconNowPlaying,
+    IconUpcoming,
+    IconSettings,
+    IconActivity
+  },
   data() {
     return {
       routes: [],
@@ -68,6 +70,18 @@ export default {
           route: "/list/upcoming",
           apiPath: "/v2/movie/upcoming",
           icon: IconUpcoming
+        },
+        {
+          title: "Activity",
+          route: "/activity",
+          requiresAuth: true,
+          icon: IconActivity
+        },
+        {
+          title: "Settings",
+          route: "/profile?settings=true",
+          requiresAuth: true,
+          icon: IconSettings
         }
       ];
     }
diff --git a/src/components/ui/Hamburger.vue b/src/components/ui/Hamburger.vue
new file mode 100644
index 0000000..a3523ec
--- /dev/null
+++ b/src/components/ui/Hamburger.vue
@@ -0,0 +1,90 @@
+<template>
+  <div
+    class="nav__hamburger"
+    :class="{ open }"
+    @click="toggleNav"
+    @keydown.enter="toggleNav"
+    tabindex="0"
+  >
+    <div v-for="_ in 3" class="bar"></div>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      open: false
+    };
+  },
+  methods: {
+    toggleNav() {
+      this.open = !this.open;
+      this.$emit("click", this.open);
+    }
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+@import "./src/scss/media-queries";
+
+.nav__hamburger {
+  display: block;
+  position: relative;
+  width: var(--header-size);
+  height: var(--header-size);
+  cursor: pointer;
+  border-left: 1px solid var(--background-color);
+  background-color: var(--background-color-secondary);
+
+  @include tablet-min {
+    display: none;
+  }
+
+  .bar {
+    position: absolute;
+    width: 23px;
+    height: 1px;
+    background-color: var(--text-color-70);
+    transition: all 300ms ease;
+    &:nth-child(1) {
+      left: 16px;
+      top: 17px;
+    }
+    &:nth-child(2) {
+      left: 16px;
+      top: 25px;
+      &:after {
+        content: "";
+        position: absolute;
+        left: 0px;
+        top: 0px;
+        width: 23px;
+        height: 1px;
+        transition: all 300ms ease;
+      }
+    }
+    &:nth-child(3) {
+      right: 15px;
+      top: 33px;
+    }
+  }
+  &.open {
+    .bar {
+      &:nth-child(1),
+      &:nth-child(3) {
+        width: 0;
+      }
+      &:nth-child(2) {
+        transform: rotate(-45deg);
+      }
+      &:nth-child(2):after {
+        transform: rotate(-90deg);
+        // background: rgba($c-dark, 0.5);
+        background-color: var(--text-color-70);
+      }
+    }
+  }
+}
+</style>
diff --git a/src/components/ui/NavigationIcon.vue b/src/components/ui/NavigationIcon.vue
new file mode 100644
index 0000000..f5e1f63
--- /dev/null
+++ b/src/components/ui/NavigationIcon.vue
@@ -0,0 +1,90 @@
+<template>
+  <router-link
+    :to="{ path: route.route }"
+    :key="route.title"
+    v-if="
+      route.requiresAuth == undefined || (route.requiresAuth && userLoggedIn)
+    "
+  >
+    <li class="navigation-link" :class="{ active: route.route == active }">
+      <component class="navigation-icon" :is="route.icon"></component>
+      <span>{{ route.title }}</span>
+    </li>
+  </router-link>
+</template>
+
+<script>
+export default {
+  name: "NavigationIcons",
+  props: {
+    active: {
+      type: String,
+      required: false
+    },
+    route: {
+      type: Object,
+      required: true
+    }
+  },
+  computed: {
+    userLoggedIn() {
+      return localStorage.getItem("token") ? true : false;
+    }
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+@import "./src/scss/media-queries";
+
+.navigation-link {
+  display: grid;
+  place-items: center;
+  height: var(--header-size);
+  list-style: none;
+  padding: 1rem 0.15rem;
+  margin: 0;
+  text-align: center;
+  background-color: var(--background-color-secondary);
+  transition: transform 0.3s ease, color 0.3s ease, stoke 0.3s ease,
+    fill 0.3s ease, background-color 0.5s ease;
+
+  @include mobile {
+    height: 90px;
+    padding: 1rem;
+    width: 50vw;
+  }
+
+  &:hover {
+    transform: scale(1.05);
+  }
+
+  &:hover,
+  &.active {
+    background-color: var(--background-color);
+
+    span,
+    .navigation-icon {
+      color: var(--text-color);
+      stroke: var(--text-color);
+      stroke-width: 2px;
+    }
+  }
+
+  span {
+    text-transform: uppercase;
+    font-size: 11px;
+    color: var(--text-color-70);
+  }
+}
+
+a {
+  text-decoration: none;
+}
+
+.navigation-icon {
+  width: 28px;
+  stroke: var(--text-color-70);
+  transition: inherit;
+}
+</style>
diff --git a/src/icons/IconActivity.vue b/src/icons/IconActivity.vue
index dd6a034..cc32b70 100644
--- a/src/icons/IconActivity.vue
+++ b/src/icons/IconActivity.vue
@@ -4,9 +4,12 @@
     width="24"
     height="24"
     viewBox="0 0 24 24"
-    stroke-width="2"
+    fill="none"
+    stroke="currentColor"
+    stroke-width="1"
     stroke-linecap="round"
     stroke-linejoin="round"
+    style="transition: stroke-width 0.5s ease"
   >
     <polyline points="22 12 18 12 15 21 9 3 6 12 2 12"></polyline>
   </svg>
diff --git a/src/icons/IconNowPlaying.vue b/src/icons/IconNowPlaying.vue
index 13014e5..833a6e0 100644
--- a/src/icons/IconNowPlaying.vue
+++ b/src/icons/IconNowPlaying.vue
@@ -1,13 +1,17 @@
 <template>
   <svg
     xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    viewBox="0 0 30 30"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    stroke="currentColor"
+    stroke-width="1"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    style="transition: stroke-width 0.5s ease"
   >
-    <title>Now Playing</title>
-    <path
-      d="M27.9847266,7.50322266 C25.9822852,4.03494141 22.749082,1.55390625 18.8806055,0.517382812 C15.0121875,-0.519257812 10.9716797,0.0127148437 7.50322266,2.01527344 C4.03482422,4.01777344 1.55390625,7.25097656 0.517382812,11.1194531 C-0.519140625,14.9878711 0.0128320312,19.0284961 2.01527344,22.4967773 C4.01765625,25.9650586 7.25097656,28.4460937 11.1193945,29.4826172 C12.4111523,29.8287891 13.7219531,30 15.0244336,30 C17.6224219,30 20.1866016,29.3186133 22.4968359,27.9847852 C25.9651172,25.9823437 28.4461523,22.7491406 29.4826758,18.8806641 C30.5192578,15.0121289 29.987168,10.9716211 27.9847266,7.50322266 Z M27.9743555,18.476543 C27.0457617,21.9421289 24.8231836,24.8387109 21.715957,26.6326172 C18.6088477,28.426582 14.989043,28.9030664 11.523457,27.9745898 C8.0578125,27.0459961 5.16128906,24.823418 3.36732422,21.7161914 C1.57341797,18.609082 1.096875,14.9892188 2.02552734,11.5235742 C2.95417969,8.05798828 5.17675781,5.16152344 8.28392578,3.3675 C10.35375,2.17248047 12.6505664,1.56210937 14.9782031,1.56210937 C16.1448047,1.56210937 17.3195508,1.71550781 18.4763672,2.02552734 C21.9419531,2.95412109 24.8385352,5.17669922 26.6324414,8.28392578 C28.4264063,11.3910937 28.9030078,15.0108984 27.9743555,18.476543 Z M22.1940234,13.5850781 L12.5538281,8.01925781 C12.0422461,7.72388672 11.4314648,7.72400391 10.9198828,8.01919922 C10.4083008,8.31451172 10.1028516,8.84355469 10.1028516,9.43423828 L10.1028516,20.5658789 C10.1028516,21.1565625 10.4082422,21.6855469 10.9198828,21.980918 C11.1756445,22.1286328 11.4561328,22.2024023 11.7367383,22.2024023 C12.0174023,22.2024023 12.2980078,22.128457 12.5537695,21.9808594 L22.194082,16.4150977 C22.7056055,16.119668 23.0109375,15.5906836 23.0109375,15 C23.0109375,14.409375 22.7055469,13.8803906 22.1940234,13.5850781 Z M21.4132031,15.0629297 L11.7729492,20.6286914 C11.7611719,20.6355469 11.7366211,20.649668 11.7005273,20.6286914 C11.6643164,20.6077734 11.6643164,20.5795312 11.6643164,20.5659375 L11.6643164,9.43429687 C11.6643164,9.42070312 11.6643164,9.39246094 11.7005273,9.37154297 C11.714707,9.36333984 11.7270703,9.36052734 11.7376172,9.36052734 C11.7540234,9.36052734 11.7658594,9.36738281 11.7730664,9.37154297 L21.4132617,14.9373633 C21.4250391,14.9441602 21.4494727,14.9582812 21.4494727,15.0001172 C21.4494727,15.0419531 21.4249219,15.0561328 21.4132031,15.0629297 Z M24.2169727,7.87734375 C22.3601953,5.47863281 19.5689648,3.86707031 16.5588867,3.45580078 C16.1321484,3.39738281 15.7380469,3.69638672 15.6796289,4.12371094 C15.6213281,4.55091797 15.920332,4.94455078 16.3475391,5.00296875 C18.9556641,5.35927734 21.3738867,6.75544922 22.9822266,8.83318359 C23.1360937,9.03193359 23.3668945,9.13599609 23.6001562,9.13599609 C23.7670898,9.13599609 23.9353125,9.08273437 24.0774609,8.97257813 C24.418418,8.70867187 24.4808789,8.21830078 24.2169727,7.87734375 Z"
-      fill-rule="nonzero"
-    ></path>
+    <circle cx="12" cy="12" r="10"></circle>
+    <polygon points="10 8 16 12 10 16 10 8"></polygon>
   </svg>
 </template>
diff --git a/src/icons/IconPopular.vue b/src/icons/IconPopular.vue
index 7c522cf..a186a25 100644
--- a/src/icons/IconPopular.vue
+++ b/src/icons/IconPopular.vue
@@ -1,13 +1,18 @@
 <template>
   <svg
     xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    viewBox="0 0 30 30"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    stroke="currentColor"
+    stroke-width="1"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    style="transition: stroke-width 0.5s ease"
   >
-    <title>Popular</title>
-    <path
-      d="M27.6684375,11.6432813 C28.2116602,11.1137695 28.4034375,10.3366406 28.1690625,9.61517578 C27.9346289,8.89371094 27.3226758,8.37779297 26.5719727,8.26875 L20.0077148,7.31490234 C19.8788672,7.29621094 19.7674805,7.21529297 19.7098242,7.09845703 L16.7742187,1.1503125 C16.4385352,0.470039062 15.7587305,0.0474609375 15.0001172,0.0474609375 C14.2415039,0.0474609375 13.5616992,0.470039062 13.2260156,1.1503125 L10.2904102,7.09851563 C10.2326953,7.21529297 10.1213672,7.29621094 9.99246094,7.31496094 L3.42832031,8.26875 C2.67761719,8.37779297 2.06572266,8.89371094 1.83123047,9.61517578 C1.59673828,10.3366406 1.78857422,11.1137695 2.33185547,11.6432813 L7.08175781,16.2733008 C7.17498047,16.3642383 7.21757812,16.4951953 7.19554687,16.6235742 L6.07423828,23.1612305 C5.94603516,23.9089453 6.24755859,24.650332 6.86126953,25.0962305 C7.47498047,25.5422461 8.27349609,25.5998438 8.94486328,25.2469336 L14.8160156,22.1602734 C14.9313281,22.0996289 15.0689648,22.0996289 15.1843359,22.1602734 L21.0555469,25.2469336 C21.3475781,25.4004492 21.6635742,25.4763281 21.9780469,25.4762695 C22.3864453,25.4762695 22.7922656,25.3483008 23.1389648,25.0961719 C23.7526758,24.6502148 24.0542578,23.9087695 23.9259961,23.1611719 L22.8046875,16.6235156 C22.7827148,16.4951367 22.8252539,16.3641797 22.9184766,16.2732422 L27.6684375,11.6432813 Z M21.2448633,16.8911719 L22.3661719,23.4289453 C22.4036719,23.6477344 22.2686133,23.7724805 22.2087891,23.8158984 C22.1489062,23.8592578 21.9884766,23.9493164 21.7920703,23.845957 L15.9208594,20.7592969 C15.6326367,20.607832 15.3164648,20.5320117 15.0002344,20.5320117 C14.6840039,20.5320117 14.3677734,20.607832 14.0796094,20.7592383 L8.20845703,23.8458398 C8.01193359,23.9491406 7.8515625,23.8591992 7.79173828,23.8157813 C7.73191406,23.7723633 7.59679688,23.6476172 7.63435547,23.4288281 L8.75566406,16.8911719 C8.86576172,16.2492773 8.653125,15.594668 8.18666016,15.1400391 L3.43675781,10.5100195 C3.27779297,10.3549805 3.31376953,10.1746875 3.33667969,10.104375 C3.35947266,10.0340039 3.43640625,9.86695313 3.65607422,9.83507813 L10.2201563,8.88123047 C10.8646289,8.78759766 11.4215625,8.38306641 11.7098437,7.79894531 L14.6454492,1.85074219 C14.7437109,1.65169922 14.9262891,1.63019531 15.000293,1.63019531 C15.0741797,1.63019531 15.2567578,1.65164063 15.3550781,1.85074219 L15.3550781,1.85080078 L18.2906836,7.79900391 C18.5789062,8.383125 19.1357813,8.78765625 19.7802539,8.88128906 L26.3444531,9.83513672 C26.5641211,9.86701172 26.6409961,10.0340625 26.6638477,10.1044336 C26.6866992,10.1748047 26.7227344,10.3551563 26.5637109,10.5100781 L21.8138086,15.1400977 C21.3474023,15.594668 21.1347656,16.2492773 21.2448633,16.8911719 Z M24.2450977,1.14990234 C24.5987109,1.40677734 24.6770508,1.90171875 24.4201758,2.25533203 L23.5801172,3.41150391 C23.4253125,3.62455078 23.1840234,3.73769531 22.9392773,3.73769531 C22.7780273,3.73769531 22.6153125,3.68853516 22.4747461,3.58652344 C22.1211328,3.32964844 22.042793,2.83470703 22.299668,2.48115234 L23.1397266,1.32498047 C23.3966016,0.971425781 23.8914258,0.893027344 24.2450977,1.14990234 Z M7.696875,2.47646484 C7.95380859,2.83007812 7.87541016,3.32501953 7.52185547,3.58183594 C7.38146484,3.68390625 7.21869141,3.73306641 7.05738281,3.73306641 C6.81257813,3.73306641 6.57128906,3.61998047 6.41642578,3.40675781 L5.57636719,2.25058594 C5.31949219,1.89703125 5.39789063,1.40208984 5.75144531,1.14521484 C6.10511719,0.888457031 6.6,0.966855469 6.85681641,1.32029297 L7.696875,2.47646484 Z M2.9034375,17.8024805 C3.03849609,18.2182031 2.81103516,18.6646289 2.39537109,18.7996875 L1.03617188,19.2413672 C0.954902344,19.267793 0.872460937,19.2803906 0.791425781,19.2803906 C0.457851563,19.2803906 0.147597656,19.0678125 0.0389648437,18.7333008 C-0.09609375,18.3176953 0.131308594,17.8711523 0.54703125,17.7360938 L1.90623047,17.2944141 C2.32195313,17.1593555 2.76837891,17.386875 2.9034375,17.8024805 Z M15.000293,26.5890234 C15.4374023,26.5890234 15.7916602,26.9432813 15.7916602,27.3803906 L15.7916602,28.8096094 C15.7916602,29.2466602 15.4373437,29.6009766 15.000293,29.6009766 C14.5632422,29.6009766 14.2089258,29.2466602 14.2089258,28.8096094 L14.2089258,27.3803906 C14.2089258,26.9433398 14.5632422,26.5890234 15.000293,26.5890234 Z M29.4529688,17.737207 C29.8686328,17.8722656 30.0960938,18.3186914 29.9610352,18.7343555 C29.8524023,19.0688086 29.5421484,19.2814453 29.2085156,19.2814453 C29.1274805,19.2814453 29.0450977,19.2689063 28.9638281,19.2425391 L27.6046289,18.8008594 C27.1889063,18.6658008 26.9615039,18.219375 27.0965625,17.8036523 C27.2316211,17.3879297 27.6782227,17.1605859 28.0937695,17.2955273 L29.4529688,17.737207 Z"
-      fill-rule="nonzero"
-    ></path>
+    <polygon
+      points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"
+    ></polygon>
   </svg>
 </template>
diff --git a/src/icons/IconProfile.vue b/src/icons/IconProfile.vue
index 4967ef2..3c72d4f 100644
--- a/src/icons/IconProfile.vue
+++ b/src/icons/IconProfile.vue
@@ -1,14 +1,17 @@
 <template>
   <svg
     xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    viewBox="0 0 30 30"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    stroke="currentColor"
+    stroke-width="1"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    style="transition: stroke-width 0.5s ease"
   >
-    <title>Login</title>
-    <path
-      d="M30,15 C30,6.72927273 23.2707273,0 15,0 C6.72927273,0 0,6.72927273 0,15 C0,19.3685455 1.87854545,23.3061818 4.86872727,26.0498182 L4.85454545,26.0623636 L5.34109091,26.4725455 C5.37272727,26.4992727 5.40709091,26.5210909 5.43872727,26.5472727 C5.69727273,26.7616364 5.96509091,26.9650909 6.23781818,27.162 C6.32618182,27.2258182 6.41454545,27.2896364 6.50454545,27.3518182 C6.79581818,27.5525455 7.09472727,27.7429091 7.40018182,27.9234545 C7.46672727,27.9627273 7.53381818,28.0009091 7.60090909,28.0390909 C7.93527273,28.2294545 8.27672727,28.4089091 8.62636364,28.5736364 C8.652,28.5856364 8.67818182,28.5965455 8.70381818,28.6085455 C9.84327273,29.1381818 11.0596364,29.5270909 12.3316364,29.7567273 C12.3649091,29.7627273 12.3981818,29.7687273 12.432,29.7747273 C12.8269091,29.8429091 13.2261818,29.8974545 13.6303636,29.934 C13.6794545,29.9383636 13.7285455,29.9410909 13.7781818,29.9454545 C14.1807273,29.9787273 14.5876364,30 15,30 C15.4085455,30 15.8116364,29.9787273 16.212,29.9465455 C16.2627273,29.9421818 16.3134545,29.9394545 16.3641818,29.9350909 C16.7650909,29.8985455 17.1610909,29.8456364 17.5521818,29.7785455 C17.586,29.7725455 17.6203636,29.7665455 17.6541818,29.76 C18.9070909,29.5352727 20.106,29.1550909 21.2307273,28.6390909 C21.2721818,28.62 21.3141818,28.602 21.3556364,28.5823636 C21.6921818,28.4241818 22.0210909,28.2534545 22.3434545,28.0718182 C22.4236364,28.0265455 22.5032727,27.9807273 22.5829091,27.9338182 C22.8763636,27.7609091 23.1649091,27.5803636 23.4452727,27.3883636 C23.5461818,27.3196364 23.6449091,27.2470909 23.7447273,27.1750909 C23.9841818,27.0027273 24.2192727,26.8249091 24.4478182,26.6389091 C24.4985455,26.598 24.5530909,26.5625455 24.6027273,26.5205455 L25.1018182,26.1038182 L25.0870909,26.0912727 C28.1034545,23.3465455 30,19.3909091 30,15 Z M1.09090909,15 C1.09090909,7.33036364 7.33036364,1.09090909 15,1.09090909 C22.6696364,1.09090909 28.9090909,7.33036364 28.9090909,15 C28.9090909,19.1329091 27.0954545,22.8485455 24.2241818,25.398 C24.0638182,25.2872727 23.9023636,25.188 23.7370909,25.1050909 L19.1187273,22.7961818 C18.7041818,22.5889091 18.4467273,22.1721818 18.4467273,21.7090909 L18.4467273,20.0961818 C18.5536364,19.9641818 18.6665455,19.8147273 18.7832727,19.6505455 C19.3810909,18.8061818 19.8605455,17.8669091 20.2101818,16.8561818 C20.9012727,16.5278182 21.3474545,15.8394545 21.3474545,15.0621818 L21.3474545,13.1285455 C21.3474545,12.6556364 21.174,12.1969091 20.8636364,11.8363636 L20.8636364,9.29072727 C20.892,9.00763636 20.9923636,7.41 19.8365455,6.09218182 C18.8312727,4.94454545 17.2041818,4.36363636 15,4.36363636 C12.7958182,4.36363636 11.1687273,4.94454545 10.1634545,6.09163636 C9.00763636,7.40945455 9.108,9.00709091 9.13636364,9.29018182 L9.13636364,11.8358182 C8.82654545,12.1963636 8.65254545,12.6550909 8.65254545,13.128 L8.65254545,15.0616364 C8.65254545,15.6621818 8.922,16.2223636 9.38345455,16.6003636 C9.82527273,18.3310909 10.7345455,19.6412727 11.0705455,20.0852727 L11.0705455,21.6638182 C11.0705455,22.1089091 10.8278182,22.518 10.4367273,22.7318182 L6.12381818,25.0843636 C5.98636364,25.1590909 5.85,25.2463636 5.71363636,25.344 C2.87781818,22.7956364 1.09090909,19.1029091 1.09090909,15 Z M23.1594545,26.2538182 C22.9685455,26.3923636 22.7743636,26.5265455 22.5774545,26.6547273 C22.4869091,26.7136364 22.3969091,26.7725455 22.3047273,26.8298182 C22.0472727,26.9890909 21.7854545,27.1407273 21.5181818,27.2825455 C21.4592727,27.3136364 21.3998182,27.3430909 21.3403636,27.3736364 C20.7261818,27.6883636 20.0907273,27.9589091 19.4378182,28.1787273 C19.4149091,28.1863636 19.392,28.1945455 19.3685455,28.2021818 C19.0265455,28.3156364 18.6801818,28.4165455 18.33,28.5032727 C18.3289091,28.5032727 18.3278182,28.5038182 18.3267273,28.5038182 C17.9732727,28.5910909 17.6154545,28.6636364 17.2554545,28.7230909 C17.2456364,28.7247273 17.2358182,28.7269091 17.226,28.7285455 C16.8872727,28.7836364 16.5458182,28.8234545 16.2032727,28.8534545 C16.1427273,28.8589091 16.0821818,28.8627273 16.0210909,28.8670909 C15.6823636,28.8927273 15.342,28.9090909 15,28.9090909 C14.6541818,28.9090909 14.3094545,28.8921818 13.9663636,28.8665455 C13.9069091,28.8621818 13.8474545,28.8583636 13.7885455,28.8529091 C13.4427273,28.8223636 13.0985455,28.7814545 12.7576364,28.7258182 C12.7423636,28.7230909 12.7270909,28.7203636 12.7118182,28.7176364 C11.9907273,28.5970909 11.2810909,28.4198182 10.59,28.188 C10.5687273,28.1809091 10.5469091,28.1732727 10.5256364,28.1661818 C10.1825455,28.0494545 9.84327273,27.9201818 9.51,27.7772727 C9.50781818,27.7761818 9.50509091,27.7750909 9.50290909,27.774 C9.18763636,27.6381818 8.87836364,27.4876364 8.57290909,27.3289091 C8.53309091,27.3081818 8.49272727,27.2885455 8.45345455,27.2672727 C8.17472727,27.1183636 7.902,26.9574545 7.63309091,26.7894545 C7.55345455,26.7392727 7.47436364,26.6885455 7.39581818,26.6372727 C7.14818182,26.4752727 6.90381818,26.3067273 6.666,26.1283636 C6.64145455,26.1098182 6.618,26.0901818 6.59345455,26.0716364 L6.64581818,26.0421818 L10.9587273,23.6896364 C11.7005455,23.2849091 12.1614545,22.5087273 12.1614545,21.6638182 L12.1609091,19.6990909 L12.0354545,19.5474545 C12.0234545,19.5338182 10.8441818,18.0992727 10.3985455,16.1569091 L10.3489091,15.9409091 L10.1629091,15.8203636 C9.90054545,15.6507273 9.74345455,15.3670909 9.74345455,15.0610909 L9.74345455,13.1274545 C9.74345455,12.8738182 9.85090909,12.6376364 10.0472727,12.4603636 L10.2272727,12.2978182 L10.2272727,9.25963636 L10.2223636,9.18818182 C10.2207273,9.17509091 10.0598182,7.86327273 10.9838182,6.81 C11.7725455,5.91109091 13.1241818,5.45454545 15,5.45454545 C16.8687273,5.45454545 18.216,5.90727273 19.0069091,6.79963636 C19.9298182,7.842 19.7787273,9.17836364 19.7776364,9.18927273 L19.7727273,12.2989091 L19.9527273,12.4614545 C20.1485455,12.6381818 20.2565455,12.8749091 20.2565455,13.1285455 L20.2565455,15.0621818 C20.2565455,15.4510909 19.992,15.804 19.6123636,15.9212727 L19.3412727,16.0047273 L19.254,16.2747273 C18.9321818,17.2745455 18.474,18.198 17.8925455,19.0194545 C17.7496364,19.2212727 17.6105455,19.4001818 17.4910909,19.5370909 L17.3558182,19.6914545 L17.3558182,21.7090909 C17.3558182,22.5883636 17.8445455,23.3792727 18.6310909,23.772 L23.2494545,26.0809091 C23.2789091,26.0956364 23.3078182,26.1109091 23.3367273,26.1261818 C23.2783636,26.1703636 23.2183636,26.2112727 23.1594545,26.2538182 Z"
-      stroke="none"
-      fill-rule="nonzero"
-    ></path>
+    <path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path>
+    <circle cx="12" cy="7" r="4"></circle>
   </svg>
 </template>
diff --git a/src/icons/IconRequest.vue b/src/icons/IconRequest.vue
index fa5f5d4..27d7256 100644
--- a/src/icons/IconRequest.vue
+++ b/src/icons/IconRequest.vue
@@ -1,14 +1,19 @@
 <template>
   <svg
     xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    viewBox="0 0 30 30"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    stroke="currentColor"
+    stroke-width="1"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    style="transition: stroke-width 0.5s ease"
   >
-    <title>icon_requests</title>
+    <polyline points="22 12 16 12 14 15 10 15 8 12 2 12"></polyline>
     <path
-      d="M17.5 6h-16c-0.827 0-1.5 0.673-1.5 1.5v9c0 0.827 0.673 1.5 1.5 1.5h16c0.827 0 1.5-0.673 1.5-1.5v-9c0-0.827-0.673-1.5-1.5-1.5zM17.5 7c0.030 0 0.058 0.003 0.087 0.008l-7.532 5.021c-0.29 0.193-0.819 0.193-1.109 0l-7.532-5.021c0.028-0.005 0.057-0.008 0.087-0.008h16zM17.5 17h-16c-0.276 0-0.5-0.224-0.5-0.5v-8.566l7.391 4.927c0.311 0.207 0.71 0.311 1.109 0.311s0.798-0.104 1.109-0.311l7.391-4.927v8.566c0 0.276-0.224 0.5-0.5 0.5z"
-      fill-rule="nonzero"
-      transform="scale(1.5)"
+      d="M5.45 5.11L2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z"
     ></path>
   </svg>
 </template>
diff --git a/src/icons/IconSettings.vue b/src/icons/IconSettings.vue
index afe51ec..f106ccb 100644
--- a/src/icons/IconSettings.vue
+++ b/src/icons/IconSettings.vue
@@ -4,9 +4,12 @@
     width="24"
     height="24"
     viewBox="0 0 24 24"
-    stroke-width="2"
+    fill="none"
+    stroke="currentColor"
+    stroke-width="1"
     stroke-linecap="round"
     stroke-linejoin="round"
+    style="transition: stroke-width 0.5s ease"
   >
     <line x1="4" y1="21" x2="4" y2="14"></line>
     <line x1="4" y1="10" x2="4" y2="3"></line>
diff --git a/src/icons/IconUpcoming.vue b/src/icons/IconUpcoming.vue
index 7991fba..94eb61e 100644
--- a/src/icons/IconUpcoming.vue
+++ b/src/icons/IconUpcoming.vue
@@ -1,15 +1,19 @@
 <template>
   <svg
-    version="1.1"
-    width="30"
-    height="30"
     xmlns="http://www.w3.org/2000/svg"
-    viewBox="0 0 30 23"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    stroke="currentColor"
+    stroke-width="1"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    style="transition: stroke-width 0.5s ease"
   >
-    <title>Upcoming</title>
-    <path
-      d="M27.8791228,1.5271345 C29.0162573,1.5271345 29.9415205,2.4522807 29.9415789,3.58947368 L29.9415789,20.4650877 C29.9415789,21.6022807 29.0163743,22.5274854 27.8791813,22.5274854 L2.06239766,22.5274854 C0.925204678,22.5274854 0,21.6022807 0,20.4650877 L0,3.58947368 C0,2.4522807 0.925204678,1.5271345 2.0622807,1.5271345 L6.60672515,1.5271345 L6.60672515,0.733040936 C6.60672515,0.353391813 6.91450292,0.0455555556 7.29421053,0.0455555556 C7.67391813,0.0455555556 7.98169591,0.353333333 7.98169591,0.733040936 L7.98169591,1.5271345 L11.7244444,1.5271345 L11.7244444,0.733040936 C11.7244444,0.353391813 12.0322222,0.0455555556 12.4119298,0.0455555556 C12.7916374,0.0455555556 13.0994152,0.353333333 13.0994152,0.733040936 L13.0994152,1.5271345 L16.8420468,1.5271345 L16.8420468,0.733040936 C16.8420468,0.353391813 17.1498246,0.0455555556 17.5295322,0.0455555556 C17.9091813,0.0455555556 18.2170175,0.353333333 18.2170175,0.733040936 L18.2170175,1.5271345 L21.9597661,1.5271345 L21.9597661,0.733040936 C21.9597661,0.353391813 22.2676608,0.0455555556 22.6472515,0.0455555556 C23.0269591,0.0455555556 23.3347368,0.353333333 23.3347368,0.733040936 L23.3347368,1.5271345 L27.8791228,1.5271345 Z M24.2157895,8.69216374 C23.8182736,8.69216374 23.4960234,8.36991349 23.4960234,7.97239766 C23.4960234,7.57488183 23.8182736,7.25263158 24.2157895,7.25263158 C24.6133053,7.25263158 24.9355556,7.57488183 24.9355556,7.97239766 C24.9355556,8.36991349 24.6133053,8.69216374 24.2157895,8.69216374 Z M19.5933333,8.69216374 C19.1958175,8.69216374 18.8735673,8.36991349 18.8735673,7.97239766 C18.8735673,7.57488183 19.1958175,7.25263158 19.5933333,7.25263158 C19.9908492,7.25263158 20.3130994,7.57488183 20.3130994,7.97239766 C20.3130994,8.36991349 19.9908492,8.69216374 19.5933333,8.69216374 Z M14.9708187,8.69216374 C14.5733029,8.69216374 14.2510526,8.36991349 14.2510526,7.97239766 C14.2510526,7.57488183 14.5733029,7.25263158 14.9708187,7.25263158 C15.3683345,7.25263158 15.6905848,7.57488183 15.6905848,7.97239766 C15.6905848,8.36991349 15.3683345,8.69216374 14.9708187,8.69216374 Z M10.3483626,8.69216374 C9.95084674,8.69216374 9.62859649,8.36991349 9.62859649,7.97239766 C9.62859649,7.57488183 9.95084674,7.25263158 10.3483626,7.25263158 C10.7458784,7.25263158 11.0681287,7.57488183 11.0681287,7.97239766 C11.0681287,8.36991349 10.7458784,8.69216374 10.3483626,8.69216374 Z M5.72584795,8.69216374 C5.32833212,8.69216374 5.00608187,8.36991349 5.00608187,7.97239766 C5.00608187,7.57488183 5.32833212,7.25263158 5.72584795,7.25263158 C6.12336378,7.25263158 6.44561404,7.57488183 6.44561404,7.97239766 C6.44561404,8.36991349 6.12336378,8.69216374 5.72584795,8.69216374 Z M24.2157895,13.3146784 C23.8182736,13.3146784 23.4960234,12.9924281 23.4960234,12.5949123 C23.4960234,12.1973965 23.8182736,11.8751462 24.2157895,11.8751462 C24.6133053,11.8751462 24.9355556,12.1973965 24.9355556,12.5949123 C24.9355556,12.9924281 24.6133053,13.3146784 24.2157895,13.3146784 Z M19.5933333,13.3146784 C19.1958175,13.3146784 18.8735673,12.9924281 18.8735673,12.5949123 C18.8735673,12.1973965 19.1958175,11.8751462 19.5933333,11.8751462 C19.9908492,11.8751462 20.3130994,12.1973965 20.3130994,12.5949123 C20.3130994,12.9924281 19.9908492,13.3146784 19.5933333,13.3146784 Z M14.9708187,13.3146784 C14.5733029,13.3146784 14.2510526,12.9924281 14.2510526,12.5949123 C14.2510526,12.1973965 14.5733029,11.8751462 14.9708187,11.8751462 C15.3683345,11.8751462 15.6905848,12.1973965 15.6905848,12.5949123 C15.6905848,12.9924281 15.3683345,13.3146784 14.9708187,13.3146784 Z M5.72584795,13.3146784 C5.32833212,13.3146784 5.00608187,12.9924281 5.00608187,12.5949123 C5.00608187,12.1973965 5.32833212,11.8751462 5.72584795,11.8751462 C6.12336378,11.8751462 6.44561404,12.1973965 6.44561404,12.5949123 C6.44561404,12.9924281 6.12336378,13.3146784 5.72584795,13.3146784 Z M24.2157895,17.9371345 C23.8182736,17.9371345 23.4960234,17.6148843 23.4960234,17.2173684 C23.4960234,16.8198526 23.8182736,16.4976023 24.2157895,16.4976023 C24.6133053,16.4976023 24.9355556,16.8198526 24.9355556,17.2173684 C24.9355556,17.6148843 24.6133053,17.9371345 24.2157895,17.9371345 Z M19.5933333,17.9371345 C19.1958175,17.9371345 18.8735673,17.6148843 18.8735673,17.2173684 C18.8735673,16.8198526 19.1958175,16.4976023 19.5933333,16.4976023 C19.9908492,16.4976023 20.3130994,16.8198526 20.3130994,17.2173684 C20.3130994,17.6148843 19.9908492,17.9371345 19.5933333,17.9371345 Z M14.9708187,17.9371345 C14.5733029,17.9371345 14.2510526,17.6148843 14.2510526,17.2173684 C14.2510526,16.8198526 14.5733029,16.4976023 14.9708187,16.4976023 C15.3683345,16.4976023 15.6905848,16.8198526 15.6905848,17.2173684 C15.6905848,17.6148843 15.3683345,17.9371345 14.9708187,17.9371345 Z M10.3483626,17.9371345 C9.95084674,17.9371345 9.62859649,17.6148843 9.62859649,17.2173684 C9.62859649,16.8198526 9.95084674,16.4976023 10.3483626,16.4976023 C10.7458784,16.4976023 11.0681287,16.8198526 11.0681287,17.2173684 C11.0681287,17.6148843 10.7458784,17.9371345 10.3483626,17.9371345 Z M5.72584795,17.9371345 C5.32833212,17.9371345 5.00608187,17.6148843 5.00608187,17.2173684 C5.00608187,16.8198526 5.32833212,16.4976023 5.72584795,16.4976023 C6.12336378,16.4976023 6.44561404,16.8198526 6.44561404,17.2173684 C6.44561404,17.6148843 6.12336378,17.9371345 5.72584795,17.9371345 Z M12.5204678,9.80409357 C12.8621637,9.80409357 13.1391813,10.0811111 13.1391813,10.422924 L13.1391813,14.7673099 C13.1391813,15.1090643 12.8622222,15.3860234 12.5204678,15.3860234 L8.17602339,15.3860234 C7.83426901,15.3860234 7.55730994,15.1090643 7.55730994,14.7673099 L7.55730994,10.422807 C7.55730994,10.0810526 7.83426901,9.80409357 8.17602339,9.80409357 L12.5204678,9.80409357 Z M11.9017544,14.148538 L11.9016959,14.148538 L11.9016959,11.0415789 L8.79473684,11.0415789 L8.79473684,14.148538 L11.9017544,14.148538 Z M27.8791228,21.1526316 C28.2581871,21.1526316 28.5666082,20.8442105 28.5667251,20.4650877 L28.5666667,20.4650877 L28.5666667,3.58947368 C28.5666667,3.21040936 28.2582456,2.9019883 27.8791813,2.9019883 L23.3347953,2.9019883 L23.3347953,3.69602339 C23.3347953,4.07567251 23.0270175,4.38350877 22.6473099,4.38350877 C22.2676608,4.38350877 21.9598246,4.07561404 21.9598246,3.69602339 L21.9598246,2.9019883 L18.217076,2.9019883 L18.217076,3.69602339 C18.217076,4.07567251 17.9091813,4.38350877 17.5295906,4.38350877 C17.149883,4.38350877 16.8421053,4.07561404 16.8421053,3.69602339 L16.8421053,2.9019883 L13.0994737,2.9019883 L13.0994737,3.69602339 C13.0994737,4.07567251 12.7916959,4.38350877 12.4119883,4.38350877 C12.0322807,4.38350877 11.7245029,4.07561404 11.7245029,3.69602339 L11.7245029,2.9019883 L7.98175439,2.9019883 L7.98175439,3.69602339 C7.98175439,4.07567251 7.67397661,4.38350877 7.29426901,4.38350877 C6.9145614,4.38350877 6.60678363,4.07561404 6.60678363,3.69602339 L6.60678363,2.9019883 L2.06239766,2.9019883 C1.68333333,2.9019883 1.37491228,3.21040936 1.37491228,3.58947368 L1.37491228,20.4651462 C1.37491228,20.8442105 1.68333333,21.1526316 2.06239766,21.1526316 L27.8791228,21.1526316 Z"
-      fill-rule="nonzero"
-    ></path>
+    <rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect>
+    <line x1="16" y1="2" x2="16" y2="6"></line>
+    <line x1="8" y1="2" x2="8" y2="6"></line>
+    <line x1="3" y1="10" x2="21" y2="10"></line>
   </svg>
 </template>
diff --git a/src/icons/tmdb-logo.vue b/src/icons/tmdb-logo.vue
index 2f03693..e3473f6 100644
--- a/src/icons/tmdb-logo.vue
+++ b/src/icons/tmdb-logo.vue
@@ -1,10 +1,11 @@
 <template>
   <svg
     version="1.1"
-    width="300"
-    height="200"
+    width="100%"
+    height="100%"
     xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 50 45"
+    style="outline-offset: -5px"
   >
     <title>TMDB Logo</title>