Vue3中使用阿里iconfont

第一步：选择阿里图标库，并进行项目设置

第二步：下载图标库到项目中的合适位置

第三步：main.js中添加

// 自定义图标
import '@/assets/iconfonts/iconfont.css'

第四步使用：

    <el-button type="primary">
      <el-icon style="margin-right: 5px;" color="red">
        <i class="iconfont icon-xin1"></i>
      </el-icon>
      测试自定义图标
    </el-button>

效果：