From 2f0b230812834ed306749a9c2f65bdcdfbda6dd6 Mon Sep 17 00:00:00 2001
From: Sun <95302870@qq.com>
Date: Fri, 8 Dec 2023 12:19:11 +0800
Subject: [PATCH] =?UTF-8?q?=E5=9B=BE=E6=A0=87=E6=9C=AC=E5=9C=B0=E5=8C=96?=
 =?UTF-8?q?=E5=A4=84=E7=90=86=20Squashed=20commit=20of=20the=20following:?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

commit 67023d0ce494b46460729cf39a45af8c9fd10124
Author: Sun <95302870@qq.com>
Date:   Fri Dec 8 12:17:45 2023 +0800

    修改原图标组件为在线图标组件

commit 379441c869489fdf44cb92a0cace75f9e5318915
Author: Sun <95302870@qq.com>
Date:   Fri Dec 8 12:14:59 2023 +0800

    适配本地化图标

commit da6feaa655e792d176f56777e089393f7658eda2
Author: Sun <95302870@qq.com>
Date:   Fri Dec 8 12:14:07 2023 +0800

    图标本地化

commit 02d84f66069653dedfc35578b1b26dad6edac0e3
Author: Sun <95302870@qq.com>
Date:   Thu Dec 7 23:09:41 2023 +0800

    增加离线图标库（源svgicon组件）的兼容并增加在线图标库组件
---
 src/assets/svg-icons/basil-edit-solid.svg     |  1 +
 src/assets/svg-icons/ep-setting.svg           |  1 +
 .../svg-icons/ic-baseline-add-business.svg    |  1 +
 .../svg-icons/icon-park-outline-to-top.svg    |  1 +
 .../svg-icons/iconamoon-search-fill.svg       |  1 +
 src/assets/svg-icons/line-md-close-small.svg  |  1 +
 .../material-symbols-account-circle.svg       |  1 +
 ...erial-symbols-ad-group-outline-rounded.svg |  1 +
 .../svg-icons/material-symbols-delete.svg     |  1 +
 .../material-symbols-lan-outline-rounded.svg  |  1 +
 .../svg-icons/material-symbols-save.svg       |  1 +
 src/assets/svg-icons/mdi-password-outline.svg |  1 +
 src/assets/svg-icons/mdi-wan.svg              |  1 +
 src/assets/svg-icons/ph-user-bold.svg         |  1 +
 src/assets/svg-icons/ri-drag-drop-line.svg    |  1 +
 src/assets/svg-icons/ri-settings-4-line.svg   |  1 +
 src/assets/svg-icons/tabler-logout.svg        |  1 +
 src/assets/svg-icons/typcn-plus.svg           |  1 +
 src/components/common/ItemIcon/index.vue      |  4 +-
 src/components/common/SvgIcon/index.vue       | 50 +++++++++++++++----
 src/components/common/SvgIconOnline/index.vue | 21 ++++++++
 src/components/common/index.ts                |  2 +
 .../Setting/tabs/ItemGroupManage.vue          |  2 +-
 src/views/home/index.vue                      |  4 +-
 24 files changed, 87 insertions(+), 14 deletions(-)
 create mode 100644 src/assets/svg-icons/basil-edit-solid.svg
 create mode 100644 src/assets/svg-icons/ep-setting.svg
 create mode 100644 src/assets/svg-icons/ic-baseline-add-business.svg
 create mode 100644 src/assets/svg-icons/icon-park-outline-to-top.svg
 create mode 100644 src/assets/svg-icons/iconamoon-search-fill.svg
 create mode 100644 src/assets/svg-icons/line-md-close-small.svg
 create mode 100644 src/assets/svg-icons/material-symbols-account-circle.svg
 create mode 100644 src/assets/svg-icons/material-symbols-ad-group-outline-rounded.svg
 create mode 100644 src/assets/svg-icons/material-symbols-delete.svg
 create mode 100644 src/assets/svg-icons/material-symbols-lan-outline-rounded.svg
 create mode 100644 src/assets/svg-icons/material-symbols-save.svg
 create mode 100644 src/assets/svg-icons/mdi-password-outline.svg
 create mode 100644 src/assets/svg-icons/mdi-wan.svg
 create mode 100644 src/assets/svg-icons/ph-user-bold.svg
 create mode 100644 src/assets/svg-icons/ri-drag-drop-line.svg
 create mode 100644 src/assets/svg-icons/ri-settings-4-line.svg
 create mode 100644 src/assets/svg-icons/tabler-logout.svg
 create mode 100644 src/assets/svg-icons/typcn-plus.svg
 create mode 100644 src/components/common/SvgIconOnline/index.vue

