1. 不光要引入css ，还要引入js

react 中使用阿里彩色图标 随笔

SRE实战 互联网时代守护先锋，助力企业售后服务体系运筹帷幄！一键直达领取阿里云限量特价优惠。

2. 在需要引入icon的地方添加

<svg className={styles.menuIcon} aria-hidden="true">
    <use xlinkHref="#icon-woshiicon"/>  // #icon-woshiicon 为 Font-class

</svg>

3. css

.menu-icon {
  width: 1em; 
  height: 1em;
  fill: currentColor;
  overflow: hidden;
  // 以上是svg图标通用样式

  font-size: 30px;
}

 

扫码关注我们
微信号：SRE实战
拒绝背锅 运筹帷幄