vue如何引入图标

方法1:iconify/vue

  1. pnpm add @iconify/vue -D
    网址:https://icon-sets.iconify.design/
    使用哪个需要安装===
    如下截图,安装指令:
clike 复制代码
> npm install @iconify/icons-gg
  1. 在使用的页面引入 import { Icon } from "@iconify/vue";
java 复制代码
<template>
	<Icon icon="mdi-light:home" style="color: red; font-size: 43px" />
	<Icon icon="mdi:home-flood" style="color: red; font-size: 43px" />
</template>;

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

相关推荐
zyplayer-doc2 小时前
VuePress类静态文档站和动态知识库怎么选:两种技术路线的适用场景
javascript·人工智能·后端·安全·智能手机
Sterting6 小时前
第9课 Vue Router 路由
前端·vue.js
码哥DFS7 小时前
构造函数、实例对象、对象原型 ----三者关系
开发语言·javascript·原型模式
满栀5857 小时前
vue动态路由效果
前端·javascript·vue.js·前端框架·vue
心运软件8 小时前
SpringBoot+ Vue校园社团管理平台的完整架构设计
vue.js·后端
jjw_zyfx9 小时前
css vue vite实现闪烁的呼吸效果
javascript·css·vue.js
sunly_9 小时前
React useActionState 的用法详解
前端·javascript·react.js
cyadyx10 小时前
【Three.js】Three.js 中加载 3D 模型
前端·javascript·3d
汉堡大王952710 小时前
前端工程师 TypeScript 上手指南:一条清晰的从入门到精通路线
前端·javascript·react.js
wear工程师10 小时前
防抖为什么会失效?React 面试里的闭包和定时器
javascript·react.js