react 中使用阿里彩色图标

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

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;
}

 

转载于:https://www.cnblogs.com/aloehui/p/10691472.html