diff --git a/frontend/package.json b/frontend/package.json
index 48b2100e1..3bcb82bb8 100755
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -72,7 +72,11 @@
   },
   "devDependencies": {
     "@apollo/client": "^3.10.8",
+    "@iconify-json/arcticons": "^1.2.20",
     "@iconify-json/bi": "^1.1.23",
+    "@iconify-json/fa": "^1.2.1",
+    "@iconify-json/ion": "^1.2.2",
+    "@iconify-json/mdi": "^1.2.3",
     "@intlify/eslint-plugin-vue-i18n": "^1.4.0",
     "@vitest/coverage-v8": "^2.0.5",
     "@vue/eslint-config-prettier": "^4.0.1",
diff --git a/frontend/src/assets/scss/custom/gradido-custom/_color.scss b/frontend/src/assets/scss/custom/gradido-custom/_color.scss
index b741f6be3..b2d2fe9da 100644
--- a/frontend/src/assets/scss/custom/gradido-custom/_color.scss
+++ b/frontend/src/assets/scss/custom/gradido-custom/_color.scss
@@ -20,6 +20,7 @@ $gradido-197: rgb(197 141 56) ;
 $gradido-209: rgb(209 209 209) ;
 $gradido-4: rgb(4 112 6) ;
 $gradido-56: rgb(56 56 56) ;
+$gradido-114: rgb(114 119 143) ;
 $black: #000 ;
 $grays: () ;
 $grays: map.merge(
diff --git a/frontend/src/assets/scss/gradido.scss b/frontend/src/assets/scss/gradido.scss
index 6a872ee37..1a8ef07d6 100644
--- a/frontend/src/assets/scss/gradido.scss
+++ b/frontend/src/assets/scss/gradido.scss
@@ -53,3 +53,4 @@
 
 
 @import "auth-navbar";
+@import "navbar";
diff --git a/frontend/src/assets/scss/navbar.scss b/frontend/src/assets/scss/navbar.scss
new file mode 100644
index 000000000..a3b144e91
--- /dev/null
+++ b/frontend/src/assets/scss/navbar.scss
@@ -0,0 +1,4 @@
+.nav-item .nav-link svg.svg-icon {
+  height: 20px;
+  color: $gradido-114;
+}
diff --git a/frontend/src/components/Menu/Sidebar.vue b/frontend/src/components/Menu/Sidebar.vue
index 706d0ead5..2411ef0f5 100644
--- a/frontend/src/components/Menu/Sidebar.vue
+++ b/frontend/src/components/Menu/Sidebar.vue
@@ -10,43 +10,43 @@
         <BNav vertical class="w-200">
           <BNavItem to="/overview" class="mb-3" active-class="active-route">
             <div class="sidebar-menu-item-wrapper">
-              <BImg src="/img/svg/home.svg" height="20" class="svg-icon" />
+              <i-fa-home class="svg-icon" />
               <span class="ms-2">{{ $t('navigation.overview') }}</span>
             </div>
           </BNavItem>
           <BNavItem to="/send" class="mb-3" active-class="active-route">
             <div class="sidebar-menu-item-wrapper">
-              <IBiCash />
+              <IBiCash class="svg-icon" />
               <span class="ms-2">{{ $t('navigation.send') }}</span>
             </div>
           </BNavItem>
           <BNavItem to="/transactions" :class="transactionClass" active-class="active-route">
             <div class="sidebar-menu-item-wrapper">
-              <BImg src="/img/svg/transaction.svg" height="20" class="svg-icon" />
-              <span class="ms-2">{{ $t('navigation.transactions') }}</span>
+              <i-ion-layers-sharp class="svg-icon" />
+              <span class="ms-1">{{ $t('navigation.transactions') }}</span>
             </div>
           </BNavItem>
           <BNavItem ref="communityLink" to="/community" class="mb-3" active-class="active-route">
             <div class="sidebar-menu-item-wrapper">
-              <BImg src="/img/svg/community.svg" height="20" class="svg-icon" />
+              <i-mdi-people-group class="svg-icon" />
               <span class="ms-2">{{ $t('creation') }}</span>
             </div>
           </BNavItem>
           <BNavItem to="/information" class="mb-3" active-class="active-route">
             <div class="sidebar-menu-item-wrapper">
-              <BImg src="/img/svg/info.svg" height="20" class="svg-icon" />
-              <span class="ms-2">{{ $t('navigation.info') }}</span>
+              <i-mdi-information class="svg-icon" />
+              <span class="ms-1">{{ $t('navigation.info') }}</span>
             </div>
           </BNavItem>
           <BNavItem v-if="isHumhub" to="/circles" class="mb-3" active-class="active-route">
             <div class="sidebar-menu-item-wrapper">
-              <BImg src="/img/svg/circles.svg" height="20" class="svg-icon" />
+              <i-arcticons-circles class="svg-icon" />
               <span class="ms-2">{{ $t('navigation.circles') }}</span>
             </div>
           </BNavItem>
           <BNavItem v-if="isGMS" to="/usersearch" active-class="active-route">
             <div class="sidebar-menu-item-wrapper">
-              <BImg src="/img/loupe.png" height="20" />
+              <i-mdi-map-search class="svg-icon" />
               <span class="ms-2">{{ $t('navigation.usersearch') }}</span>
             </div>
           </BNavItem>
@@ -61,8 +61,8 @@
           >
             <div class="sidebar-menu-item-wrapper">
               <div>
-                <BImg src="/img/svg/settings.svg" height="20" class="svg-icon" />
-                <span class="ms-2">{{ $t('navigation.settings') }}</span>
+                <i-mdi-settings class="svg-icon" />
+                <span class="ms-1">{{ $t('navigation.settings') }}</span>
               </div>
               <BBadge v-if="!$store.state.username" variant="warning">
                 {{ $t('settings.newSettings') }}
diff --git a/frontend/yarn.lock b/frontend/yarn.lock
index 9eb891787..40a8c900a 100644
--- a/frontend/yarn.lock
+++ b/frontend/yarn.lock
@@ -1104,6 +1104,13 @@
   resolved "https://registry.yarnpkg.com/@humanwhocodes/object-schema/-/object-schema-2.0.3.tgz#4a2868d75d6d6963e423bcf90b7fd1be343409d3"
   integrity sha512-93zYdMES/c1D69yZiKDBj0V24vqNzB/koF26KPaagAfd3P/4gUlh3Dys5ogAK+Exi9QyzlD8x/08Zt7wIKcDcA==
 
+"@iconify-json/arcticons@^1.2.20":
+  version "1.2.20"
+  resolved "https://registry.yarnpkg.com/@iconify-json/arcticons/-/arcticons-1.2.20.tgz#11f3dccd50883702ba36f0e87b009e4c1690a1a7"
+  integrity sha512-OhAmLjf8KAGKX9Uo4ionTp1znYScjb65h8YaPtR8vWIkK0A6acHucld7MkgL0aMLvnQ+Npph6K4NYCDZeL5f1g==
+  dependencies:
+    "@iconify/types" "*"
+
 "@iconify-json/bi@^1.1.23":
   version "1.2.2"
   resolved "https://registry.yarnpkg.com/@iconify-json/bi/-/bi-1.2.2.tgz#0f64d20323904f11546cadd0dc75f2fd024a46f8"
@@ -1111,6 +1118,27 @@
   dependencies:
     "@iconify/types" "*"
 
+"@iconify-json/fa@^1.2.1":
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/@iconify-json/fa/-/fa-1.2.1.tgz#9ccfad18e1ac1011f088d487aadc35bf45fa2807"
+  integrity sha512-aY2+tQNWq5ch+ShtAz3KKbNrFfwf4BPrXvyN7S4/lcf6Wms+kIxsd7C7KortzHZhoBnbhVN+qo+YUWLW7rLs9Q==
+  dependencies:
+    "@iconify/types" "*"
+
+"@iconify-json/ion@^1.2.2":
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/@iconify-json/ion/-/ion-1.2.2.tgz#ec1afaa19b82c2856eaa6a0ec976209538cd1bae"
+  integrity sha512-GysHYDAyy3K4R2Xxsab3I0ZFmQA4oorfIkwX0g6xfZJNVZcFyAlA4pa1jAJC9Bk3cLiWUtnN8ZyWs6cP3nxlnw==
+  dependencies:
+    "@iconify/types" "*"
+
+"@iconify-json/mdi@^1.2.3":
+  version "1.2.3"
+  resolved "https://registry.yarnpkg.com/@iconify-json/mdi/-/mdi-1.2.3.tgz#5e4ee9d8c8aaad04381c8cc6c6edbe3327f031b5"
+  integrity sha512-O3cLwbDOK7NNDf2ihaQOH5F9JglnulNDFV7WprU2dSoZu3h3cWH//h74uQAB87brHmvFVxIOkuBX2sZSzYhScg==
+  dependencies:
+    "@iconify/types" "*"
+
 "@iconify/types@*", "@iconify/types@^2.0.0":
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/@iconify/types/-/types-2.0.0.tgz#ab0e9ea681d6c8a1214f30cd741fe3a20cc57f57"