react--使用symbol字体图标

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接： https://blog.csdn.net/qq_42813491/article/details/102600190

学习资源推荐

js 引入

可根据实际引入路径对应修改

<script src="./iconfont.js"></script>

css 引入

可根据实际引入路径对应修改

<style>
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
</style>

修改命名空间

  <svg className="icon" aria-hidden="true">
       <use xlinkHref="#icon-yonghuming"></use>
   </svg>

xlinkHref 不能写成 xlink:href react 不认识