Figma导出的SVG在网页中显示变形怎么办？

在Figma里导出的SVG图标到网页上总变形，比如原本正圆变成椭圆，调整过width/height属性也不行。用标签和直接写入HTML的inline SVG都试过了，还是有问题：

用标签这样：

<img src="icon.svg" width="32" height="32">

直接嵌入SVG这样：

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
  <path d="M12..." fill="currentColor"/>
</svg>

检查了Figma的导出设置，勾选了「Responsive – SVG」和「Override units: px」，但网页显示还是不对。难道是viewBox比例不对？或者需要手动修改SVG代码里的transform属性？