SVG背景在Safari

Question

我试图使用svg作为背景。 svg里面有多个图标，所以我希望能够拥有背景的全尺寸高度，并根据背景位置选择图标。这样做在Chrome中很好，但我似乎无法在Safari中使用svg。

https://codepen.io/matthew-ableengine/pen/BwbBmp

这是我尝试的代码。

我使用的CSS是

.test{
  background: url('http://svgshare.com/i/3WD.svg');
  width:100px;
  height:100px;
  background-size:cover;
  -webkit-background-size: cover;
  background-position-x: 100px;
}

我的SVG是http://svgshare.com/i/3WD.svg