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/

相关推荐
菌菇汤6 分钟前
uni-app实现单选,多选也能搜索,勾选,选择,回显
前端·javascript·vue.js·微信小程序·uni-app·app
Ramos丶14 分钟前
【ABAP】 从无到有 新建一个Webdynpro程序
java·前端·javascript
摸鱼仙人~24 分钟前
如何创建基于 TypeScript 的 React 项目
javascript·react.js·typescript
qq_4116719833 分钟前
vue3 的模板引用ref和$parent
前端·javascript·vue.js
清幽竹客2 小时前
vue-37(模拟依赖项进行隔离测试)
前端·vue.js
vvilkim2 小时前
Nuxt.js 页面与布局系统深度解析:构建高效 Vue 应用的关键
前端·javascript·vue.js
paopaokaka_luck2 小时前
基于SpringBoot+Vue的电影售票系统(协同过滤算法)
vue.js·spring boot·后端
滿2 小时前
Vue3 父子组件表单滚动到校验错误的位置实现方法
前端·javascript·vue.js
专注VB编程开发20年2 小时前
javascript的类,ES6模块写法在VSCODE中智能提示
开发语言·javascript·vscode
夏梦春蝉3 小时前
ES6从入门到精通:模块化
前端·ecmascript·es6