Vant的Icon图标为什么在页面上不显示？

Des.雨涵提问于 2026-02-04 20:29:28 阅读 215

组件

在用Vant3写Vue项目时，按照文档引入了Icon组件，但图标一直显示不出来。已经确认引入了正确的组件：


<template>
  <van-icon name="success" />
</template>

<script setup>
import { Icon } from 'vant';
import 'vant/lib/icon.css';
</script>

还试过把name改成success::before和全大写，都不行。控制台没有报错，但页面上就是空的。有人遇到过类似问题吗？

Vant

我来解答赞 9 收藏

反馈

1 条解答

UP主～克培 Lv1

Vant3 的图标需要额外安装 @vant/iconfont，用 npm 安装后在 main.js 引入即可：

import * as vantIcon from '@vant/iconfont'

2026-02-04 21:00