zl程序教程

您现在的位置是:首页 >  前端

当前栏目

react--使用symbol字体图标

React -- symbol 字体 图标 使用
2023-09-27 14:26:50 时间

学习资源推荐

react--使用symbol字体图标


  • 微信扫码关注公众号 :前端前端大前端,追求更精致的阅读体验 ,一起来学习啊
  • 关注后发送关键资料,免费获取一整套前端系统学习资料和老男孩python系列课程
    在这里插入图片描述

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 不认识