SVG填充不为背景着色

我有一个svg，当我定义

fill

时，它表现为笔划

比如说

<svg stroke="black" fill="red">
    <path d="M10 10 H 90 V 90 H 10 Z"/>
</svg>

这就像预期的一样，但是当我

<svg stroke="black" fill="red">
    <path d="M12,5.41,19.59,13H15v6H9V13H4.41L12,5.41M12,4,3.71,12.29A1,1,0,0,0,4.41,14H8v5a1,1,0,0,0,1,1h6a1,1,0,0,0,1-1V14h3.59a1,1,0,0,0,.71-1.71L12,4Z"/>
</svg>

没有。有什么建议说明为什么填充不能像其他svg那样工作吗

---

如果我们放大箭头，您将看到发生了什么

箭头绘制了两次（大小略有不同），因此内部没有真实的箭头。内部（尽可能多地有一个内部）位于内部和外部箭头形状之间，它们重叠，因此不明显有两个形状。