diff --git a/assets/logo.svg b/assets/logo.svg
new file mode 100644
index 000000000..6b72bb7b9
--- /dev/null
+++ b/assets/logo.svg
@@ -0,0 +1,6 @@
+<svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <rect x="0" y="0" width="80" height="80" fill="white" stroke="currentColor" stroke-width="2" />
+  <path d="M6.28906 73.7111V46.4124H8.85405V71.6958H16.7322V73.7111H6.28906Z" fill="currentColor" />
+  <path d="M19.4804 73.7111V46.4124H28.0914L32.0305 67.8483H32.5801L36.6108 46.4124H45.3135V73.7111H40.0003V50.443H39.5422L34.8703 73.7111H29.5571L24.7936 50.443H24.2439V73.7111H19.4804Z" fill="currentColor" />
+  <path d="M48.7945 64.0008V46.4124H58.0468V65.0085C58.0468 66.9322 59.6452 67.872 61.3446 67.8483C63.0171 67.8249 64.5508 66.749 64.5508 65.0085V46.4124H73.8031V64.0008C73.8031 66.1078 73.6565 74.2412 61.3446 74.3523C49.0327 74.4635 48.7945 66.0161 48.7945 64.0008Z" fill="currentColor" />
+</svg>
diff --git a/static/css/utils/asidenav.scss b/static/css/utils/asidenav.scss
index 101bf5506..10f26cadc 100644
--- a/static/css/utils/asidenav.scss
+++ b/static/css/utils/asidenav.scss
@@ -120,41 +120,32 @@
   flex-basis: var(--asidenav-width-xl, 250px);
   font-size: 16px;
   align-items: center;
-  color: var(--color-primary);
+  color: var(--color-dark);
   transform-origin: left;
 
   &:hover {
-    color: var(--color-lightwhite);
-
-    .asidenav__logo-link-item {
-      background-color: var(--color-primary);
-    }
+    color: var(--color-primary);
   }
 }
 
-.asidenav__logo-link-item {
-  font-weight: bold;
-  display: flex;
-  align-items: flex-end;
-  height: calc(100% - 4px);
-  padding: 0 6px 4px;
-  border: 1px solid var(--color-primary);
-  letter-spacing: 2px;
-  background-color: var(--color-lightwhite);
-  transition: background-color .3s ease;
-}
-
 .asidenav__logo-lmu {
-  font-family: var(--font-logo);
-  font-size: 30px;
+  width: 80px;
+  height: 100%;
 }
 
 .asidenav__logo-uni2work {
+  display: flex;
+  align-items: flex-end;
   min-width: 70px;
   margin-left: 12px;
-  font-weight: normal;
   text-transform: uppercase;
   width: 100%;
+  height: 100%;
+  padding: 0 4px 2px;
+  border: 1px solid currentColor;
+  letter-spacing: 2px;
+  background-color: white;
+  transition: background-color .3s ease;
 }
 
 @media (max-width: 1199px) {
diff --git a/templates/widgets/asidenav/asidenav.hamlet b/templates/widgets/asidenav/asidenav.hamlet
index 1640e0953..2e72c4e7e 100644
--- a/templates/widgets/asidenav/asidenav.hamlet
+++ b/templates/widgets/asidenav/asidenav.hamlet
@@ -2,8 +2,15 @@ $newline never
 <aside .main__aside uw-asidenav>
   <div .asidenav__logo>
     <a href="/" .asidenav__logo-link>
-      <span .asidenav__logo-link-item.asidenav__logo-lmu>LMU
-      <span .asidenav__logo-link-item.asidenav__logo-uni2work>UNI2WORK
+      <div .asidenav__logo-lmu >
+        $# TODO: logo is supposed to be loaded from /assets/logo.svg and placed here
+        <svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg">
+          <rect x="0" y="0" width="80" height="80" fill="white" stroke="currentColor" stroke-width="2" />
+          <path d="M6.28906 73.7111V46.4124H8.85405V71.6958H16.7322V73.7111H6.28906Z" fill="currentColor" />
+          <path d="M19.4804 73.7111V46.4124H28.0914L32.0305 67.8483H32.5801L36.6108 46.4124H45.3135V73.7111H40.0003V50.443H39.5422L34.8703 73.7111H29.5571L24.7936 50.443H24.2439V73.7111H19.4804Z" fill="currentColor" />
+          <path d="M48.7945 64.0008V46.4124H58.0468V65.0085C58.0468 66.9322 59.6452 67.872 61.3446 67.8483C63.0171 67.8249 64.5508 66.749 64.5508 65.0085V46.4124H73.8031V64.0008C73.8031 66.1078 73.6565 74.2412 61.3446 74.3523C49.0327 74.4635 48.7945 66.0161 48.7945 64.0008Z" fill="currentColor" />
+
+      <span .asidenav__logo-uni2work>UNI2WORK
 
   <div .asidenav>
     $forall tid <- favouriteTerms