图标官网:Open Source Icon Sets - Iconify

组件式引入, 结合iconify-api在线使用

安装包 @iconify/vue

npm install --save-dev @iconify/vue

在vue页面中引入组件

import { Icon } from '@iconify/vue';

通过组件即可使用

<Icon icon="mdi-light:home" />
v2-3aa8d384274e34aab5ff82c0957ce169_720w.webp

我们就可以使用这个图标了

<Icon icon="ep:briefcase" />

By alex

One thought on “vue3+vite使用iconify图标”

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注