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/

相关推荐
勉灬之4 分钟前
Next.js + Prisma 跨平台部署踩坑记
开发语言·javascript·ecmascript
糖果店的幽灵9 分钟前
langgraph分支之 - 动态分支(Dynamic Branch)
java·前端·javascript·人工智能·langgraph
Bad_Shepherd25 分钟前
vue-element-plus-admin添加自定义svg图标,并且图标选择组件可选自定义图标
vue.js·elementui·前端框架
这是个栗子27 分钟前
前端开发中的常用工具函数(九)
开发语言·javascript·ecmascript·at
Revolution612 小时前
一段 JavaScript 代码执行时,到底发生了什么
前端·javascript
会周易的程序员3 小时前
Mermaid Renderer:一款的图表可视化小工具
前端·vue.js·流程图·mermaid
To_OC11 小时前
LC 131 分割回文串:刚学回溯时,我连怎么切字符串都想不明白
javascript·算法·leetcode
To_OC13 小时前
LC 42 接雨水:暴力超时卡半天?前后缀数组一用就通了
javascript·算法·leetcode
小林ixn13 小时前
从 ??= 到 onKeyDown:一个 React 组件的“自我修养”
前端·javascript·react.js
এ慕ོ冬℘゜14 小时前
前端实战:jQuery 多条件联合搜索(标题模糊查询 + 日历时间段筛选)
前端·javascript·jquery