diff --git a/src/frontend/css/app.css b/src/frontend/css/app.css
index 5312e11..cdc8bd4 100644
--- a/src/frontend/css/app.css
+++ b/src/frontend/css/app.css
@@ -617,7 +617,7 @@ a,
   margin: 0 auto;
   padding: 1rem;
 }
-.login-page img {
+.login-page .logo svg {
   width: 4rem;
   height: 4rem;
   display: block;
diff --git a/src/frontend/js/login.ts b/src/frontend/js/login.ts
index b3fdc58..0c37f41 100644
--- a/src/frontend/js/login.ts
+++ b/src/frontend/js/login.ts
@@ -1,9 +1,13 @@
 import template from './templates/login.html' with {type: 'text'}
+import icons from './icons'
 
 export default {
   template: template,
   data: function () {
-    return { hasError: false }
+    return {
+      logo: icons.anchor,
+      hasError: false,
+    }
   },
   created: function () {
     this.$setLang(window.app.settings.language)
diff --git a/src/frontend/js/templates/login.html b/src/frontend/js/templates/login.html
index 862f496..22e38a9 100644
--- a/src/frontend/js/templates/login.html
+++ b/src/frontend/js/templates/login.html
@@ -1,6 +1,6 @@
 <div class="login-page">
     <form @submit.prevent="login">
-        <img src="./static/graphicarts/anchor.svg" alt="">
+        <div class="logo" v-html="logo"></div>
         <div class="text-danger text-center my-3" v-if="hasError">{{ $t('login_error') }}</div>
         <div class="form-group">
             <label for="username">{{ $t('username') }}</label>