diff --git a/nezha-fronted/src/components/common/ChartDiagram/diagram.vue b/nezha-fronted/src/components/common/ChartDiagram/diagram.vue
index 20032738d..23a0de8f1 100644
--- a/nezha-fronted/src/components/common/ChartDiagram/diagram.vue
+++ b/nezha-fronted/src/components/common/ChartDiagram/diagram.vue
@@ -35,7 +35,7 @@
                         class="btn"
                       >
                         <img :src="btn.data.image" v-if="btn.data.image">
-                        <i v-else :class="`iconfont ${btn.icon}`"></i>
+                        <i v-else :class="`nz-icon ${btn.data.iconName}`"></i>
                       </a>
                       <i v-if="item.group!=='General'" class="delIcon nz-icon nz-icon-delete" @click="tooltipDelete(btn)"></i>
                     </div>
@@ -382,6 +382,7 @@ export default {
                 name: 'rectangleImg2',
                 icon: '\ue730',
                 iconFamily: 'nz-icon',
+                iconName: 'nz-icon-rectangle1',
                 iconColor: '#0c62e3'
               }
             },
@@ -399,8 +400,9 @@ export default {
                 paddingTop: 10,
                 paddingBottom: 10,
                 name: 'rectangleImg2',
-                icon: '\ue732',
+                icon: '\ue731',
                 iconFamily: 'nz-icon',
+                iconName: 'nz-icon-EMAC1',
                 iconColor: '#0c62e3'
               }
             }
@@ -1632,8 +1634,8 @@ export default {
                 data: {
                   text: 'rect',
                   rect: {
-                    width: 100,
-                    height: 100
+                    width: 30,
+                    height: 20
                   },
                   paddingLeft: 10,
                   paddingRight: 10,
@@ -1642,6 +1644,7 @@ export default {
                   name: 'rectangleImg2',
                   icon: '\ue730',
                   iconFamily: 'nz-icon',
+                  iconName: 'nz-icon-rectangle1',
                   iconColor: '#0c62e3'
                 }
               },
@@ -1651,16 +1654,17 @@ export default {
                 data: {
                   text: 'rect',
                   rect: {
-                    width: 100,
-                    height: 100
+                    width: 30,
+                    height: 30
                   },
                   paddingLeft: 10,
                   paddingRight: 10,
                   paddingTop: 10,
                   paddingBottom: 10,
                   name: 'rectangleImg2',
-                  icon: '\ue732',
+                  icon: '\ue731',
                   iconFamily: 'nz-icon',
+                  iconName: 'nz-icon-EMAC1',
                   iconColor: '#0c62e3'
                 }
               }
diff --git a/nezha-fronted/src/components/common/language/cn.js b/nezha-fronted/src/components/common/language/cn.js
index 681478a73..5b48789ee 100644
--- a/nezha-fronted/src/components/common/language/cn.js
+++ b/nezha-fronted/src/components/common/language/cn.js
@@ -1434,7 +1434,8 @@ const cn = {
       folder: '目录',
       selMod: '请为所有节点绑定module',
       none: '无',
-      previewExit: '继续编辑'
+      previewExit: '继续编辑',
+      iconColor: '图标颜色'
     },
     update: '更新'
   },
diff --git a/nezha-fronted/src/components/common/language/en.js b/nezha-fronted/src/components/common/language/en.js
index 1432d3c7c..a9fd68f78 100644
--- a/nezha-fronted/src/components/common/language/en.js
+++ b/nezha-fronted/src/components/common/language/en.js
@@ -1439,7 +1439,8 @@ const en = {
       folder: 'Folder',
       selMod: 'Please bind module for all nodes',
       none: 'None',
-      previewExit: 'Continue'
+      previewExit: 'Continue',
+      iconColor: 'Icon color'
     },
     update: '更新'
   },