[JavaScript知识库]uniapp 使用uview 自定义图标 (引入阿里矢量图标)

1.首先获取图标下载图标的svg

2.完成后,点击资源管理进入我的项目
点击上传你下载的图标

3.上传完成后,点击项目设置

4.点击更新代码

复制代码到前端的一个css页面

@font-face {
  font-family: 'custom-icon';  /* Project id 2757918 */
  src: 
       url('你的代码');
}
.custom-icon {
  font-family: "custom-icon" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.custom-icon-backspace:before {
  content: "\e60b";
}

5.在app.vue引入

@import "./static/iconfont.css";

6.写代码

<u-icon style="margin-right: 8rpx;" slot="icon" name="去阿里矢量看name" custom-prefix="custom-icon" size="32" color="#000"></u-icon>