svg里面的svg通过浏览器调整大小来翻译

Question

我有一个svg，我正在添加不同的svg元素：

<svg> .... <rect or circle and so on </svg>

我所做的是我在我的圈子中加载了一个带有svg库的图标。一切都很好，直到我改变我的浏览器大小，我注意到svg图标正在移动到我的圈子之外。

<svg> <circle> <g> <svg ....the icon> </g> </svg>

看起来因为我有2个svgs嵌套，图标正在移动，它的偏移量可能是浏览器！

我该如何解决？我需要像这样加载我的图片：

Image1 = require('svg-react-loader?name=Image1!./svgFiles/default.svg');
React.createElement(Image1, {});