diff --git a/src/assets/svg-icons/basil-edit-solid.svg b/src/assets/svg-icons/basil-edit-solid.svg
new file mode 100644
index 0000000..18f113a
--- /dev/null
+++ b/src/assets/svg-icons/basil-edit-solid.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M16.477 3.004c.167.015.24.219.12.338l-8.32 8.32a.75.75 0 0 0-.195.34l-1 3.83a.75.75 0 0 0 .915.915l3.829-1a.751.751 0 0 0 .34-.196l8.438-8.438a.198.198 0 0 1 .339.12a45.723 45.723 0 0 1-.06 10.073c-.223 1.905-1.754 3.4-3.652 3.613a47.468 47.468 0 0 1-10.461 0c-1.899-.213-3.43-1.708-3.653-3.613a45.672 45.672 0 0 1 0-10.611C3.34 4.789 4.871 3.294 6.77 3.082a47.512 47.512 0 0 1 9.707-.078Z"/><path fill="currentColor" d="M17.823 4.237a.25.25 0 0 1 .354 0l1.414 1.415a.25.25 0 0 1 0 .353L11.298 14.3a.253.253 0 0 1-.114.065l-1.914.5a.25.25 0 0 1-.305-.305l.5-1.914a.25.25 0 0 1 .065-.114l8.293-8.294Z"/></svg>
\ No newline at end of file
diff --git a/src/assets/svg-icons/ep-setting.svg b/src/assets/svg-icons/ep-setting.svg
new file mode 100644
index 0000000..ec0c30b
--- /dev/null
+++ b/src/assets/svg-icons/ep-setting.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M600.704 64a32 32 0 0 1 30.464 22.208l35.2 109.376c14.784 7.232 28.928 15.36 42.432 24.512l112.384-24.192a32 32 0 0 1 34.432 15.36L944.32 364.8a32 32 0 0 1-4.032 37.504l-77.12 85.12a357.12 357.12 0 0 1 0 49.024l77.12 85.248a32 32 0 0 1 4.032 37.504l-88.704 153.6a32 32 0 0 1-34.432 15.296L708.8 803.904c-13.44 9.088-27.648 17.28-42.368 24.512l-35.264 109.376A32 32 0 0 1 600.704 960H423.296a32 32 0 0 1-30.464-22.208L357.696 828.48a351.616 351.616 0 0 1-42.56-24.64l-112.32 24.256a32 32 0 0 1-34.432-15.36L79.68 659.2a32 32 0 0 1 4.032-37.504l77.12-85.248a357.12 357.12 0 0 1 0-48.896l-77.12-85.248A32 32 0 0 1 79.68 364.8l88.704-153.6a32 32 0 0 1 34.432-15.296l112.32 24.256c13.568-9.152 27.776-17.408 42.56-24.64l35.2-109.312A32 32 0 0 1 423.232 64H600.64zm-23.424 64H446.72l-36.352 113.088l-24.512 11.968a294.113 294.113 0 0 0-34.816 20.096l-22.656 15.36l-116.224-25.088l-65.28 113.152l79.68 88.192l-1.92 27.136a293.12 293.12 0 0 0 0 40.192l1.92 27.136l-79.808 88.192l65.344 113.152l116.224-25.024l22.656 15.296a294.113 294.113 0 0 0 34.816 20.096l24.512 11.968L446.72 896h130.688l36.48-113.152l24.448-11.904a288.282 288.282 0 0 0 34.752-20.096l22.592-15.296l116.288 25.024l65.28-113.152l-79.744-88.192l1.92-27.136a293.12 293.12 0 0 0 0-40.256l-1.92-27.136l79.808-88.128l-65.344-113.152l-116.288 24.96l-22.592-15.232a287.616 287.616 0 0 0-34.752-20.096l-24.448-11.904L577.344 128zM512 320a192 192 0 1 1 0 384a192 192 0 0 1 0-384m0 64a128 128 0 1 0 0 256a128 128 0 0 0 0-256"/></svg>
\ No newline at end of file
diff --git a/src/assets/svg-icons/ic-baseline-add-business.svg b/src/assets/svg-icons/ic-baseline-add-business.svg
new file mode 100644
index 0000000..6476a20
--- /dev/null
+++ b/src/assets/svg-icons/ic-baseline-add-business.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M15 17h2v-3h1v-2l-1-5H2l-1 5v2h1v6h9v-6h4v3zm-6 1H4v-4h5v4zM2 4h15v2H2z"/><path fill="currentColor" d="M20 18v-3h-2v3h-3v2h3v3h2v-3h3v-2z"/></svg>
\ No newline at end of file
diff --git a/src/assets/svg-icons/icon-park-outline-to-top.svg b/src/assets/svg-icons/icon-park-outline-to-top.svg
new file mode 100644
index 0000000..a94c40f
--- /dev/null
+++ b/src/assets/svg-icons/icon-park-outline-to-top.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M24.008 14.1V42M12 26l12-12l12 12M12 6h24"/></svg>
\ No newline at end of file
diff --git a/src/assets/svg-icons/iconamoon-search-fill.svg b/src/assets/svg-icons/iconamoon-search-fill.svg
new file mode 100644
index 0000000..1a797a7
--- /dev/null
+++ b/src/assets/svg-icons/iconamoon-search-fill.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M11 2a9 9 0 1 0 5.618 16.032l3.675 3.675a1 1 0 0 0 1.414-1.414l-3.675-3.675A9 9 0 0 0 11 2Zm-6 9a6 6 0 1 1 12 0a6 6 0 0 1-12 0Z" clip-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/src/assets/svg-icons/line-md-close-small.svg b/src/assets/svg-icons/line-md-close-small.svg
new file mode 100644
index 0000000..628eb1a
--- /dev/null
+++ b/src/assets/svg-icons/line-md-close-small.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-dasharray="16" stroke-dashoffset="16" stroke-linecap="round" stroke-width="2"><path d="M7 7L17 17"><animate fill="freeze" attributeName="stroke-dashoffset" dur="0.4s" values="16;0"/></path><path d="M17 7L7 17"><animate fill="freeze" attributeName="stroke-dashoffset" begin="0.4s" dur="0.4s" values="16;0"/></path></g></svg>
\ No newline at end of file
diff --git a/src/assets/svg-icons/material-symbols-account-circle.svg b/src/assets/svg-icons/material-symbols-account-circle.svg
new file mode 100644
index 0000000..9d6dbe9
--- /dev/null
+++ b/src/assets/svg-icons/material-symbols-account-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M5.85 17.1q1.275-.975 2.85-1.537T12 15q1.725 0 3.3.563t2.85 1.537q.875-1.025 1.363-2.325T20 12q0-3.325-2.337-5.663T12 4Q8.675 4 6.337 6.338T4 12q0 1.475.488 2.775T5.85 17.1ZM12 13q-1.475 0-2.488-1.012T8.5 9.5q0-1.475 1.013-2.488T12 6q1.475 0 2.488 1.013T15.5 9.5q0 1.475-1.012 2.488T12 13Zm0 9q-2.075 0-3.9-.788t-3.175-2.137q-1.35-1.35-2.137-3.175T2 12q0-2.075.788-3.9t2.137-3.175q1.35-1.35 3.175-2.137T12 2q2.075 0 3.9.788t3.175 2.137q1.35 1.35 2.138 3.175T22 12q0 2.075-.788 3.9t-2.137 3.175q-1.35 1.35-3.175 2.138T12 22Z"/></svg>
\ No newline at end of file
diff --git a/src/assets/svg-icons/material-symbols-ad-group-outline-rounded.svg b/src/assets/svg-icons/material-symbols-ad-group-outline-rounded.svg
new file mode 100644
index 0000000..e2cb51b
--- /dev/null
+++ b/src/assets/svg-icons/material-symbols-ad-group-outline-rounded.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8 16h12V6H8v10Zm0 2q-.825 0-1.412-.587T6 16V4q0-.825.588-1.412T8 2h12q.825 0 1.413.588T22 4v12q0 .825-.587 1.413T20 18H8Zm-4 4q-.825 0-1.412-.587T2 20V7q0-.425.288-.712T3 6q.425 0 .713.288T4 7v13h13q.425 0 .713.288T18 21q0 .425-.288.713T17 22H4ZM8 4v12V4Z"/></svg>
\ No newline at end of file
diff --git a/src/assets/svg-icons/material-symbols-delete.svg b/src/assets/svg-icons/material-symbols-delete.svg
new file mode 100644
index 0000000..94e0174
--- /dev/null
+++ b/src/assets/svg-icons/material-symbols-delete.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7 21q-.825 0-1.412-.587T5 19V6H4V4h5V3h6v1h5v2h-1v13q0 .825-.587 1.413T17 21H7Zm2-4h2V8H9v9Zm4 0h2V8h-2v9Z"/></svg>
\ No newline at end of file
diff --git a/src/assets/svg-icons/material-symbols-lan-outline-rounded.svg b/src/assets/svg-icons/material-symbols-lan-outline-rounded.svg
new file mode 100644
index 0000000..caa1c0a
--- /dev/null
+++ b/src/assets/svg-icons/material-symbols-lan-outline-rounded.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M3 20v-3q0-.825.588-1.412T5 15h1v-2q0-.825.588-1.412T8 11h3V9h-1q-.825 0-1.412-.587T8 7V4q0-.825.588-1.412T10 2h4q.825 0 1.413.588T16 4v3q0 .825-.587 1.413T14 9h-1v2h3q.825 0 1.413.588T18 13v2h1q.825 0 1.413.588T21 17v3q0 .825-.587 1.413T19 22h-4q-.825 0-1.412-.587T13 20v-3q0-.825.588-1.412T15 15h1v-2H8v2h1q.825 0 1.413.588T11 17v3q0 .825-.587 1.413T9 22H5q-.825 0-1.412-.587T3 20Zm7-13h4V4h-4v3ZM5 20h4v-3H5v3Zm10 0h4v-3h-4v3ZM12 7ZM9 17Zm6 0Z"/></svg>
\ No newline at end of file
diff --git a/src/assets/svg-icons/material-symbols-save.svg b/src/assets/svg-icons/material-symbols-save.svg
new file mode 100644
index 0000000..45be86a
--- /dev/null
+++ b/src/assets/svg-icons/material-symbols-save.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M21 7v12q0 .825-.587 1.413T19 21H5q-.825 0-1.412-.587T3 19V5q0-.825.588-1.412T5 3h12l4 4Zm-9 11q1.25 0 2.125-.875T15 15q0-1.25-.875-2.125T12 12q-1.25 0-2.125.875T9 15q0 1.25.875 2.125T12 18Zm-6-8h9V6H6v4Z"/></svg>
\ No newline at end of file
diff --git a/src/assets/svg-icons/mdi-password-outline.svg b/src/assets/svg-icons/mdi-password-outline.svg
new file mode 100644
index 0000000..f54b287
--- /dev/null
+++ b/src/assets/svg-icons/mdi-password-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 17a2 2 0 0 1-2-2c0-1.11.89-2 2-2a2 2 0 0 1 2 2a2 2 0 0 1-2 2m6 3V10H6v10h12m0-12a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V10c0-1.11.89-2 2-2h1V6a5 5 0 0 1 5-5a5 5 0 0 1 5 5v2h1m-6-5a3 3 0 0 0-3 3v2h6V6a3 3 0 0 0-3-3Z"/></svg>
\ No newline at end of file
diff --git a/src/assets/svg-icons/mdi-wan.svg b/src/assets/svg-icons/mdi-wan.svg
new file mode 100644
index 0000000..9aa9b8e
--- /dev/null
+++ b/src/assets/svg-icons/mdi-wan.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 2a8 8 0 0 0-8 8c0 4.03 3 7.42 7 7.93V19h-1a1 1 0 0 0-1 1H2v2h7a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1h7v-2h-7a1 1 0 0 0-1-1h-1v-1.07c4-.5 7-3.9 7-7.93a8 8 0 0 0-8-8m0 2s.74 1.28 1.26 3h-2.52C11.26 5.28 12 4 12 4m-2.23.43c-.27.5-.68 1.41-1.03 2.57H6.81C7.5 5.84 8.5 4.93 9.77 4.43m4.46.01c1.27.5 2.27 1.4 2.96 2.56h-1.93c-.35-1.16-.76-2.07-1.03-2.56M6.09 9h2.23c-.04.33-.07.66-.07 1c0 .34.03.67.07 1H6.09a5.551 5.551 0 0 1 0-2m4.23 0h3.36c.04.33.07.66.07 1c0 .34-.03.67-.07 1h-3.36c-.04-.33-.07-.66-.07-1c0-.34.03-.67.07-1m5.36 0h2.23a5.551 5.551 0 0 1 0 2h-2.23c.04-.33.07-.66.07-1c0-.34-.03-.67-.07-1m-8.87 4h1.93c.35 1.16.76 2.07 1.03 2.56c-1.27-.5-2.27-1.4-2.96-2.56m3.93 0h2.52c-.52 1.72-1.26 3-1.26 3s-.74-1.28-1.26-3m4.52 0h1.93c-.69 1.16-1.69 2.07-2.96 2.57c.27-.5.68-1.41 1.03-2.57Z"/></svg>
\ No newline at end of file
diff --git a/src/assets/svg-icons/ph-user-bold.svg b/src/assets/svg-icons/ph-user-bold.svg
new file mode 100644
index 0000000..5278925
--- /dev/null
+++ b/src/assets/svg-icons/ph-user-bold.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M234.38 210a123.36 123.36 0 0 0-60.78-53.23a76 76 0 1 0-91.2 0A123.36 123.36 0 0 0 21.62 210a12 12 0 1 0 20.77 12c18.12-31.32 50.12-50 85.61-50s67.49 18.69 85.61 50a12 12 0 0 0 20.77-12ZM76 96a52 52 0 1 1 52 52a52.06 52.06 0 0 1-52-52Z"/></svg>
\ No newline at end of file
diff --git a/src/assets/svg-icons/ri-drag-drop-line.svg b/src/assets/svg-icons/ri-drag-drop-line.svg
new file mode 100644
index 0000000..bf2adc7
--- /dev/null
+++ b/src/assets/svg-icons/ri-drag-drop-line.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m16 13l6.964 4.062l-2.973.85l2.125 3.681l-1.732 1l-2.125-3.68l-2.223 2.15L16 13Zm-2-7h2v2h5a1 1 0 0 1 1 1v4h-2v-3H10v10h4v2H9a1 1 0 0 1-1-1v-5H6v-2h2V9a1 1 0 0 1 1-1h5V6ZM4 14v2H2v-2h2Zm0-4v2H2v-2h2Zm0-4v2H2V6h2Zm0-4v2H2V2h2Zm4 0v2H6V2h2Zm4 0v2h-2V2h2Zm4 0v2h-2V2h2Z"/></svg>
\ No newline at end of file
diff --git a/src/assets/svg-icons/ri-settings-4-line.svg b/src/assets/svg-icons/ri-settings-4-line.svg
new file mode 100644
index 0000000..856b4e4
--- /dev/null
+++ b/src/assets/svg-icons/ri-settings-4-line.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M2 12c0-.865.11-1.704.316-2.504A3 3 0 0 0 4.99 4.867a9.99 9.99 0 0 1 4.335-2.506a3 3 0 0 0 5.348 0a9.99 9.99 0 0 1 4.335 2.506a3 3 0 0 0 2.675 4.63c.206.8.316 1.638.316 2.503c0 .864-.11 1.703-.316 2.503a3 3 0 0 0-2.675 4.63a9.99 9.99 0 0 1-4.335 2.505a3 3 0 0 0-5.348 0a9.99 9.99 0 0 1-4.335-2.505a3 3 0 0 0-2.675-4.63C2.11 13.703 2 12.864 2 12Zm4.804 3c.63 1.091.81 2.346.564 3.524c.408.29.842.541 1.297.75A4.993 4.993 0 0 1 12 18c1.26 0 2.438.471 3.335 1.274c.455-.209.889-.46 1.297-.75A4.993 4.993 0 0 1 17.196 15a4.993 4.993 0 0 1 2.77-2.25a8.142 8.142 0 0 0 0-1.5A4.993 4.993 0 0 1 17.196 9a4.993 4.993 0 0 1-.564-3.524a7.991 7.991 0 0 0-1.297-.75A4.993 4.993 0 0 1 12 6a4.993 4.993 0 0 1-3.335-1.274a7.99 7.99 0 0 0-1.297.75A4.993 4.993 0 0 1 6.804 9a4.993 4.993 0 0 1-2.77 2.25a8.125 8.125 0 0 0 0 1.5A4.993 4.993 0 0 1 6.805 15ZM12 15a3 3 0 1 1 0-6a3 3 0 0 1 0 6Zm0-2a1 1 0 1 0 0-2a1 1 0 0 0 0 2Z"/></svg>
\ No newline at end of file
diff --git a/src/assets/svg-icons/tabler-logout.svg b/src/assets/svg-icons/tabler-logout.svg
new file mode 100644
index 0000000..885c1d4
--- /dev/null
+++ b/src/assets/svg-icons/tabler-logout.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M14 8V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h7a2 2 0 0 0 2-2v-2"/><path d="M9 12h12l-3-3m0 6l3-3"/></g></svg>
\ No newline at end of file
diff --git a/src/assets/svg-icons/typcn-plus.svg b/src/assets/svg-icons/typcn-plus.svg
new file mode 100644
index 0000000..c89fc60
--- /dev/null
+++ b/src/assets/svg-icons/typcn-plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M18 10h-4V6a2 2 0 0 0-4 0l.071 4H6a2 2 0 0 0 0 4l4.071-.071L10 18a2 2 0 0 0 4 0v-4.071L18 14a2 2 0 0 0 0-4z"/></svg>
\ No newline at end of file
diff --git a/src/components/common/ItemIcon/index.vue b/src/components/common/ItemIcon/index.vue
index 708e470..51c2530 100644
--- a/src/components/common/ItemIcon/index.vue
+++ b/src/components/common/ItemIcon/index.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { NAvatar, NImage } from 'naive-ui'
 import { computed, ref, withDefaults } from 'vue'
