diff --git a/src/assets/icons/cloud_queue.svg b/src/assets/icons/cloud_queue.svg
new file mode 100644
index 00000000..4b1da735
--- /dev/null
+++ b/src/assets/icons/cloud_queue.svg
@@ -0,0 +1,17 @@
+<!-- Licensed to the Apache Software Foundation (ASF) under one or more
+contributor license agreements.  See the NOTICE file distributed with
+this work for additional information regarding copyright ownership.
+The ASF licenses this file to You under the Apache License, Version 2.0
+(the "License"); you may not use this file except in compliance with
+the License.  You may obtain a copy of the License at
+
+     http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License. -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+<path d="M18.984 18q1.219 0 2.109-0.891t0.891-2.109-0.891-2.109-2.109-0.891h-1.5v-0.516q0-2.297-1.594-3.891t-3.891-1.594q-1.875 0-3.328 1.125t-1.969 2.859h-0.703q-1.641 0-2.813 1.195t-1.172 2.836 1.172 2.813 2.813 1.172h12.984zM19.359 10.031q1.922 0.141 3.281 1.57t1.359 3.398q0 2.063-1.477 3.539t-3.539 1.477h-12.984q-2.484 0-4.242-1.758t-1.758-4.242q0-2.203 1.57-3.961t3.773-1.992q0.984-1.828 2.766-2.953t3.891-1.125q2.531 0 4.711 1.781t2.648 4.266z"></path>
+</svg>
diff --git a/src/assets/icons/language.svg b/src/assets/icons/language.svg
new file mode 100644
index 00000000..eab0146d
--- /dev/null
+++ b/src/assets/icons/language.svg
@@ -0,0 +1,17 @@
+<!-- Licensed to the Apache Software Foundation (ASF) under one or more
+contributor license agreements.  See the NOTICE file distributed with
+this work for additional information regarding copyright ownership.
+The ASF licenses this file to You under the Apache License, Version 2.0
+(the "License"); you may not use this file except in compliance with
+the License.  You may obtain a copy of the License at
+
+     http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License. -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+<path d="M16.359 14.016h3.375q0.281-1.313 0.281-2.016t-0.281-2.016h-3.375q0.141 0.984 0.141 2.016t-0.141 2.016zM14.578 19.547q1.172-0.375 2.438-1.43t1.922-2.133h-2.953q-0.469 1.875-1.406 3.563zM14.344 14.016q0.141-0.984 0.141-2.016t-0.141-2.016h-4.688q-0.141 0.984-0.141 2.016t0.141 2.016h4.688zM12 19.969q1.313-1.922 1.922-3.984h-3.844q0.609 2.063 1.922 3.984zM8.016 8.016q0.563-2.016 1.406-3.563-1.172 0.375-2.461 1.43t-1.898 2.133h2.953zM5.063 15.984q0.609 1.078 1.898 2.133t2.461 1.43q-0.938-1.688-1.406-3.563h-2.953zM4.266 14.016h3.375q-0.141-0.984-0.141-2.016t0.141-2.016h-3.375q-0.281 1.313-0.281 2.016t0.281 2.016zM12 4.031q-1.313 1.922-1.922 3.984h3.844q-0.609-2.063-1.922-3.984zM18.938 8.016q-0.656-1.078-1.922-2.133t-2.438-1.43q0.844 1.547 1.406 3.563h2.953zM12 2.016q4.125 0 7.055 2.93t2.93 7.055-2.93 7.055-7.055 2.93-7.055-2.93-2.93-7.055 2.93-7.055 7.055-2.93z"></path>
+</svg>
diff --git a/src/assets/icons/linear_scale.svg b/src/assets/icons/linear_scale.svg
new file mode 100644
index 00000000..6b739747
--- /dev/null
+++ b/src/assets/icons/linear_scale.svg
@@ -0,0 +1,17 @@
+<!-- Licensed to the Apache Software Foundation (ASF) under one or more
+contributor license agreements.  See the NOTICE file distributed with
+this work for additional information regarding copyright ownership.
+The ASF licenses this file to You under the Apache License, Version 2.0
+(the "License"); you may not use this file except in compliance with
+the License.  You may obtain a copy of the License at
+
+     http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License. -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+<path d="M19.5 9.516q1.031 0 1.758 0.727t0.727 1.758-0.727 1.758-1.758 0.727q-1.688 0-2.297-1.5h-2.906q-0.609 1.5-2.297 1.5t-2.297-1.5h-2.906q-0.609 1.5-2.297 1.5-1.031 0-1.758-0.727t-0.727-1.758 0.727-1.758 1.758-0.727q1.688 0 2.297 1.5h2.906q0.609-1.5 2.297-1.5t2.297 1.5h2.906q0.609-1.5 2.297-1.5z"></path>
+</svg>
diff --git a/src/layout/components/SideBar.vue b/src/layout/components/SideBar.vue
index 7ca76b93..31da52ca 100644
--- a/src/layout/components/SideBar.vue
+++ b/src/layout/components/SideBar.vue
@@ -67,7 +67,7 @@ limitations under the License. -->
           @click="changePage(menu)"
           v-else
         >
