Включая FontAwesome иконки в SVG

Question

Я сделал все, что Duopixes сказал в this question, но это не помогло. Значок показывается как текст. Вот мой HTML:

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

и

.svg-icon{ 
    font-family: FontAwesome; 
    } 

стиль применяется к текстовому элементу и FontAwesome.css прикрепляется к странице. Что я сделал не так?

UPDATE: Я создаю svg-элементы через библиотеку D3.js. И в этом был смысл.

Answer 1

Ответ here. В D3-диаграмме нам нужно использовать формат \ ufXXX для текста значка.

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