vue如何引入图标

作者：小桥流水78 | 2024-06-30 01:27:00

踩

vue如何引入图标

方法1：iconify/vue

pnpm add @iconify/vue -D
网址：https://icon-sets.iconify.design/
使用哪个需要安装===
如下截图,安装指令：

> npm install @iconify/icons-gg
1

在这里插入图片描述

在使用的页面引入 import { Icon } from “@iconify/vue”;

<template>
	<Icon icon="mdi-light:home" style="color: red; font-size: 43px" />
	<Icon icon="mdi:home-flood" style="color: red; font-size: 43px" />
</template>;
1
2
3
4

https://icon-sets.iconify.design/openmoji/man-in-steamy-room/

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/小桥流水78/article/detail/770987