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 小时前
NMEA-GNSS-RTK 定位html小工具
前端·javascript·html
爱吃大芒果4 小时前
Flutter 主题与深色模式:全局样式统一与动态切换
开发语言·javascript·flutter·ecmascript·gitcode
king王一帅4 小时前
流式渲染 Incremark、ant-design-x markdown、streammarkdown-vue 全流程方案对比
前端·javascript·人工智能
whyfail6 小时前
Vue原理(暴力版)
前端·vue.js
踢球的打工仔6 小时前
jquery的基本使用(3)
前端·javascript·jquery
徐同保6 小时前
js 点击按钮 把文本转成文件并下载下来
开发语言·javascript·ecmascript
VX:Fegn08957 小时前
计算机毕业设计|基于springboot + vue敬老院管理系统(源码+数据库+文档)
数据库·vue.js·spring boot·后端·课程设计
bug总结7 小时前
前端开发中为什么要使用 URL().origin 提取接口根地址
开发语言·前端·javascript·vue.js·html
程序员爱钓鱼7 小时前
Node.js 编程实战:数据库连接池与性能优化
javascript·后端·node.js