From 4996eb565ae74befe92cb283d45cc33b2e325649 Mon Sep 17 00:00:00 2001
From: Daniel Egger <daniel.egger@gmail.com>
Date: Mon, 3 Apr 2023 13:52:37 +0200
Subject: [PATCH] Cleanup icons

---
 .editorconfig                                 |  2 +-
 .../components/header/AccountMenuContent.vue  |  3 +-
 client/src/components/header/MobileMenu.vue   |  3 +-
 client/src/components/icons/IconLogout.vue    | 18 ------------
 client/src/components/icons/IconSettings.vue  | 20 -------------
 client/src/components/icons/IconSupport.vue   |  7 -----
 client/src/components/icons/IconTooling.vue   | 19 -------------
 client/src/components/icons/IconVbv.vue       | 28 -------------------
 client/src/pages/StyleGuidePage.vue           |  8 ++----
 client/src/types.ts                           |  2 +-
 .../vbv_lernwelt/static/icons/icon-logout.svg |  5 ++++
 .../static/icons/icon-settings.svg            |  1 +
 12 files changed, 13 insertions(+), 103 deletions(-)
 delete mode 100644 client/src/components/icons/IconLogout.vue
 delete mode 100644 client/src/components/icons/IconSettings.vue
 delete mode 100644 client/src/components/icons/IconSupport.vue
 delete mode 100644 client/src/components/icons/IconTooling.vue
 delete mode 100644 client/src/components/icons/IconVbv.vue
 create mode 100644 server/vbv_lernwelt/static/icons/icon-logout.svg
 create mode 100644 server/vbv_lernwelt/static/icons/icon-settings.svg

diff --git a/.editorconfig b/.editorconfig
index 658dda71..24367a8d 100644
--- a/.editorconfig
+++ b/.editorconfig
@@ -8,7 +8,7 @@ end_of_line = lf
 insert_final_newline = true
 trim_trailing_whitespace = true
 
-[*.{py,rst,ini,sh}]
+[*.{py,rst,ini,sh,svg}]
 indent_style = space
 indent_size = 4
 
diff --git a/client/src/components/header/AccountMenuContent.vue b/client/src/components/header/AccountMenuContent.vue
index f09d9cc7..01941519 100644
--- a/client/src/components/header/AccountMenuContent.vue
+++ b/client/src/components/header/AccountMenuContent.vue
@@ -1,5 +1,4 @@
 <script setup lang="ts">
-import IconLogout from "@/components/icons/IconLogout.vue";
 import type { UserState } from "@/stores/user";
 import type { CourseSession } from "@/types";
 
@@ -44,7 +43,7 @@ const emits = defineEmits(["selectCourseSession", "logout"]);
       class="mt-6 flex items-center"
       @click="$emit('logout')"
     >
-      <IconLogout class="inline-block" />
+      <it-icon-logout class="inline-block" />
       <span class="ml-1">{{ $t("mainNavigation.logout") }}</span>
     </button>
   </div>
diff --git a/client/src/components/header/MobileMenu.vue b/client/src/components/header/MobileMenu.vue
index fa712aa4..0722803c 100644
--- a/client/src/components/header/MobileMenu.vue
+++ b/client/src/components/header/MobileMenu.vue
@@ -1,5 +1,4 @@
 <script setup lang="ts">
-import IconLogout from "@/components/icons/IconLogout.vue";
 import ItFullScreenModal from "@/components/ui/ItFullScreenModal.vue";
 import type { UserState } from "@/stores/user";
 import type { CourseSession } from "@/types";
