图标官网: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" />

文章目录