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/

相关推荐
Hilaku9 分钟前
技术好就能升职是前端圈最大的谎言!
前端·javascript·程序员
光影少年23 分钟前
react navite高频手写/实操题
前端·javascript·react native·react.js·前端框架
AI视觉网奇42 分钟前
3d子部件高亮选中
开发语言·javascript·3d
阿图灵1 小时前
LangGraph 实战 03:Workflows 与 Agents——六种工作流模式与智能体实战(附 6 个可运行示例)
java·前端·javascript·工作流·ai agent·智能体·langgraph
2603_965896621 小时前
JavaScript 对象零基础详解|属性、方法、遍历、增删改查
开发语言·javascript·ecmascript
用户283209679372 小时前
从进程线程到 async/await:JS Event-loop事件循环机制底层解析
前端·javascript
guanguan0_02 小时前
用 AI 做技术方案评审:输入 3 个方案,输出对比矩阵 + 推荐理由
javascript·人工智能·矩阵·ai编程
xiaominlaopodaren2 小时前
three.js地图视口瓦片(二):如何形成完整视口多边形
javascript·gis·three.js
snow@li3 小时前
服务器运维:Alibaba Cloud Linux 4 LTS・Vue前端 Java 后端 K3S 部署 CICD 目录规范清单
linux·前端·vue.js
mONESY3 小时前
从零到上线:全栈项目部署全流程实战
javascript