将另一个SVG嵌入到路径中

我有一个六边形的路径。我需要设置六边形背景色的动画，六边形需要包含另一个SVG图标

我知道这不是它的工作原理：

<svg id="hexagon">
    <path fill="animatedColor">
        <svg id="icon"></svg>
    </path>
</svg>

正如你所看到的，我无法定义用于填充的模式，这就是问题所在。我不能使用精确的宽度，因为整体本身是一个响应性的六边形网格，它是在pageload上生成的

---

或者有什么方法可以像CSS中那样同时使用背景图像和颜色？

将图标设置为图案，并将路径填充设置为图案。Robert指的是元素。见：