React 项目 使用iconfont symbol

2021-01-17  本文已影响0人  青山白衣
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>
上一篇 下一篇

猜你喜欢

热点阅读