svg中怎么引入 iconfont 来代替图片？

Question

demo

D3画的的力向图 demo，我想要用一个iconfont图标代替其中的svg circle使用的话。
应该怎么去操作呢？

有做过这方面的，能给点建议么，谢谢。

Answer 1

iconfont应该是不支持的，要通过<use x="0" y="0" xlink:href="#icon-xxx"/>的方式去引用svg>defs>symbol中的SVG图标。
实现思路如下：

<svg style="display: none;">
    <defs>
        <symbol id="icon-XXX">
            <svg width="24" height="24" viewBox="0 0 48 48">
                <path d="XXXXXXXX"></path>
            </svg>
        </symbol>
    </defs>
</svg>
<svg>
    <use xlink:href="#icon-XXX"></use>
</svg>

例子：https://jsfiddle.net/f5ef6xwL/