-import { SvgIcon } from '@/components/common'
+import { SvgIconOnline } from '@/components/common'
 
 interface Prop {
   itemIcon?: Panel.ItemIcon | null
@@ -39,7 +39,7 @@ const iconExt = computed(() => {
 
         <div v-else-if="itemIcon?.itemType === 3">
           <NAvatar :size="props.size" :style="{ backgroundColor: (forceBackground ?? itemIcon?.backgroundColor) || defaultBackground }">
-            <SvgIcon style="font-size: 35px;" :icon="itemIcon.text" />
+            <SvgIconOnline style="font-size: 35px;" :icon="itemIcon.text" />
           </NAvatar>
         </div>
       </div>
diff --git a/src/components/common/SvgIcon/index.vue b/src/components/common/SvgIcon/index.vue
index aa25da3..8383efb 100644
--- a/src/components/common/SvgIcon/index.vue
+++ b/src/components/common/SvgIcon/index.vue
@@ -1,21 +1,53 @@
-<script setup lang='ts'>
-import { computed, useAttrs } from 'vue'
-import { Icon } from '@iconify/vue'
+<script setup lang="ts">
+import { computed, onMounted, ref, useAttrs } from 'vue'
 
-interface Props {
+const props = defineProps<{
   icon?: string
-}
-
-defineProps<Props>()
+}>()
 
 const attrs = useAttrs()
-
+const iconName = ref(compatibleName(props.icon || ''))
+const iconContent = ref<string | null>(null)
 const bindAttrs = computed<{ class: string; style: string }>(() => ({
   class: (attrs.class as string) || '',
   style: (attrs.style as string) || '',
 }))
+
+const loadIcon = async () => {
+  try {
+    const iconPath = import.meta.glob('@/assets/svg-icons/*.svg')
+    const iconModule = await iconPath[`/src/assets/svg-icons/${iconName.value}.svg`]()
+    const moduleDefault = iconModule as { default: string }
+    const response = await fetch(moduleDefault.default)
+    const content = await response.text()
+
+    if (isValidSvg(content))
+      iconContent.value = content
+    else
+      console.error(`Invalid SVG format for icon ${iconName.value}`)
+  }
+  catch (error) {
+    console.error(`Error loading icon ${iconName.value}:`, error)
+  }
+}
+
+function isValidSvg(content: string): boolean {
+  const parser = new DOMParser()
+  const doc = parser.parseFromString(content, 'image/svg+xml')
+  return doc.documentElement.tagName.toLowerCase() === 'svg'
+}
+
+function compatibleName(inputString: string): string {
+  // 使用正则表达式替换所有的冒号
+  const resultString = inputString.replace(/:/g, '-')
+  return resultString
+}
+
+onMounted(() => {
+  loadIcon()
+})
 </script>
 
 <template>
-  <Icon :icon="icon ?? ''" v-bind="bindAttrs" />
+  <div v-if="iconContent" v-bind="bindAttrs" v-html="iconContent" />
 </template>
diff --git a/src/components/common/SvgIconOnline/index.vue b/src/components/common/SvgIconOnline/index.vue
new file mode 100644
index 0000000..aa25da3
--- /dev/null
+++ b/src/components/common/SvgIconOnline/index.vue
@@ -0,0 +1,21 @@
+<script setup lang='ts'>
+import { computed, useAttrs } from 'vue'
+import { Icon } from '@iconify/vue'
+
+interface Props {
+  icon?: string
+}
+
+defineProps<Props>()
+
+const attrs = useAttrs()
+
+const bindAttrs = computed<{ class: string; style: string }>(() => ({
+  class: (attrs.class as string) || '',
+  style: (attrs.style as string) || '',
+}))
+</script>
+
+<template>
+  <Icon :icon="icon ?? ''" v-bind="bindAttrs" />
+</template>
diff --git a/src/components/common/index.ts b/src/components/common/index.ts
index 74c1398..bc53555 100644
--- a/src/components/common/index.ts
+++ b/src/components/common/index.ts
@@ -6,6 +6,7 @@ import Verification from './Verification/index.vue'
 import ItemIcon from './ItemIcon/index.vue'
 import NaiveProvider from './NaiveProvider/index.vue'
 import RoundCardModal from './RoundCardModal/index.vue'
+import SvgIconOnline from './SvgIconOnline/index.vue'
 
 export {
   Verification,
@@ -16,4 +17,5 @@ export {
   ItemIcon,
   NaiveProvider,
   RoundCardModal,
+  SvgIconOnline,
 }
diff --git a/src/views/home/components/Setting/tabs/ItemGroupManage.vue b/src/views/home/components/Setting/tabs/ItemGroupManage.vue
index 27309e1..3cfee7d 100644
--- a/src/views/home/components/Setting/tabs/ItemGroupManage.vue
+++ b/src/views/home/components/Setting/tabs/ItemGroupManage.vue
@@ -149,7 +149,7 @@ onMounted(() => {
             <div class="flex" :class="sortStatus ? 'cursor-move' : ''">
               <div class="flex items-center">
                 <span class="mr-[10px]">
-                  <SvgIcon class="text-[20px]" icon="material-symbols:ad-group-outline" />
+                  <SvgIcon class="text-[20px]" icon="material-symbols:ad-group-outline-rounded" />
                   <!-- <SvgIcon class="text-[20px]" :icon="item.icon" /> -->
                 </span>
                 <span>
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index 8d8641e..a09a0b9 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -468,7 +468,7 @@ function itemFrontEndSearch(keyword?: string) {
           title="当前:局域网模式，点击切换成互联网模式" @click="handleChangeNetwork(PanelStateNetworkModeEnum.wan)"
         >
           <template #icon>
-            <SvgIcon class="text-white font-xl" icon="material-symbols:lan-outline" />
+            <SvgIcon class="text-white font-xl" icon="material-symbols:lan-outline-rounded" />
           </template>
         </NButton>
 
@@ -495,7 +495,7 @@ function itemFrontEndSearch(keyword?: string) {
 
         <NButton v-if="authStore.visitMode === VisitMode.VISIT_MODE_PUBLIC" color="#2a2a2a6b" title="登录" @click="router.push('/login')">
           <template #icon>
-            <SvgIcon class="text-white font-xl" icon="mdi:user" />
+            <SvgIcon class="text-white font-xl" icon="material-symbols:account-circle" />
           </template>
         </NButton>
       </NButtonGroup>