React 项目 使用iconfont symbol

1.

在react项目的public目录下的index.html 中引入生成的代码
<script src="http://at.alicdn.com/t/font_2332037_31521kricse.js"></script>

image.png

2.

在react项目的公共style文件中引入

  .icon {
    width: 1em; height: 1em;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
 }
3.

在react项目的组件中使用iconfont

  <svg className="icon" aria-hidden="true">
    <use xlinkHref="#icon-searcher"></use>
  </svg>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。