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
这篇文章介绍了如何使用Iconify,一个通用的图标框架,它集成了多个图标库如AntDesign和ElementUI。文章详细讲解了通过npm安装、配置Vite插件PurgeIcons,并给出了一个使用示例,展示了如何在项目中轻松引入和展示图标。


1255

被折叠的 条评论
为什么被折叠?



