blog.laialex.com
All posts

vue3+vite使用iconify图标

摘要

图标官网:Open Source Icon Sets - Iconify 组件式引入, 结合iconify-api在线使用 安装包 @iconify/vue npm install --save-dev @iconify/vue 在vue页

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

全文完

Discussion

No comments yet