iconfont字体图标的官网iconfont
// vant icon使用自定义iconfont单色图标
import '@/assets/iconfont/iconfont.css'
// iconfont 自定义彩色图标
import '@/assets/iconfont/iconfont'
<!-- vant自带图标示例-->
<van-icon name="chat-o"/>
<!-- vant icon组件使用iconfont单色图标-->
<van-icon class="iconfont" class-prefix='icon' name='icon_money' />
<!-- 引入iconfont自定义svg彩色图标示例-->
<svg class="icon" aria-hidden="true" style="width: 5rem; height: 5rem">
<use xlink:href="#icon-icon_money"></use>
</svg>
<!-- vant自带图标示例-->
<van-icon name="chat-o"/>
<!-- vant icon组件使用iconfont单色图标-->
<van-icon class="iconfont" class-prefix='icon' name='icon_money' />
<!-- 引入iconfont自定义svg彩色图标示例-->
<svg class="icon" aria-hidden="true" style="width: 5rem; height: 5rem">
<use xlink:href="#icon-icon_money"></use>
</svg>