naive UI 引入Xicon

1.网址

xicons - Icons for Vue & React

xicons.org/#/

2.安装

npm i -D @vicons/fluent
npm i -D @vicons/ionicons4
npm i -D @vicons/ionicons5
npm i -D @vicons/antd
npm i -D @vicons/material
npm i -D @vicons/fa # font awesome
npm i -D @vicons/tabler
npm i -D @vicons/carbon

3. 使用

<template>
	<n-icon :component="Reload" style="margin-right: 0;" @click="refreshPage"/>
</template>

<script setup lang="ts">
import { CheckmarkCircle, CloseCircle, Reload} from '@vicons/ionicons5';
import { NIcon } from 'naive-ui';
</script>