change svg to icon

web/src/components/keys/GroupInfoCard.vue

@@ -2,6 +2,7 @@
 import { keysApi } from "@/api/keys";
 import type { Group, GroupStats } from "@/types/models";
 import { getGroupDisplayName } from "@/utils/display";
+import { Pencil, Trash } from "@vicons/ionicons5";
 import {
   NButton,
   NCard,
@@ -139,11 +140,7 @@ function copyUrl(url: string) {
           <div class="header-actions">
             <n-button quaternary circle size="small" @click="handleEdit" title="编辑分组">
               <template #icon>
-                <svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
-                  <path
-                    d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"
-                  />
-                </svg>
+                <n-icon :component="Pencil" />
               </template>
             </n-button>
             <n-button
@@ -156,11 +153,7 @@ function copyUrl(url: string) {
               :disabled="!group"
             >
               <template #icon>
-                <svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor">
-                  <path
-                    d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"
-                  />
-                </svg>
+                <n-icon :component="Trash" />
               </template>
             </n-button>
           </div>