使用css激活汉堡包图标时，SVG图标栏将变为X

<div class="hamburger-icon">
  <div class="line"></div>
  <div class="line"></div>
  <div class="line"></div>
</div>
<div class="svg-icon">
  <!-- SVG图标栏的内容 -->
</div>

.hamburger-icon {
  /* 汉堡包图标样式 */
  width: 30px;
  height: 20px;
  cursor: pointer;
}

.line {
  /* 汉堡包图标的横线样式 */
  width: 100%;
  height: 4px;
  background-color: #000;
  margin-bottom: 4px;
}

.svg-icon {
  /* SVG图标栏样式 */
}

.svg-icon.active {
  /* 激活状态下的SVG图标栏样式 */
  display: none;
}

$(".hamburger-icon").click(function() {
  $(".svg-icon").toggleClass("active");
});