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

若无特别标注，本文由alex创作
采用知识共享署名 3.0，可自由转载、引用，但需署名作者且注明文章出处。