微信小程序-自定义图标

先在阿里矢量图标库找一张图片，复制下面链接

https://www.iconfont.cn/?spm=a313x.7781069.1998910419.d4d0a486a

下载一张图骗，选择svg格式

上百度查base64转图片，也可以复制下面链接

http://imgbase64.duoshitong.com/

接下来在小程序写代码了

• 定义一个标签，view，text啥的都行，但是view的话相当于div要调一下background-position,background-size,width,height云云

• 我这里使用的是text

• css

.icon-time {
  background-image: url(data:image/svg+xml;base64,...
  	....
  }
  .icon-style {
  background-size: cover;
  display: inline-block;
  width: 34rpx;
  height: 34rpx;
}

`