#
知识 2024-05-20

vue3+vite使用iconify图标

By alex 275 Views 1 MIN READ 0 Comments

图标官网: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 原创

采用 CC BY-NC-SA 4.0 协议进行许可

转载请注明出处:https://blog.laialex.com/archives/42/

TAGS: 无标签

YOU MAY ALSO LIKE

  • 暂无相关推荐,看看别的吧。

0 COMMENTS

LEAVE A REPLY