bootstrap数据内容属性中的svg标记

Question

我有一个svg精灵表，我可以使用

渲染图像

<svg>
    <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/assets/IconSpriteSheet.svg#duck"></use>
</svg>

我想在bootstrap 3下拉列表中使用sprite表中的图像，但是将svg标记添加到我的选项标记中的data-content属性中并不起作用： - （

我尝试使用

引用图像

<img src="/assets/IconSpriteSheet.svg#duck">

但这不起作用。我想这与我的精灵表的结构有关。

我一直在尝试什么？

编辑：这是我的svg的开头：

<svg xmlns="http://www.w3.org/2000/svg">
<symbol id="duck" viewBox="0 0 90.4 75.8">
    <path fill="none" d="M59.7,21.2c0.9,4.8,5.2,7.5,8.9,5.9c0.6-0.2,1-0.6,1.5-1c-2.1,0.2-4.2-2-4.4-5.2c0-0.1,0-0.1,0-0.2
    c-0.2-3.7,2.1-6.3,4.4-6.1c-0.3-0.3-0.7-0.7-1.1-1c-4.1-3.1-10.2,1.2-9.3,7.3C59.6,21,59.