@@ -89,7 +88,7 @@ const clickLink = (to: string | undefined) => {
             class="mt-6 flex items-center"
             @click="$emit('logout')"
           >
-            <IconLogout class="inline-block" />
+            <it-icon-logout class="inline-block" />
             <span class="ml-1">{{ $t("mainNavigation.logout") }}</span>
           </button>
         </div>
diff --git a/client/src/components/icons/IconLogout.vue b/client/src/components/icons/IconLogout.vue
deleted file mode 100644
index 9e6b3a4d..00000000
--- a/client/src/components/icons/IconLogout.vue
+++ /dev/null
@@ -1,18 +0,0 @@
-<template>
-  <svg
-    width="30"
-    height="30"
-    viewBox="0 0 30 30"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <path
-      d="M26.3292 15.7779C26.3292 15.7625 26.3474 15.7474 26.3536 15.7321C26.3619 15.71 26.3691 15.6877 26.3749 15.6649V15.6222C26.39 15.5448 26.39 15.465 26.3749 15.3876V15.3449C26.3691 15.3221 26.3619 15.2998 26.3536 15.2777C26.3536 15.2623 26.3383 15.2472 26.3292 15.2319C26.32 15.2132 26.3098 15.1949 26.2985 15.1771L26.262 15.1313L26.2315 15.0918L20.9236 9.44226C20.8147 9.31721 20.6597 9.24193 20.494 9.23364C20.3283 9.22556 20.1665 9.2851 20.0457 9.39888C19.9249 9.51244 19.8558 9.67046 19.8541 9.83634C19.8522 10.002 19.9181 10.1615 20.0363 10.2776L24.3779 14.8906H7.47836C7.1417 14.8906 6.86865 15.1634 6.86865 15.5003C6.86865 15.8371 7.14172 16.11 7.47836 16.11H24.3779L20.0363 20.7229C19.8213 20.9698 19.8398 21.3426 20.0782 21.5672C20.3169 21.7916 20.6898 21.7877 20.9236 21.5583L26.2315 15.918L26.2619 15.8784L26.2985 15.8327C26.3098 15.8149 26.32 15.7966 26.3291 15.7779L26.3292 15.7779Z"
-      fill="#0A0A0A"
-    />
-    <path
-      d="M6.65855 27H11.5884C12.5588 27 13.4894 26.6146 14.1755 25.9286C14.8616 25.2423 15.247 24.3119 15.247 23.3414V21.2926C15.247 20.9559 14.9741 20.6829 14.6372 20.6829C14.3006 20.6829 14.0275 20.956 14.0275 21.2926V23.3506C14.0275 23.9975 13.7706 24.6179 13.3132 25.0753C12.8558 25.5328 12.2354 25.7897 11.5885 25.7897H6.65861C6.01166 25.7897 5.39134 25.5328 4.93386 25.0753C4.47642 24.6179 4.21952 23.9975 4.21952 23.3506V7.65855C4.21952 7.01161 4.47642 6.39129 4.93386 5.93381C5.39131 5.47636 6.01166 5.21946 6.65861 5.21946H11.5885C12.2354 5.21946 12.8557 5.47637 13.3132 5.93381C13.7706 6.39125 14.0275 7.01161 14.0275 7.65855V9.7074C14.0275 10.0441 14.3006 10.3171 14.6372 10.3171C14.9741 10.3171 15.247 10.044 15.247 9.7074V7.65855C15.247 6.68817 14.8616 5.75774 14.1755 5.07143C13.4894 4.38535 12.5588 4 11.5884 4H6.65855C5.68817 4 4.75774 4.38535 4.07143 5.07143C3.38535 5.75768 3 6.68811 3 7.65855V23.3413C3 24.3117 3.38535 25.2422 4.07143 25.9285C4.75768 26.6145 5.68811 26.9999 6.65855 26.9999V27Z"
-      fill="#0A0A0A"
-    />
-  </svg>
-</template>
diff --git a/client/src/components/icons/IconSettings.vue b/client/src/components/icons/IconSettings.vue
deleted file mode 100644
index b6ea4b7f..00000000
--- a/client/src/components/icons/IconSettings.vue
+++ /dev/null
@@ -1,20 +0,0 @@
-<template>
-  <svg
-    width="30"
-    height="30"
-    viewBox="0 0 30 30"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <path
-      fill-rule="evenodd"
-      clip-rule="evenodd"
-      d="M24.3777 15C24.3777 15.425 24.3402 15.825 24.2902 16.225L26.9277 18.2875C27.1652 18.475 27.2277 18.8125 27.0777 19.0875L24.5777 23.4125C24.4652 23.6125 24.2527 23.725 24.0402 23.725C23.9652 23.725 23.8902 23.7125 23.8152 23.6875L20.7027 22.4375C20.0527 22.925 19.3527 23.35 18.5902 23.6625L18.1152 26.975C18.0777 27.275 17.8152 27.5 17.5027 27.5H12.5027C12.1902 27.5 11.9277 27.275 11.8902 26.975L11.4152 23.6625C10.6527 23.35 9.95273 22.9375 9.30273 22.4375L6.19023 23.6875C6.12773 23.7125 6.05273 23.725 5.97773 23.725C5.75273 23.725 5.54023 23.6125 5.42773 23.4125L2.92773 19.0875C2.77773 18.8125 2.84023 18.475 3.07773 18.2875L5.71523 16.225C5.66523 15.825 5.62773 15.4125 5.62773 15C5.62773 14.5875 5.66523 14.175 5.71523 13.775L3.07773 11.7125C2.84023 11.525 2.76523 11.1875 2.92773 10.9125L5.42773 6.5875C5.54023 6.3875 5.75273 6.275 5.96523 6.275C6.04023 6.275 6.11523 6.2875 6.19023 6.3125L9.30273 7.5625C9.95273 7.075 10.6527 6.65 11.4152 6.3375L11.8902 3.025C11.9277 2.725 12.1902 2.5 12.5027 2.5H17.5027C17.8152 2.5 18.0777 2.725 18.1152 3.025L18.5902 6.3375C19.3527 6.65 20.0527 7.0625 20.7027 7.5625L23.8152 6.3125C23.8777 6.2875 23.9527 6.275 24.0277 6.275C24.2527 6.275 24.4652 6.3875 24.5777 6.5875L27.0777 10.9125C27.2277 11.1875 27.1652 11.525 26.9277 11.7125L24.2902 13.775C24.3402 14.175 24.3777 14.575 24.3777 15ZM21.8777 15C21.8777 14.7375 21.8652 14.475 21.8152 14.0875L21.6402 12.675L22.7527 11.8L24.0902 10.7375L23.2152 9.225L21.6277 9.8625L20.3027 10.4L19.1652 9.525C18.6652 9.15 18.1652 8.8625 17.6277 8.6375L16.3027 8.1L16.1027 6.6875L15.8652 5H14.1277L13.8777 6.6875L13.6777 8.1L12.3527 8.6375C11.8402 8.85 11.3277 9.15 10.7902 9.55L9.66523 10.4L8.36523 9.875L6.77773 9.2375L5.90273 10.75L7.25273 11.8L8.36523 12.675L8.19023 14.0875C8.15273 14.4625 8.12773 14.75 8.12773 15C8.12773 15.25 8.15273 15.5375 8.19023 15.925L8.36523 17.3375L7.25273 18.2125L5.90273 19.2625L6.77773 20.775L8.36523 20.1375L9.69023 19.6L10.8277 20.475C11.3277 20.85 11.8277 21.1375 12.3652 21.3625L13.6902 21.9L13.8902 23.3125L14.1277 25H15.8777L16.1277 23.3125L16.3277 21.9L17.6527 21.3625C18.1652 21.15 18.6777 20.85 19.2152 20.45L20.3402 19.6L21.6402 20.125L23.2277 20.7625L24.1027 19.25L22.7527 18.2L21.6402 17.325L21.8152 15.9125C21.8527 15.5375 21.8777 15.2625 21.8777 15ZM15.0027 10C12.2402 10 10.0027 12.2375 10.0027 15C10.0027 17.7625 12.2402 20 15.0027 20C17.7652 20 20.0027 17.7625 20.0027 15C20.0027 12.2375 17.7652 10 15.0027 10ZM12.5027 15C12.5027 16.375 13.6277 17.5 15.0027 17.5C16.3777 17.5 17.5027 16.375 17.5027 15C17.5027 13.625 16.3777 12.5 15.0027 12.5C13.6277 12.5 12.5027 13.625 12.5027 15Z"
-      fill="#0A0A0A"
-    />
-    <path
-      d="M24.2902 16.225L23.7941 16.163L23.7589 16.4443L23.9822 16.6189L24.2902 16.225ZM26.9277 18.2875L27.2376 17.8951L27.2357 17.8936L26.9277 18.2875ZM27.0777 19.0875L27.5107 19.3378L27.5167 19.3269L27.0777 19.0875ZM24.5777 23.4125L24.1448 23.1623L24.1419 23.1674L24.5777 23.4125ZM23.8152 23.6875L23.6289 24.1515L23.6428 24.1571L23.6571 24.1618L23.8152 23.6875ZM20.7027 22.4375L20.8891 21.9735L20.6279 21.8686L20.4027 22.0375L20.7027 22.4375ZM18.5902 23.6625L18.4006 23.1998L18.1359 23.3083L18.0953 23.5915L18.5902 23.6625ZM18.1152 26.975L17.6202 26.904L17.6191 26.913L18.1152 26.975ZM11.8902 26.975L12.3864 26.913L12.3852 26.904L11.8902 26.975ZM11.4152 23.6625L11.9102 23.5915L11.8696 23.3083L11.6048 23.1998L11.4152 23.6625ZM9.30273 22.4375L9.60758 22.0412L9.38131 21.8671L9.11639 21.9735L9.30273 22.4375ZM6.19023 23.6875L6.37593 24.1517L6.37657 24.1515L6.19023 23.6875ZM5.42773 23.4125L5.86355 23.1674L5.86061 23.1623L5.42773 23.4125ZM2.92773 19.0875L2.48865 19.327L2.49484 19.3377L2.92773 19.0875ZM3.07773 18.2875L2.76972 17.8936L2.76791 17.8951L3.07773 18.2875ZM5.71523 16.225L6.02323 16.6189L6.24653 16.4443L6.21137 16.163L5.71523 16.225ZM5.71523 13.775L6.21137 13.837L6.24653 13.5557L6.02323 13.3811L5.71523 13.775ZM3.07773 11.7125L2.7679 12.1049L2.76973 12.1064L3.07773 11.7125ZM2.92773 10.9125L3.35821 11.1669L3.36061 11.1627L2.92773 10.9125ZM5.42773 6.5875L5.86064 6.83774L5.86352 6.83263L5.42773 6.5875ZM6.19023 6.3125L6.37657 5.84852L6.36261 5.84291L6.34834 5.83816L6.19023 6.3125ZM9.30273 7.5625L9.11639 8.02648L9.37757 8.13137L9.60273 7.9625L9.30273 7.5625ZM11.4152 6.3375L11.6048 6.80015L11.8696 6.69166L11.9102 6.40847L11.4152 6.3375ZM11.8902 3.025L12.3852 3.09598L12.3864 3.08702L11.8902 3.025ZM18.1152 3.025L17.619 3.08703L17.6203 3.09597L18.1152 3.025ZM18.5902 6.3375L18.0953 6.40847L18.1359 6.69166L18.4006 6.80015L18.5902 6.3375ZM20.7027 7.5625L20.3979 7.95881L20.6242 8.13287L20.8891 8.02648L20.7027 7.5625ZM23.8152 6.3125L23.6295 5.84826L23.6289 5.84852L23.8152 6.3125ZM24.5777 6.5875L24.1419 6.83265L24.1448 6.83772L24.5777 6.5875ZM27.0777 10.9125L27.5168 10.673L27.5106 10.6623L27.0777 10.9125ZM26.9277 11.7125L27.2357 12.1064L27.2376 12.1049L26.9277 11.7125ZM24.2902 13.775L23.9822 13.3811L23.7589 13.5557L23.7941 13.837L24.2902 13.775ZM21.8152 14.0875L21.319 14.149L21.3193 14.1515L21.8152 14.0875ZM21.6402 12.675L21.3311 12.282L21.1093 12.4564L21.144 12.7365L21.6402 12.675ZM22.7527 11.8L23.0618 12.193L23.0637 12.1915L22.7527 11.8ZM24.0902 10.7375L24.4012 11.129L24.7391 10.8606L24.523 10.4871L24.0902 10.7375ZM23.2152 9.225L23.648 8.97462L23.431 8.59953L23.0289 8.76101L23.2152 9.225ZM21.6277 9.8625L21.4414 9.39851L21.4398 9.39917L21.6277 9.8625ZM20.3027 10.4L19.9979 10.7963L20.2251 10.9711L20.4907 10.8633L20.3027 10.4ZM19.1652 9.525L19.4701 9.12866L19.4652 9.125L19.1652 9.525ZM17.6277 8.6375L17.8208 8.17625L17.8157 8.17417L17.6277 8.6375ZM16.3027 8.1L15.8077 8.1701L15.848 8.45512L16.1148 8.56333L16.3027 8.1ZM16.1027 6.6875L15.6076 6.75718L15.6077 6.7576L16.1027 6.6875ZM15.8652 5L16.3603 4.93032L16.2998 4.5H15.8652V5ZM14.1277 5V4.5H13.6963L13.6331 4.92673L14.1277 5ZM13.8777 6.6875L13.3831 6.61422L13.3827 6.6174L13.8777 6.6875ZM13.6777 8.1L13.8657 8.56333L14.1324 8.45512L14.1728 8.1701L13.6777 8.1ZM12.3527 8.6375L12.1648 8.17416L12.1612 8.17563L12.3527 8.6375ZM10.7902 9.55L10.4917 9.14887L10.4888 9.15107L10.7902 9.55ZM9.66523 10.4L9.478 10.8636L9.74064 10.9697L9.96665 10.7989L9.66523 10.4ZM8.36523 9.875L8.55246 9.41138L8.55155 9.41101L8.36523 9.875ZM6.77773 9.2375L6.96405 8.77351L6.56193 8.61203L6.34493 8.98712L6.77773 9.2375ZM5.90273 10.75L5.46993 10.4996L5.25161 10.877L5.59576 11.1447L5.90273 10.75ZM7.25273 11.8L7.56184 11.407L7.5597 11.4053L7.25273 11.8ZM8.36523 12.675L8.86144 12.7365L8.89613 12.4564L8.67433 12.282L8.36523 12.675ZM8.19023 14.0875L7.69388 14.026L7.69271 14.0377L8.19023 14.0875ZM8.19023 15.925L7.69238 15.9732L7.69402 15.9865L8.19023 15.925ZM8.36523 17.3375L8.67434 17.7305L8.89613 17.5561L8.86144 17.276L8.36523 17.3375ZM7.25273 18.2125L7.5597 18.6072L7.56183 18.6055L7.25273 18.2125ZM5.90273 19.2625L5.59576 18.8678L5.25161 19.1355L5.46993 19.5129L5.90273 19.2625ZM6.77773 20.775L6.34493 21.0254L6.56193 21.4005L6.96405 21.239L6.77773 20.775ZM8.36523 20.1375L8.55156 20.6015L8.55318 20.6008L8.36523 20.1375ZM9.69023 19.6L9.99508 19.2037L9.76789 19.0289L9.50227 19.1367L9.69023 19.6ZM10.8277 20.475L10.5229 20.8713L10.5277 20.875L10.8277 20.475ZM12.3652 21.3625L12.1721 21.8237L12.1773 21.8258L12.3652 21.3625ZM13.6902 21.9L14.1853 21.8299L14.1449 21.5449L13.8782 21.4367L13.6902 21.9ZM13.8902 23.3125L14.3853 23.2428L14.3853 23.2424L13.8902 23.3125ZM14.1277 25L13.6326 25.0697L13.6932 25.5H14.1277V25ZM15.8777 25V25.5H16.3091L16.3723 25.0733L15.8777 25ZM16.1277 23.3125L16.6223 23.3858L16.6228 23.3826L16.1277 23.3125ZM16.3277 21.9L16.1398 21.4367L15.873 21.5449L15.8327 21.8299L16.3277 21.9ZM17.6527 21.3625L17.8407 21.8258L17.8442 21.8244L17.6527 21.3625ZM19.2152 20.45L19.5137 20.8511L19.5166 20.8489L19.2152 20.45ZM20.3402 19.6L20.5275 19.1364L20.2648 19.0303L20.0388 19.2011L20.3402 19.6ZM21.6402 20.125L21.453 20.5886L21.4539 20.589L21.6402 20.125ZM23.2277 20.7625L23.0414 21.2265L23.4435 21.388L23.6605 21.0129L23.2277 20.7625ZM24.1027 19.25L24.5355 19.5004L24.7538 19.123L24.4097 18.8553L24.1027 19.25ZM22.7527 18.2L22.4436 18.593L22.4458 18.5947L22.7527 18.2ZM21.6402 17.325L21.144 17.2635L21.1093 17.5436L21.3311 17.718L21.6402 17.325ZM21.8152 15.9125L22.3116 15.974L22.3127 15.9623L21.8152 15.9125ZM24.7864 16.287C24.8376 15.8773 24.8777 15.4543 24.8777 15H23.8777C23.8777 15.3957 23.8429 15.7727 23.7941 16.163L24.7864 16.287ZM27.2357 17.8936L24.5982 15.8311L23.9822 16.6189L26.6197 18.6814L27.2357 17.8936ZM27.5167 19.3269C27.7762 18.851 27.6778 18.2426 27.2376 17.8951L26.6179 18.6799C26.6527 18.7074 26.6792 18.774 26.6388 18.8481L27.5167 19.3269ZM25.0106 23.6627L27.5106 19.3377L26.6448 18.8373L24.1448 23.1623L25.0106 23.6627ZM24.0402 24.225C24.4227 24.225 24.8073 24.0242 25.0135 23.6576L24.1419 23.1674C24.1231 23.2008 24.0828 23.225 24.0402 23.225V24.225ZM23.6571 24.1618C23.7803 24.2029 23.9087 24.225 24.0402 24.225V23.225C24.0218 23.225 24.0001 23.2221 23.9733 23.2132L23.6571 24.1618ZM20.5164 22.9015L23.6289 24.1515L24.0016 23.2235L20.8891 21.9735L20.5164 22.9015ZM18.7798 24.1252C19.5901 23.7931 20.3269 23.3444 21.0027 22.8375L20.4027 22.0375C19.7786 22.5056 19.1154 22.9069 18.4006 23.1998L18.7798 24.1252ZM18.6102 27.046L19.0852 23.7335L18.0953 23.5915L17.6203 26.904L18.6102 27.046ZM17.5027 28C18.0543 28 18.541 27.6 18.6114 27.037L17.6191 26.913C17.6145 26.95 17.5762 27 17.5027 27V28ZM12.5027 28H17.5027V27H12.5027V28ZM11.3941 27.037C11.4645 27.6 11.9512 28 12.5027 28V27C12.4293 27 12.391 26.95 12.3864 26.913L11.3941 27.037ZM10.9203 23.7335L11.3953 27.046L12.3852 26.904L11.9102 23.5915L10.9203 23.7335ZM8.99787 22.8338C9.68049 23.3589 10.4189 23.7945 11.2256 24.1252L11.6048 23.1998C10.8865 22.9055 10.225 22.5161 9.60758 22.0412L8.99787 22.8338ZM6.37657 24.1515L9.48907 22.9015L9.11639 21.9735L6.00389 23.2235L6.37657 24.1515ZM5.97773 24.225C6.10349 24.225 6.24351 24.2047 6.37593 24.1517L6.00452 23.2233C6.00986 23.2211 6.00961 23.2219 6.003 23.223C5.99672 23.2241 5.98793 23.225 5.97773 23.225V24.225ZM4.99194 23.6576C5.2007 24.0288 5.58837 24.225 5.97773 24.225V23.225C5.91708 23.225 5.87975 23.1962 5.86352 23.1674L4.99194 23.6576ZM2.49484 19.3377L4.99484 23.6627L5.86061 23.1623L3.36061 18.8373L2.49484 19.3377ZM2.76791 17.8951C2.32768 18.2426 2.22921 18.851 2.48878 19.3269L3.36668 18.8481C3.32625 18.774 3.35278 18.7074 3.38755 18.6799L2.76791 17.8951ZM5.40723 15.8311L2.76973 17.8936L3.38573 18.6814L6.02323 16.6189L5.40723 15.8311ZM5.12773 15C5.12773 15.4415 5.16781 15.8768 5.21909 16.287L6.21137 16.163C6.16265 15.7732 6.12773 15.3835 6.12773 15H5.12773ZM5.21909 13.713C5.16781 14.1232 5.12773 14.5585 5.12773 15H6.12773C6.12773 14.6165 6.16265 14.2268 6.21137 13.837L5.21909 13.713ZM2.76973 12.1064L5.40723 14.1689L6.02323 13.3811L3.38573 11.3186L2.76973 12.1064ZM2.49727 10.6581C2.2026 11.1568 2.34163 11.7684 2.76791 12.1049L3.38755 11.3201C3.33883 11.2816 3.32785 11.2182 3.35819 11.1669L2.49727 10.6581ZM4.99484 6.33728L2.49484 10.6623L3.36061 11.1627L5.86061 6.83772L4.99484 6.33728ZM5.96523 5.775C5.58276 5.775 5.19811 5.97585 4.99194 6.34237L5.86352 6.83263C5.88235 6.79915 5.9227 6.775 5.96523 6.775V5.775ZM6.34834 5.83816C6.22513 5.79709 6.09682 5.775 5.96523 5.775V6.775C5.98364 6.775 6.00532 6.77791 6.03211 6.78684L6.34834 5.83816ZM9.48907 7.09852L6.37657 5.84852L6.00389 6.77648L9.11639 8.02648L9.48907 7.09852ZM11.2256 5.87485C10.4154 6.20691 9.67858 6.65561 9.00273 7.1625L9.60273 7.9625C10.2269 7.49439 10.8901 7.0931 11.6048 6.80015L11.2256 5.87485ZM11.3953 2.95403L10.9203 6.26653L11.9102 6.40847L12.3852 3.09597L11.3953 2.95403ZM12.5027 2C11.9512 2 11.4645 2.4 11.3941 2.96298L12.3864 3.08702C12.391 3.05 12.4293 3 12.5027 3V2ZM17.5027 2H12.5027V3H17.5027V2ZM18.6114 2.96298C18.541 2.4 18.0543 2 17.5027 2V3C17.5762 3 17.6145 3.05 17.6191 3.08702L18.6114 2.96298ZM19.0852 6.26653L18.6102 2.95403L17.6203 3.09597L18.0953 6.40847L19.0852 6.26653ZM21.0076 7.16619C20.325 6.6411 19.5865 6.20546 18.7798 5.87485L18.4006 6.80015C19.1189 7.09454 19.7805 7.4839 20.3979 7.95881L21.0076 7.16619ZM23.6289 5.84852L20.5164 7.09852L20.8891 8.02648L24.0016 6.77648L23.6289 5.84852ZM24.0277 5.775C23.902 5.775 23.7619 5.7953 23.6295 5.84826L24.0009 6.77674C23.9956 6.77887 23.9959 6.77813 24.0025 6.77698C24.0088 6.77589 24.0175 6.775 24.0277 6.775V5.775ZM25.0135 6.34237C24.8048 5.97124 24.4171 5.775 24.0277 5.775V6.775C24.0884 6.775 24.1257 6.80376 24.1419 6.83263L25.0135 6.34237ZM27.5106 10.6623L25.0106 6.33728L24.1448 6.83772L26.6448 11.1627L27.5106 10.6623ZM27.2376 12.1049C27.6778 11.7574 27.7762 11.149 27.5167 10.6731L26.6388 11.1519C26.6792 11.226 26.6527 11.2926 26.6179 11.3201L27.2376 12.1049ZM24.5982 14.1689L27.2357 12.1064L26.6197 11.3186L23.9822 13.3811L24.5982 14.1689ZM24.8777 15C24.8777 14.5457 24.8376 14.1227 24.7864 13.713L23.7941 13.837C23.8429 14.2273 23.8777 14.6043 23.8777 15H24.8777ZM21.3193 14.1515C21.3666 14.5175 21.3777 14.7586 21.3777 15H22.3777C22.3777 14.7164 22.3639 14.4325 22.3111 14.0235L21.3193 14.1515ZM21.144 12.7365L21.319 14.149L22.3114 14.026L22.1364 12.6135L21.144 12.7365ZM22.4436 11.407L21.3311 12.282L21.9493 13.068L23.0618 12.193L22.4436 11.407ZM23.7792 10.346L22.4417 11.4085L23.0637 12.1915L24.4012 11.129L23.7792 10.346ZM22.7824 9.47538L23.6574 10.9879L24.523 10.4871L23.648 8.97462L22.7824 9.47538ZM21.8141 10.3265L23.4016 9.68899L23.0289 8.76101L21.4414 9.39851L21.8141 10.3265ZM20.4907 10.8633L21.8157 10.3258L21.4398 9.39917L20.1148 9.93667L20.4907 10.8633ZM18.8604 9.92131L19.9979 10.7963L20.6076 10.0037L19.4701 9.12869L18.8604 9.92131ZM17.4347 9.09872C17.9322 9.307 18.3965 9.57346 18.8652 9.925L19.4652 9.125C18.9339 8.72654 18.3982 8.418 17.8208 8.17628L17.4347 9.09872ZM16.1148 8.56333L17.4398 9.10083L17.8157 8.17417L16.4907 7.63667L16.1148 8.56333ZM15.6077 6.7576L15.8077 8.1701L16.7978 8.0299L16.5978 6.6174L15.6077 6.7576ZM15.3701 5.06968L15.6076 6.75718L16.5978 6.61782L16.3603 4.93032L15.3701 5.06968ZM14.1277 5.5H15.8652V4.5H14.1277V5.5ZM14.3723 6.76077L14.6223 5.07327L13.6331 4.92673L13.3831 6.61423L14.3723 6.76077ZM14.1728 8.1701L14.3728 6.7576L13.3827 6.6174L13.1827 8.0299L14.1728 8.1701ZM12.5407 9.10083L13.8657 8.56333L13.4898 7.63667L12.1648 8.17417L12.5407 9.10083ZM11.0887 9.95112C11.6002 9.57047 12.0771 9.29307 12.5442 9.09937L12.1612 8.17563C11.6034 8.40693 11.0552 8.72953 10.4917 9.14888L11.0887 9.95112ZM9.96665 10.7989L11.0916 9.94893L10.4888 9.15107L9.36381 10.0011L9.96665 10.7989ZM8.178 10.3386L9.478 10.8636L9.85246 9.93638L8.55246 9.41138L8.178 10.3386ZM6.5914 9.70149L8.1789 10.339L8.55155 9.41101L6.96405 8.77351L6.5914 9.70149ZM6.33552 11.0004L7.21052 9.48788L6.34493 8.98712L5.46993 10.4996L6.33552 11.0004ZM7.5597 11.4053L6.2097 10.3553L5.59576 11.1447L6.94576 12.1947L7.5597 11.4053ZM8.67433 12.282L7.56183 11.407L6.94362 12.193L8.05612 13.068L8.67433 12.282ZM8.68644 14.149L8.86144 12.7365L7.86902 12.6135L7.69402 14.026L8.68644 14.149ZM8.62773 15C8.62773 14.7784 8.65003 14.5145 8.68775 14.1373L7.69271 14.0377C7.65543 14.4105 7.62773 14.7216 7.62773 15H8.62773ZM8.6879 15.8768C8.65005 15.4856 8.62773 15.2219 8.62773 15H7.62773C7.62773 15.2781 7.65541 15.5894 7.69255 15.9732L8.6879 15.8768ZM8.86144 17.276L8.68644 15.8635L7.69402 15.9865L7.86902 17.399L8.86144 17.276ZM7.56183 18.6055L8.67434 17.7305L8.05612 16.9445L6.94362 17.8195L7.56183 18.6055ZM6.2097 19.6572L7.5597 18.6072L6.94576 17.8178L5.59576 18.8678L6.2097 19.6572ZM7.21052 20.5246L6.33552 19.0121L5.46993 19.5129L6.34493 21.0254L7.21052 20.5246ZM8.1789 19.6735L6.5914 20.311L6.96405 21.239L8.55155 20.6015L8.1789 19.6735ZM9.50227 19.1367L8.17728 19.6742L8.55318 20.6008L9.87818 20.0633L9.50227 19.1367ZM11.1326 20.0787L9.99508 19.2037L9.38537 19.9963L10.5229 20.8713L11.1326 20.0787ZM12.5583 20.9013C12.0607 20.693 11.5964 20.4265 11.1277 20.075L10.5277 20.875C11.059 21.2735 11.5947 21.582 12.1722 21.8237L12.5583 20.9013ZM13.8782 21.4367L12.5532 20.8992L12.1773 21.8258L13.5023 22.3633L13.8782 21.4367ZM14.3853 23.2424L14.1853 21.8299L13.1952 21.9701L13.3952 23.3826L14.3853 23.2424ZM14.6228 24.9303L14.3853 23.2428L13.3951 23.3822L13.6326 25.0697L14.6228 24.9303ZM15.8777 24.5H14.1277V25.5H15.8777V24.5ZM15.6331 23.2392L15.3831 24.9267L16.3723 25.0733L16.6223 23.3858L15.6331 23.2392ZM15.8327 21.8299L15.6327 23.2424L16.6228 23.3826L16.8228 21.9701L15.8327 21.8299ZM17.4648 20.8992L16.1398 21.4367L16.5157 22.3633L17.8407 21.8258L17.4648 20.8992ZM18.9167 20.0489C18.4052 20.4295 17.9284 20.7069 17.4612 20.9006L17.8442 21.8244C18.4021 21.5931 18.9502 21.2705 19.5137 20.8511L18.9167 20.0489ZM20.0388 19.2011L18.9138 20.0511L19.5166 20.8489L20.6416 19.9989L20.0388 19.2011ZM21.8275 19.6614L20.5275 19.1364L20.153 20.0636L21.453 20.5886L21.8275 19.6614ZM23.4141 20.2985L21.8266 19.661L21.4539 20.589L23.0414 21.2265L23.4141 20.2985ZM23.6699 18.9996L22.7949 20.5121L23.6605 21.0129L24.5355 19.5004L23.6699 18.9996ZM22.4458 18.5947L23.7958 19.6447L24.4097 18.8553L23.0597 17.8053L22.4458 18.5947ZM21.3311 17.718L22.4436 18.593L23.0618 17.807L21.9493 16.932L21.3311 17.718ZM21.319 15.851L21.144 17.2635L22.1364 17.3865L22.3114 15.974L21.319 15.851ZM21.3777 15C21.3777 15.2338 21.3555 15.4848 21.3177 15.8627L22.3127 15.9623C22.35 15.5902 22.3777 15.2912 22.3777 15H21.3777ZM10.5027 15C10.5027 12.5136 12.5164 10.5 15.0027 10.5V9.5C11.9641 9.5 9.50273 11.9614 9.50273 15H10.5027ZM15.0027 19.5C12.5164 19.5 10.5027 17.4864 10.5027 15H9.50273C9.50273 18.0386 11.9641 20.5 15.0027 20.5V19.5ZM19.5027 15C19.5027 17.4864 17.4891 19.5 15.0027 19.5V20.5C18.0414 20.5 20.5027 18.0386 20.5027 15H19.5027ZM15.0027 10.5C17.4891 10.5 19.5027 12.5136 19.5027 15H20.5027C20.5027 11.9614 18.0414 9.5 15.0027 9.5V10.5ZM15.0027 17C13.9039 17 13.0027 16.0989 13.0027 15H12.0027C12.0027 16.6511 13.3516 18 15.0027 18V17ZM17.0027 15C17.0027 16.0989 16.1016 17 15.0027 17V18C16.6539 18 18.0027 16.6511 18.0027 15H17.0027ZM15.0027 13C16.1016 13 17.0027 13.9011 17.0027 15H18.0027C18.0027 13.3489 16.6539 12 15.0027 12V13ZM13.0027 15C13.0027 13.9011 13.9039 13 15.0027 13V12C13.3516 12 12.0027 13.3489 12.0027 15H13.0027Z"
-      fill="white"
-    />
-  </svg>
-</template>
diff --git a/client/src/components/icons/IconSupport.vue b/client/src/components/icons/IconSupport.vue
deleted file mode 100644
index 7452834d..00000000
--- a/client/src/components/icons/IconSupport.vue
+++ /dev/null
@@ -1,7 +0,0 @@
-<template>
-  <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor">
-    <path
-      d="M10 3.22l-.61-.6a5.5 5.5 0 0 0-7.666.105 5.5 5.5 0 0 0-.114 7.665L10 18.78l8.39-8.4a5.5 5.5 0 0 0-.114-7.665 5.5 5.5 0 0 0-7.666-.105l-.61.61z"
-    />
-  </svg>
-</template>
diff --git a/client/src/components/icons/IconTooling.vue b/client/src/components/icons/IconTooling.vue
deleted file mode 100644
index 660598d7..00000000
--- a/client/src/components/icons/IconTooling.vue
+++ /dev/null
@@ -1,19 +0,0 @@
-<!-- This icon is from <https://github.com/Templarian/MaterialDesign>, distributed under Apache 2.0 (https://www.apache.org/licenses/LICENSE-2.0) license-->
-<template>
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    aria-hidden="true"
-    role="img"
-    class="iconify iconify--mdi"
-    width="24"
-    height="24"
-    preserveAspectRatio="xMidYMid meet"
-    viewBox="0 0 24 24"
-  >
-    <path
-      d="M20 18v-4h-3v1h-2v-1H9v1H7v-1H4v4h16M6.33 8l-1.74 4H7v-1h2v1h6v-1h2v1h2.41l-1.74-4H6.33M9 5v1h6V5H9m12.84 7.61c.1.22.16.48.16.8V18c0 .53-.21 1-.6 1.41c-.4.4-.85.59-1.4.59H4c-.55 0-1-.19-1.4-.59C2.21 19 2 18.53 2 18v-4.59c0-.32.06-.58.16-.8L4.5 7.22C4.84 6.41 5.45 6 6.33 6H7V5c0-.55.18-1 .57-1.41C7.96 3.2 8.44 3 9 3h6c.56 0 1.04.2 1.43.59c.39.41.57.86.57 1.41v1h.67c.88 0 1.49.41 1.83 1.22l2.34 5.39z"
-      fill="currentColor"
-    ></path>
-  </svg>
-</template>
diff --git a/client/src/components/icons/IconVbv.vue b/client/src/components/icons/IconVbv.vue
deleted file mode 100644
index 1f55b466..00000000
--- a/client/src/components/icons/IconVbv.vue
+++ /dev/null
@@ -1,28 +0,0 @@
-<template>
-  <svg viewBox="0 0 39 35" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path
-      d="M38.3507 28.111C38.3898 28.1686 38.4124 28.2358 38.4162 28.3053C38.4201 28.3748 38.4049 28.4441 38.3725 28.5057C38.34 28.5672 38.2914 28.6188 38.2319 28.655C38.1724 28.6911 38.1042 28.7104 38.0346 28.7108H36.3463C36.2839 28.7105 36.2224 28.6949 36.1673 28.6655C36.1122 28.636 36.0652 28.5936 36.0302 28.5419L32.0792 22.7066L28.1282 28.5419C28.0932 28.5936 28.0461 28.636 27.991 28.6654C27.9359 28.6949 27.8745 28.7104 27.812 28.7108H26.122C26.0523 28.7104 25.9841 28.6911 25.9246 28.655C25.8651 28.6188 25.8165 28.5672 25.7841 28.5057C25.7516 28.4441 25.7365 28.3748 25.7403 28.3053C25.7442 28.2358 25.7668 28.1686 25.8058 28.111L31.7648 19.312C31.8 19.26 31.8475 19.2175 31.9029 19.1881C31.9584 19.1586 32.0202 19.1432 32.083 19.1432C32.1458 19.1432 32.2076 19.1586 32.2631 19.1881C32.3186 19.2175 32.366 19.26 32.4012 19.312L38.3507 28.111Z"
-      fill="#007AC3"
-    />
-    <path
-      d="M12.6181 28.111C12.6572 28.1686 12.6798 28.2358 12.6836 28.3053C12.6874 28.3748 12.6723 28.4441 12.6399 28.5057C12.6074 28.5672 12.5588 28.6188 12.4993 28.655C12.4398 28.6911 12.3716 28.7104 12.302 28.7108H10.6119C10.5495 28.7104 10.488 28.6949 10.4329 28.6654C10.3779 28.636 10.3308 28.5936 10.2958 28.5419L6.34521 22.7066L2.3942 28.5419C2.35919 28.5936 2.31211 28.636 2.25702 28.6654C2.20193 28.6949 2.1405 28.7104 2.07805 28.7108H0.383918C0.314304 28.7104 0.246102 28.6911 0.186595 28.655C0.127088 28.6188 0.0785123 28.5672 0.0460511 28.5057C0.01359 28.4441 -0.00153491 28.3748 0.00228956 28.3053C0.00611403 28.2358 0.0287451 28.1686 0.0677665 28.111L6.0268 19.312C6.06202 19.26 6.10943 19.2175 6.1649 19.1881C6.22037 19.1586 6.2822 19.1432 6.34498 19.1432C6.40777 19.1432 6.4696 19.1586 6.52506 19.1881C6.58053 19.2175 6.62795 19.26 6.66317 19.312L12.6181 28.111Z"
-      fill="white"
-    />
-    <path
-      d="M0.0660575 7.0891C0.027036 7.03145 0.00440495 6.96429 0.000580477 6.89478C-0.003244 6.82527 0.0118844 6.75603 0.0443455 6.69444C0.0768067 6.63286 0.125382 6.58125 0.184889 6.54512C0.244396 6.50899 0.312599 6.48971 0.382213 6.48932H2.07047C2.13293 6.48967 2.19436 6.50523 2.24944 6.53466C2.30453 6.56409 2.35161 6.60651 2.38662 6.65824L6.33718 12.4935L10.2882 6.65824C10.3232 6.60651 10.3703 6.56409 10.4254 6.53466C10.4805 6.50523 10.5419 6.48967 10.6043 6.48932H12.2944C12.364 6.48971 12.4322 6.50899 12.4917 6.54512C12.5512 6.58125 12.5998 6.63286 12.6323 6.69444C12.6647 6.75603 12.6799 6.82527 12.676 6.89478C12.6722 6.96429 12.6496 7.03145 12.6106 7.0891L6.65966 15.8876C6.62451 15.9397 6.57711 15.9824 6.52164 16.0118C6.46616 16.0413 6.40429 16.0568 6.34147 16.0568C6.27865 16.0568 6.21678 16.0413 6.16131 16.0118C6.10583 15.9824 6.05844 15.9397 6.02328 15.8876L0.0660575 7.0891Z"
-      fill="#007AC3"
-    />
-    <path
-      d="M25.7982 7.0891C25.7592 7.03145 25.7366 6.96429 25.7328 6.89478C25.7289 6.82527 25.7441 6.75603 25.7765 6.69444C25.809 6.63286 25.8576 6.58125 25.9171 6.54512C25.9766 6.50899 26.0448 6.48971 26.1144 6.48932H27.8026C27.8651 6.48963 27.9265 6.50517 27.9816 6.53461C28.0367 6.56405 28.0838 6.60648 28.1188 6.65824L32.0698 12.4935L36.0208 6.65824C36.0558 6.60651 36.1029 6.56409 36.158 6.53466C36.2131 6.50523 36.2745 6.48967 36.337 6.48932H38.027C38.0966 6.48971 38.1648 6.50899 38.2244 6.54512C38.2839 6.58125 38.3324 6.63286 38.3649 6.69444C38.3974 6.75603 38.4125 6.82527 38.4087 6.89478C38.4048 6.96429 38.3822 7.03145 38.3432 7.0891L32.3841 15.8881C32.349 15.9402 32.3016 15.9828 32.2461 16.0123C32.1906 16.0418 32.1288 16.0572 32.066 16.0572C32.0031 16.0572 31.9413 16.0418 31.8858 16.0123C31.8303 15.9828 31.7829 15.9402 31.7478 15.8881L25.7982 7.0891Z"
-      fill="white"
-    />
-    <path
-      d="M24.2526 20.5202C23.1808 19.5633 21.7844 19.0514 20.3481 19.0889C17.1866 19.0889 15.1465 21.3851 15.1465 24.9395V34.1161C15.1466 34.218 15.1872 34.3156 15.2592 34.3876C15.3313 34.4596 15.429 34.5 15.5308 34.5H17.1035C17.2053 34.5 17.303 34.4596 17.3751 34.3876C17.4472 34.3156 17.4877 34.218 17.4878 34.1161V28.5739H22.0228C22.1247 28.5738 22.2223 28.5333 22.2943 28.4612C22.3663 28.3891 22.4067 28.2914 22.4067 28.1896V26.7895C22.4067 26.6876 22.3663 26.5899 22.2943 26.5179C22.2223 26.4458 22.1247 26.4052 22.0228 26.4051H17.4874V24.8722C17.4874 22.5431 18.5262 21.2591 20.4163 21.2591C21.3288 21.2362 22.2134 21.5752 22.8769 22.2021L23.0395 22.3471C23.0789 22.3821 23.125 22.4086 23.1751 22.4251C23.2252 22.4415 23.2782 22.4474 23.3307 22.4425C23.3831 22.4376 23.434 22.4219 23.4802 22.3965C23.5264 22.3711 23.5668 22.3364 23.5991 22.2947L24.4545 21.1859C24.5125 21.1105 24.5406 21.0163 24.5331 20.9214C24.5257 20.8265 24.4834 20.7378 24.4143 20.6724C24.3343 20.596 24.263 20.5283 24.2526 20.5202Z"
-      fill="white"
-    />
-    <path
-      d="M19.2443 6.13249C19.2444 6.08179 19.2546 6.03161 19.2742 5.98484C19.2938 5.93808 19.3224 5.89566 19.3585 5.86001C19.3945 5.82437 19.4373 5.79622 19.4843 5.77717C19.5313 5.75813 19.5816 5.74857 19.6323 5.74904C19.7226 5.74904 19.7989 5.74904 19.8129 5.7522C21.1089 5.881 22.3057 6.50307 23.1558 7.4897C24.0059 8.47632 24.4442 9.75198 24.38 11.0527C24.2917 12.3636 23.7038 13.5907 22.7374 14.4808C21.7709 15.3709 20.4998 15.8562 19.186 15.8366H15.5277C15.4258 15.8365 15.3282 15.7959 15.2562 15.7238C15.1842 15.6518 15.1438 15.5541 15.1438 15.4522V0.884351C15.1438 0.782493 15.1842 0.6848 15.2562 0.612733C15.3282 0.540666 15.4258 0.50012 15.5277 0.5H17.0976C17.1996 0.5 17.2973 0.540494 17.3694 0.612574C17.4415 0.684654 17.482 0.782414 17.482 0.884351V13.2405C17.482 13.3425 17.5225 13.4402 17.5946 13.5123C17.6666 13.5844 17.7644 13.6249 17.8663 13.6249H19.2326C19.9527 13.6327 20.6501 13.3736 21.1905 12.8975C21.7308 12.4215 22.0758 11.7622 22.1588 11.0469C22.2259 10.2951 21.9924 9.5474 21.5092 8.96758C21.0261 8.38775 20.3328 8.0231 19.5812 7.95353C19.4866 7.94417 19.3988 7.89972 19.3353 7.82892C19.2718 7.75812 19.2371 7.66611 19.238 7.57099L19.2443 6.13249Z"
-      fill="white"
-    />
-  </svg>
-</template>
diff --git a/client/src/pages/StyleGuidePage.vue b/client/src/pages/StyleGuidePage.vue
index c16703e9..d8fb3a3d 100644
--- a/client/src/pages/StyleGuidePage.vue
+++ b/client/src/pages/StyleGuidePage.vue
@@ -1,6 +1,4 @@
 <script setup lang="ts">
-import IconLogout from "@/components/icons/IconLogout.vue";
-import IconSettings from "@/components/icons/IconSettings.vue";
 import LearningPathCircle from "@/components/learningPath/page/LearningPathCircle.vue";
 import HorizontalBarChart from "@/components/ui/HorizontalBarChart.vue";
 import ItCheckbox from "@/components/ui/ItCheckbox.vue";
@@ -39,19 +37,19 @@ const state = reactive({
 const dropdownData = [
   {
     title: "Option 1",
-    icon: IconLogout,
+    icon: "it-icon-logout",
     data: {},
   },
   {
     title: "Option 2",
-    icon: IconLogout,
+    icon: "it-icon-logout",
     data: {
       test: 12,
     },
   },
   {
     title: "Option 3",
-    icon: IconSettings,
+    icon: "it-icon-settings",
     data: {
       amount: 34,
     },
diff --git a/client/src/types.ts b/client/src/types.ts
index 1f3cbde6..b6b0c440 100644
--- a/client/src/types.ts
+++ b/client/src/types.ts
@@ -304,7 +304,7 @@ export interface CompetenceProfilePage extends BaseCourseWagtailPage {
 // dropdown
 export interface DropdownListItem {
   title: string;
-  icon: Component;
+  icon: Component | string;
   data: object;
 }
 
diff --git a/server/vbv_lernwelt/static/icons/icon-logout.svg b/server/vbv_lernwelt/static/icons/icon-logout.svg
new file mode 100644
index 00000000..d1a95adf
--- /dev/null
+++ b/server/vbv_lernwelt/static/icons/icon-logout.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="30" height="30" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg">
+    <path d="M26.3292 15.7779C26.3292 15.7625 26.3474 15.7474 26.3536 15.7321C26.3619 15.71 26.3691 15.6877 26.3749 15.6649V15.6222C26.39 15.5448 26.39 15.465 26.3749 15.3876V15.3449C26.3691 15.3221 26.3619 15.2998 26.3536 15.2777C26.3536 15.2623 26.3383 15.2472 26.3292 15.2319C26.32 15.2132 26.3098 15.1949 26.2985 15.1771L26.262 15.1313L26.2315 15.0918L20.9236 9.44226C20.8147 9.31721 20.6597 9.24193 20.494 9.23364C20.3283 9.22556 20.1665 9.2851 20.0457 9.39888C19.9249 9.51244 19.8558 9.67046 19.8541 9.83634C19.8522 10.002 19.9181 10.1615 20.0363 10.2776L24.3779 14.8906H7.47836C7.1417 14.8906 6.86865 15.1634 6.86865 15.5003C6.86865 15.8371 7.14172 16.11 7.47836 16.11H24.3779L20.0363 20.7229C19.8213 20.9698 19.8398 21.3426 20.0782 21.5672C20.3169 21.7916 20.6898 21.7877 20.9236 21.5583L26.2315 15.918L26.2619 15.8784L26.2985 15.8327C26.3098 15.8149 26.32 15.7966 26.3291 15.7779L26.3292 15.7779Z"/>
+    <path d="M6.65855 27H11.5884C12.5588 27 13.4894 26.6146 14.1755 25.9286C14.8616 25.2423 15.247 24.3119 15.247 23.3414V21.2926C15.247 20.9559 14.9741 20.6829 14.6372 20.6829C14.3006 20.6829 14.0275 20.956 14.0275 21.2926V23.3506C14.0275 23.9975 13.7706 24.6179 13.3132 25.0753C12.8558 25.5328 12.2354 25.7897 11.5885 25.7897H6.65861C6.01166 25.7897 5.39134 25.5328 4.93386 25.0753C4.47642 24.6179 4.21952 23.9975 4.21952 23.3506V7.65855C4.21952 7.01161 4.47642 6.39129 4.93386 5.93381C5.39131 5.47636 6.01166 5.21946 6.65861 5.21946H11.5885C12.2354 5.21946 12.8557 5.47637 13.3132 5.93381C13.7706 6.39125 14.0275 7.01161 14.0275 7.65855V9.7074C14.0275 10.0441 14.3006 10.3171 14.6372 10.3171C14.9741 10.3171 15.247 10.044 15.247 9.7074V7.65855C15.247 6.68817 14.8616 5.75774 14.1755 5.07143C13.4894 4.38535 12.5588 4 11.5884 4H6.65855C5.68817 4 4.75774 4.38535 4.07143 5.07143C3.38535 5.75768 3 6.68811 3 7.65855V23.3413C3 24.3117 3.38535 25.2422 4.07143 25.9285C4.75768 26.6145 5.68811 26.9999 6.65855 26.9999V27Z"/>
+</svg>
diff --git a/server/vbv_lernwelt/static/icons/icon-settings.svg b/server/vbv_lernwelt/static/icons/icon-settings.svg
new file mode 100644
index 00000000..ca8bf1e2
--- /dev/null
+++ b/server/vbv_lernwelt/static/icons/icon-settings.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg id="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"><path d="M15,19.48c-2.47,0-4.48-2.01-4.48-4.48s2.01-4.48,4.48-4.48,4.48,2.01,4.48,4.48-2.01,4.48-4.48,4.48Zm0-7.46c-1.64,0-2.98,1.34-2.98,2.98s1.34,2.98,2.98,2.98,2.98-1.34,2.98-2.98-1.34-2.98-2.98-2.98Z"/><path d="M16.99,26.92h-3.97c-.37,0-.69-.27-.74-.64l-.45-2.96c-.85-.37-1.84-1.02-2.36-1.38l-2.81,1.13c-.35,.14-.74,0-.93-.32l-2.01-3.42c-.19-.32-.11-.73,.17-.96l2.32-1.88c-.08-.49-.12-.99-.12-1.48,0-.43,.08-1.05,.14-1.47l-2.33-1.89c-.29-.23-.36-.64-.17-.96l2.01-3.42c.19-.32,.58-.45,.93-.32l2.78,1.12c.74-.54,1.81-1.07,2.38-1.34l.45-3c.05-.37,.37-.64,.74-.64h3.97c.37,0,.69,.27,.74,.64l.45,3c.68,.32,2.06,1.01,2.76,1.63l-1,1.12c-.62-.55-2.19-1.31-2.75-1.56-.23-.1-.4-.32-.44-.57l-.42-2.76h-2.68l-.42,2.76c-.04,.25-.2,.47-.44,.57-.55,.25-2.13,1.01-2.74,1.56-.21,.19-.51,.24-.78,.14l-2.59-1.04-1.36,2.31,2.17,1.76c.21,.17,.31,.44,.27,.71-.05,.31-.19,1.21-.19,1.66,0,.54,.06,1.09,.18,1.62,.06,.28-.04,.57-.26,.75l-2.16,1.75,1.36,2.31,2.59-1.04c.24-.09,.51-.06,.72,.09,.49,.35,1.92,1.32,2.73,1.58,.27,.09,.47,.32,.51,.6l.42,2.75h2.68l.42-2.75c.04-.28,.24-.51,.51-.6,.81-.26,2.24-1.23,2.73-1.58,.21-.15,.48-.18,.72-.09l2.59,1.04,1.36-2.31-2.17-1.76c-.21-.17-.31-.44-.27-.71,.05-.31,.19-1.21,.19-1.65s-.14-1.35-.19-1.66c-.05-.27,.06-.54,.27-.71l2.17-1.75-1.68-2.87,1.29-.76,2.01,3.42c.19,.32,.11,.73-.17,.96l-2.33,1.89c.06,.42,.14,1.04,.14,1.47s-.08,1.05-.14,1.47l2.33,1.89c.29,.23,.36,.64,.17,.96l-2.01,3.42c-.19,.32-.58,.45-.93,.32l-2.81-1.13c-.52,.36-1.51,1.01-2.36,1.38l-.45,2.96c-.05,.37-.37,.64-.74,.64Z"/></svg>
\ No newline at end of file