Html 如何移动Svg图标？

我试图创造简单的石头，剪纸游戏，我画了我的游戏设计，

另外，我有svg图标，我正试图将我的图标插入三角形角的顶部，如下图所示， 我的代码如下所示：

---

我会这样做：

我会将手从svg转换为符号，并将它们放在与三角形相同的svg元素中。此外，我将删除宽度和高度属性，并改用viewBox属性。虽然这不是很重要，但我会注意3个符号具有相同的纵横比，即正方形。同样重要的是给符号一个

id

，因为我会将它们与

use

一起使用

对于三角形，我会重新计算wiewBox，为手留出一些额外的空间。请注意，我已经更改了三角形的d属性，因为您对其中一条边使用了bezier，并且三角形没有很好地闭合

我在用这些符号。因为符号有一个wiewBox，我可以给use元素一个位置（x，y）、一个宽度和一个高度。我将符号放置在三角形上，并使用元素width=“45”height=“45”。您可以使用不同的尺寸