vant自定义图标微信小程序

要在微信小程序中使用自定义图标，可以使用 Vant Weapp 组件库提供的 icon 组件。Vant Weapp 提供了一些内置的图标，同时也支持自定义图标。

以下是使用 Vant Weapp 自定义图标的步骤：

1. 将自定义图标转换为 base64 格式，可以使用在线工具或者自己编写代码进行转换。将转换后的 base64 字符串保存到一个变量中，例如：

const customIcon = 'data:image/png;base64,iVBORw0KG...';

2. 在需要使用自定义图标的页面或组件中引入 Vant Weapp 组件库：

import { Icon } from 'vant-weapp';

3. 在页面或组件中使用 Icon 组件，并传入自定义图标的 base64 字符串作为 icon 属性的值：

<icon name="custom" class="custom-icon" :src="customIcon" />

其中，name 属性的值可以任意设置，只要不与 Vant Weapp 内置的图标名称重复即可。通过设置 class 属性，可以对自定义图标进行样式调整。

4. 在页面或组件的样式文件中定义自定义图标的样式：

.custom-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: cover;
}

其中，width 和 height 属性可以根据实际情况进行调整，background-size 属性设置为 cover 可以保证图片按比例缩放并填满容器。

以上就是在微信小程序中使用 Vant Weapp 自定义图标的方法。