diff --git a/src/components/Header.vue b/src/components/Header.vue
index 048ab71..f9ed8cd 100644
--- a/src/components/Header.vue
+++ b/src/components/Header.vue
@@ -8,12 +8,15 @@
     <div v-if="isAuthenticated" @click="() => setToken('')">
       <IconLogout class="h-6 w-6 cursor-pointer"></IconLogout>
     </div>
+    <router-link to="/login" v-else>
+      <IconLogin class="h-6 w-6 cursor-pointer"></IconLogin>
+    </router-link>
   </header>
 </template>
 
 <script setup lang="ts">
 import { useDark, useToggle } from '@vueuse/core'
-import { IconLightDark, IconLogout } from '@/components/icons'
+import { IconLightDark, IconLogout, IconLogin } from '@/components/icons'
 import { useAuth } from '@/composables/'
 
 const { isAuthenticated, setToken } = useAuth()
diff --git a/src/components/icons/IconLogin.vue b/src/components/icons/IconLogin.vue
new file mode 100644
index 0000000..71e936c
--- /dev/null
+++ b/src/components/icons/IconLogin.vue
@@ -0,0 +1,8 @@
+<template>
+  <svg viewBox="0 0 24 24">
+    <path
+      d="M10 17v-3H3v-4h7V7l5 5l-5 5m0-15h9a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2h-9a2 2 0 0 1-2-2v-2h2v2h9V4h-9v2H8V4a2 2 0 0 1 2-2z"
+      fill="currentColor"
+    ></path>
+  </svg>
+</template>
diff --git a/src/components/icons/index.ts b/src/components/icons/index.ts
index 0ec8768..053a0af 100644
--- a/src/components/icons/index.ts
+++ b/src/components/icons/index.ts
@@ -6,4 +6,5 @@ export { default as IconSpinner } from './IconSpinner.vue'
 export { default as IconNoGift } from './IconNoGift.vue'
 export { default as IconLightDark } from './IconLightDark.vue'
 export { default as IconLogout } from './IconLogout.vue'
+export { default as IconLogin } from './IconLogin.vue'
 export { default as IconCloudQuestion } from './IconCloudQuestion.vue'