google-chrome - クロムでクリップパスポリゴンが機能しない

Question

やあ、

私はこのSVGファイルを持っています:

<svg preserveAspectRatio="" viewBox="0 0 130 280" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" height="280px" width="130px">
 <clipPath id="search">
  <polygon points="8.96671,272.712 118.624,272.876 118.624,276.683 117.128,278.335 34.7667,278.417 33.1129,279.327 13.9283,279.327 9.29748,275.689 9.29748,272.546"/>
 </clipPath>
</svg>

私のCSSコード:

clip-path:url("file.svg#search");
-webkit-clip-path:url(file.svg#search);

要素は Firefox ではクリップされますが、Chrome ではクリップされません。何故ですか？

ありがとうございました。