Html 在SVG中包含图标

我把多皮克斯说的话都记下来了，但没用。图标仍显示为文本。 这里是我的HTML：

<g class="info-container" transform="translate(240,283)">
    <text class="svg-icon" x="-60" y="0">&#xf040</text>
</g>

样式将应用于文本元素，FontAwesome.css将附加到页面。我做错了什么

更新： 我正在通过D3.js库创建svg元素。这就是重点

答案是。在D3图表中，我们需要使用\ufXXX格式作为图标文本

infoGroup.append("text").attr("class", "svg-icon").text("\uf005");

答案是。在D3图表中，我们需要使用\ufXXX格式作为图标文本

infoGroup.append("text").attr("class", "svg-icon").text("\uf005");

答案是。在D3图表中，我们需要使用\ufXXX格式作为图标文本

infoGroup.append("text").attr("class", "svg-icon").text("\uf005");

答案是。在D3图表中，我们需要使用\ufXXX格式作为图标文本

infoGroup.append("text").attr("class", "svg-icon").text("\uf005");