<van-tab>自定义icon

要自定义图标，可以使用以下步骤：

1. 准备要使用的图标，可以使用 SVG 格式的矢量图标。

2. 在组件中使用 icon 属性，并指定要使用的图标名称或图标路径。

例如，可以使用以下代码在一个选项卡中使用一个自定义图标：

<van-tab icon="my-icon"></van-tab>

3. 在组件中注册图标。

如果要使用自定义图标，需要在组件中注册图标。可以使用 `Icon.register()` 方法来注册一个图标。例如，可以使用以下代码注册一个名为 `my-icon` 的图标：

import { Icon } from 'vant';

Icon.register('my-icon', {
  // 图标的路径
  path: 'M20 10H4V8h16v2zm0 4H4v-2h16v2zm0 4H4v-2h16v2z',
  // 图标的默认尺寸
  viewBox: '0 0 24 24'
});

在上面的代码中，`path` 属性指定了图标的路径，`viewBox` 属性指定了图标的默认尺寸。

4. 在应用中引入注册的图标。

最后，在应用中需要使用这个自定义图标的地方，需要先引入注册的图标。可以使用以下代码在应用中引入注册的 `my-icon` 图标：

import { Icon } from 'vant';
import './path/to/my-icon.js';

Vue.use(Icon);

在上面的代码中，`my-icon.js` 文件是包含注册 `my-icon` 图标的代码的文件。然后使用 `Vue.use(Icon)` 来注册 `Icon` 组件，以便在应用中使用该组件。