Svg剪辑在WordPress中不起作用

我有一个svg形状的图像和剪辑。 如果我在WordPress图像显示之外检查它，但是如果我在WordPress中运行它，svg将加载，但图像不会加载。查看我添加了图像url的代码，但在WordPress上我看到了空白（查看屏幕截图）。为什么?

代码：

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="6 8 101 98">
  <defs>
    <path d="M61.5,104 C86.6289561,104 107,83.6851049 107,58.6254118 C107,33.5657187 78.0465356,8 52.9175795,8 C27.7886234,8 16,33.5657187 16,58.6254118 C16,83.6851049 36.3710439,104 61.5,104 Z" id="Oval-Copy-10" fill="#000000" />
  </defs>
  <clipPath id="my-clip-path">
    <use href="#Oval-Copy-10" />
  </clipPath>
  <g id="Grafisch-element---zwart---smart" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
    <image width="108" height="108" href="https://source.unsplash.com/600x600?summer" clip-path="url(#my-clip-path)"  />
    <path d="M51.5,15.9 C39.1834288,15.9 28.0326258,20.8619717 19.9611234,28.8851355 C11.8915835,36.9063486 6.90000004,47.9874214 6.90000004,60.2275098 C6.90000004,73.9162468 7.92111543,86.3511139 13.1337943,94.6817587 C17.2084084,101.193605 23.8906017,105.1 34.6409154,105.1 C47.971902,105.1 64.7440729,99.1623584 77.4205397,89.8576443 C88.2218731,81.9293058 96.1,71.540767 96.1,60.2275098 C96.1,47.9874214 91.1084165,36.9063486 83.0388766,28.8851355 C74.9673742,20.8619717 63.8165712,15.9 51.5,15.9 Z" id="Oval-Copy-11" stroke="#E1E1E1" stroke-width="1.80000007" />
  </g>
</svg>