From a45ecbab72452886486bc8f37e47d99c2789fe6c Mon Sep 17 00:00:00 2001
From: Yan <myjs5@qq.com>
Date: Sun, 8 Mar 2026 19:38:28 +0800
Subject: [PATCH] style(components): [tag] fix icon in slot causing text wrap
 (#23725)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* Remove display flex from icon class in tag.scss

```css
.el-tag .el-icon {
    display: flex;
}
```
el-icon已经有了`display: inline-flex`，此处设置`display: flex;`会导致el-icon变成一个块，最终导致图标和文字换行。el-tag带图标的使用场景通常是图标和文字同一行。因此删掉`display: flex;`。

* fix: update icon style

---------

Co-authored-by: rzzf <cszhjh@gmail.com>
---
 packages/theme-chalk/src/tag.scss | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/packages/theme-chalk/src/tag.scss b/packages/theme-chalk/src/tag.scss
index 0c9ec3e69f..be055ef9da 100644
--- a/packages/theme-chalk/src/tag.scss
+++ b/packages/theme-chalk/src/tag.scss
@@ -113,7 +113,6 @@ $tag-icon-span-gap: map.merge(
   $svg-margin-size: 1px;
 
   .#{$namespace}-icon {
-    display: flex;
     border-radius: 50%;
     cursor: pointer;
 
@@ -134,6 +133,10 @@ $tag-icon-span-gap: map.merge(
       outline: 2px solid getCssVar('color-primary');
       outline-offset: 2px;
     }
+
+    .#{$namespace}-icon {
+      display: flex; // #22530
+    }
   }
 
   @include m(dark) {