如何去除a标签中莫名出现的连字符？

a.no-after::after {
  content: none !important;
}

使用示例：

<a href="#" class="no-after">
  <svg>...</svg>
</a>

<!-- 直接写在同一行 -->
<a href="#"><svg>...</svg></a>

<!-- 用注释分隔换行空白 -->
<a href="#">
  <svg>...</svg><!--
--></a>

a svg {
  display: inline-block;
  vertical-align: middle; /* 对齐基线，防止偏移 */
}

a.icon-link {
  text-decoration: none;
  letter-spacing: 0;
  font-family: inherit;
}