SVG：模式填充不适用于“使用”

Question

我有 icon.svg ：

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <symbol id="icon_page" viewBox="0 0 221 118">
       <pattern id="patt" patternUnits="userSpaceOnUse" width="53" height="111"> <image xlink:href="..." x="0" y="0" width="53" height="111"/></pattern>
       <path fill="url(#patt)" d="..."/> 
    </symbol>
</svg>

然后我通过“使用”在html中使用 icon.svg 的一部分：

<svg>
    <use xlink:href="/assets/images/icon.svg#icon_page"></use>
</svg>

图案填充不起作用。没有填充，我看到了图形，但是填充了-什么都没有。如果我将svg代码直接放在html上，就可以了：

<svg>
    <symbol id="icon_page" viewBox="0 0 221 118">
       <pattern id="patt" patternUnits="userSpaceOnUse" width="53" height="111"><image xlink:href="..." x="0" y="0" width="53" height="111"></image></pattern>
        <path fill="url(#patt)" d="..."></path> 
    </symbol>
    <use xlink:href="#icon_page"></use>
</svg>

有人知道吗？预先感谢！