Javascript 将图标显示为svg

我没有使用SVG的经验，所以需要一些帮助。 我使用SVG元素，但路径周围的区域非常大如何使svg区域和路径区域几乎相同。 我试图去除高度，但这并不能解决问题。
以下是chome inspector中的屏幕截图： svg的大小为64px 128px，但路径的大小约为22px 37px 附笔。： 实际上，我希望图标的大小与我使用fontawesome pack时的大小相同：

我不想在React中使用CDN。因此，我使用并选择了单独的元素，并希望将其添加到页面中，如本文所述：

下面是元素的一个示例：

---

更改视图框的坐标

根据OP的评论更新回答：

viewbox

属性有4个坐标，它们是

min-x

，

min-y

，

宽度

，

高度

因此，当使用

22150400725

时，您的意思是希望在

22150

处启动

viewbox

，使用

400

宽和

725

高

你有一篇关于这方面的好文章

svg{
边框：红色实心
}

是实际SVG本身的大小部分吗？为什么将其作为SVG而不是字体（为FA图标设置

字体大小

）@Justinas我想使用图标作为React组件可能的副本。。如果我错了，请纠正我？？？@SahilDhirI我不想在svg中包含一个字体很棒的图标。我使用了它们并将其转换为svg，但是它们有很大的“边距”，我想去掉它，但得到了Stuck如果你能用几句话解释为什么viewBox=“22 150 400 725”，那就太好了。可能对其他人来说，这是不言而喻的，但对我来说不是（这确实有助于获得正确的vieBox参数：var pathSVG=document.getElementById（“svg1”）；console.log（pathSVG.getBBox（））；