Iconify 是最通用的图标框架,将各种图标库的图标集中在这里的一个组件库,例如ant-design,element-ui等 网站地址如下
https://iconify.design/getting-started/
使用过程如下
npm install @iconify/iconify -S
npm install vite-plugin-purge-icons @iconify/json -D
配置如下
在入口文件或者使用页面导入下面
// main.js
import '@purge-icons/generated'
使用案例
<div :size="16" class="op-btn" @click="copyCode">
<a-tooltip>
<template #title>复制代码</template>
<div><span class="iconify" data-icon="ph:copy" Color="#3451b2" style="font-size:20px"> </span> </div>
</a-tooltip>
</div>
更详细的使用
https://blog.csdn.net/m0_61989957/article/details/129479568