如何在React项目中引入iconfont彩色图标？

如果使用在vue项目中引入图标的方式，则引入的图标只是黑白颜色的。

但我需要彩色的，于是参考文章：在此

1. 将自己的图标添加到项目中
2. 找到 symbol地址

3. 在index.html中新增一个script标签引入刚刚复制的代码，并且引入.icon样式

4. 在用到图标的地方直接使用

<svg className="icon" aria-hidden="true">
    <use xlinkHref="#icon-XXXX"></use>
</svg>
//XXX代表图标名字