diff --git a/service-web/src/main/resources/static/assets/icon.png b/service-web/src/main/resources/static/assets/icon.png
new file mode 100644
index 0000000..7bfa733
Binary files /dev/null and b/service-web/src/main/resources/static/assets/icon.png differ
diff --git a/service-web/src/main/resources/static/components/cloud-tab.js b/service-web/src/main/resources/static/components/cloud-tab.js
index b453534..b520924 100644
--- a/service-web/src/main/resources/static/components/cloud-tab.js
+++ b/service-web/src/main/resources/static/components/cloud-tab.js
@@ -39,6 +39,7 @@ function cloudCrud(title, path) {
 function cloudTab() {
     return {
         title: 'Cloud',
+        icon: 'fa fa-cloud',
         tab: [
             /*{
                 type: 'service',
diff --git a/service-web/src/main/resources/static/components/overview-tab.js b/service-web/src/main/resources/static/components/overview-tab.js
index bac56bf..121faf7 100644
--- a/service-web/src/main/resources/static/components/overview-tab.js
+++ b/service-web/src/main/resources/static/components/overview-tab.js
@@ -251,6 +251,7 @@ function overviewTab() {
     return {
         className: 'white-space-pre',
         title: '概览',
+        icon: 'fa fa-circle-info',
         tab: [
             {
                 type: 'service',
diff --git a/service-web/src/main/resources/static/components/queue-tab.js b/service-web/src/main/resources/static/components/queue-tab.js
index 8847824..41a485a 100644
--- a/service-web/src/main/resources/static/components/queue-tab.js
+++ b/service-web/src/main/resources/static/components/queue-tab.js
@@ -64,6 +64,7 @@ function queueCrud(name) {
 function queueTab() {
     return {
         title: '压缩队列',
+        icon: 'fa fa-van-shuttle',
         tab: [
             queueCrud('compaction-queue-pre'),
             yarnQueueCrud('b12', 'default'),
diff --git a/service-web/src/main/resources/static/components/table-tab.js b/service-web/src/main/resources/static/components/table-tab.js
index bdcab0a..a6b2862 100644
--- a/service-web/src/main/resources/static/components/table-tab.js
+++ b/service-web/src/main/resources/static/components/table-tab.js
@@ -1,6 +1,7 @@
 function tableTab() {
     return {
         title: `表任务`,
+        icon: 'fa fa-table',
         tab: [
             {
                 id: 'table-service',
diff --git a/service-web/src/main/resources/static/components/task-tab.js b/service-web/src/main/resources/static/components/task-tab.js
index f647a8a..0531df9 100644
--- a/service-web/src/main/resources/static/components/task-tab.js
+++ b/service-web/src/main/resources/static/components/task-tab.js
@@ -1,6 +1,7 @@
 function taskTab() {
     return {
         title: `离线检索`,
+        icon: 'fa fa-magnifying-glass',
         tab: [
             {
                 type: 'form',
diff --git a/service-web/src/main/resources/static/components/tool-tab.js b/service-web/src/main/resources/static/components/tool-tab.js
index ede3325..6bccb1c 100644
--- a/service-web/src/main/resources/static/components/tool-tab.js
+++ b/service-web/src/main/resources/static/components/tool-tab.js
@@ -1,6 +1,7 @@
 function toolTab() {
     return {
         title: `小工具`,
+        icon: 'fa fa-toolbox',
         tab: [
             {
                 type: 'panel',
diff --git a/service-web/src/main/resources/static/components/version-tab.js b/service-web/src/main/resources/static/components/version-tab.js
index 8108999..e99a736 100644
--- a/service-web/src/main/resources/static/components/version-tab.js
+++ b/service-web/src/main/resources/static/components/version-tab.js
@@ -1,6 +1,7 @@
 function versionTab() {
     return {
         title: '跨天',
+        icon: 'fa fa-cloud-sun',
         tab: [
             {
                 type: 'crud',
diff --git a/service-web/src/main/resources/static/components/yarn-cluster-tab.js b/service-web/src/main/resources/static/components/yarn-cluster-tab.js
index b935bf9..9112cd0 100644
--- a/service-web/src/main/resources/static/components/yarn-cluster-tab.js
+++ b/service-web/src/main/resources/static/components/yarn-cluster-tab.js
@@ -1,6 +1,7 @@
 function yarnClusterTab() {
     return {
         title: '集群概览',
+        icon: 'fa fa-circle-nodes',
         tab: [
             {
                 type: 'tabs',
diff --git a/service-web/src/main/resources/static/components/yarn-tab.js b/service-web/src/main/resources/static/components/yarn-tab.js
index b162bbc..53efff1 100644
--- a/service-web/src/main/resources/static/components/yarn-tab.js
+++ b/service-web/src/main/resources/static/components/yarn-tab.js
@@ -1,6 +1,7 @@
 function yarnTab(cluster, title, queueNames = 'root', searchName = undefined) {
     return {
         title: `${title}集群`,
+        icon: 'fa fa-rotate',
         tab: [
             {
                 id: `${cluster}-yarn-service`,
diff --git a/service-web/src/main/resources/static/extra.html b/service-web/src/main/resources/static/extra.html
index a778885..2614255 100644
--- a/service-web/src/main/resources/static/extra.html
+++ b/service-web/src/main/resources/static/extra.html
@@ -11,6 +11,7 @@
             name="viewport"
     />
     <title>Hudi 服务页面</title>
+    <link rel="icon" href="assets/icon.png"/>
     <link href="sdk/ang.css" rel="stylesheet"/>
     <link href="sdk/helper.css" rel="stylesheet"/>
     <link href="sdk/iconfont.css" rel="stylesheet"/>
diff --git a/service-web/src/main/resources/static/index.html b/service-web/src/main/resources/static/index.html
index 4d2cdd3..4378b30 100644
--- a/service-web/src/main/resources/static/index.html
+++ b/service-web/src/main/resources/static/index.html
@@ -11,6 +11,7 @@
             name="viewport"
     />
     <title>Hudi 服务页面</title>
+    <link rel="icon" href="assets/icon.png"/>
     <link href="sdk/ang.css" rel="stylesheet"/>
     <link href="sdk/helper.css" rel="stylesheet"/>
     <link href="sdk/iconfont.css" rel="stylesheet"/>