#24875·element-plus

[Component] [icon] el-icon在特定场景下图标Setting在18px下无法绘制

Author: oringecatCreated Sep 14, 2026Updated Sep 15, 2026

Bug Type: Component

Environment

  • Vue Version: 3.2.13
  • Element Plus Version: 2.13.5
  • Browser / OS: Edg/152.0.0.0
  • Build Tool: Vite

Reproduction

Related Component

  • el-icon

Reproduction Link

Element Plus Playground

Steps to reproduce

xml
<template>
  <el-sub-menu>
    <template #title>
            <el-icon :size="18"><Setting /></el-icon>
            <span>Navigator One</span>
          </template>
</el-sub-menu>
</template>

在多个 el-sub-menu 下定义 Setting 图标会有不显示的情况,并且卡顿,14/15/16/17/18/19/20/22/24px 下都正常

Setting 它被缩放到正好 18px 时,Chromium 的抗锯齿覆盖计算得到 0,于是整条路径被直接丢弃——不是被遮挡,是根本没画,似乎是 Chromium/Skia 的光栅化缺陷

What is Expected?

Setting 图标在 el-sub-menu 下使用 18px 能正常显示

What is actually happening?

Setting 在 el-sub-menu 下使用 18px 无法正常显示,卡顿

Additional comments

(empty)

Source: element-plus/element-plus