-          <el-icon class="menu-icons" :style="{ margin: '-10px 12px 0 0' }">
+          <el-icon class="menu-icons" :style="{ marginRight: '12px' }">
             <router-link
               class="items"
               :to="menu.children[0].path"
diff --git a/src/router/browser.ts b/src/router/browser.ts
index 35746491..1906813c 100644
--- a/src/router/browser.ts
+++ b/src/router/browser.ts
@@ -23,7 +23,7 @@ export const routesBrowser: Array<RouteRecordRaw> = [
     name: "Browser",
     meta: {
       title: "browser",
-      icon: "epic",
+      icon: "language",
     },
     redirect: "/browser",
     component: Layout,
diff --git a/src/router/database.ts b/src/router/database.ts
index 199cbc14..ce566976 100644
--- a/src/router/database.ts
+++ b/src/router/database.ts
@@ -23,7 +23,7 @@ export const routesDatabase: Array<RouteRecordRaw> = [
     name: "Database",
     meta: {
       title: "database",
-      icon: "epic",
+      icon: "bar_chart",
     },
     redirect: "/database",
     component: Layout,
diff --git a/src/router/functions.ts b/src/router/functions.ts
index a6b56edd..7ae9bed1 100644
--- a/src/router/functions.ts
+++ b/src/router/functions.ts
@@ -23,7 +23,7 @@ export const routesFunctions: Array<RouteRecordRaw> = [
     name: "Functions",
     meta: {
       title: "functions",
-      icon: "epic",
+      icon: "cloud_queue",
     },
     redirect: "/functions",
     component: Layout,
diff --git a/src/router/selfObservability.ts b/src/router/selfObservability.ts
index 98a8be8a..1cf39360 100644
--- a/src/router/selfObservability.ts
+++ b/src/router/selfObservability.ts
@@ -24,7 +24,7 @@ export const routesSelf: Array<RouteRecordRaw> = [
     redirect: "/self/skyWalkingServer",
     meta: {
       title: "selfObservability",
-      icon: "bar_chart",
+      icon: "logo",
       hasGroup: true,
     },
     component: Layout,
diff --git a/src/router/serviceMesh.ts b/src/router/serviceMesh.ts
index d0f1480b..946f1d1c 100644
--- a/src/router/serviceMesh.ts
+++ b/src/router/serviceMesh.ts
@@ -24,7 +24,7 @@ export const routesMesh: Array<RouteRecordRaw> = [
     redirect: "/mesh/services",
     meta: {
       title: "serviceMesh",
-      icon: "bar_chart",
+      icon: "epic",
       hasGroup: true,
     },
     component: Layout,