diff --git a/packages/theme/src/tree-menu/index.less b/packages/theme/src/tree-menu/index.less
index b1ff031518..3362a10a0f 100644
--- a/packages/theme/src/tree-menu/index.less
+++ b/packages/theme/src/tree-menu/index.less
@@ -210,16 +210,22 @@
         }
 
         .tree-node-name {
+          display: flex;
           align-items: center;
           padding: 0 var(--tv-TreeMenu-node-body-text-padding-x);
 
           &:hover {
             font-weight: var(--tv-TreeMenu-node-name-hover-font-weight);
             color: var(--tv-TreeMenu-node-name-hover-color);
+
+            svg {
+              fill: var(--tv-TreeMenu-node-icon-hover-color);
+            }
           }
 
           svg {
             margin-right: var(--tv-TreeMenu-prefix-icon-margin-right);
+            fill: var(--tv-TreeMenu-node-icon-fill-color);
           }
         }
       }
@@ -254,6 +260,10 @@
           .tree-node-body {
             font-weight: bold;
             color: var(--tv-TreeMenu-node-body-selected-color);
+
+            svg {
+              fill: var(--tv-TreeMenu-node-icon-hover-color);
+            }
           }
         }
 
diff --git a/packages/theme/src/tree-menu/vars.less b/packages/theme/src/tree-menu/vars.less
index 0757c18942..8edf6670d5 100644
--- a/packages/theme/src/tree-menu/vars.less
+++ b/packages/theme/src/tree-menu/vars.less
@@ -31,6 +31,8 @@
   --tv-TreeMenu-node-body-text-color: var(--tv-color-text-control, #191919);
   // 节点悬浮背景色
   --tv-TreeMenu-node-hover-bg-color: var(--tv-color-bg-hover, #f5f5f5);
+  // 图标颜色
+  --tv-TreeMenu-node-icon-fill-color: var(--tv-color-icon, #808080);
   // 折叠图标颜色
   --tv-TreeMenu-collapse-icon-fill-color: var(--tv-color-icon, #808080);
   // 底部折叠按钮