From c2ec990c35879ef6f69014708345f4705d3fd09c Mon Sep 17 00:00:00 2001
From: pengzhanbo <volodymyr@foxmail.com>
Date: Wed, 18 Sep 2024 19:49:24 +0800
Subject: [PATCH] fix(theme): incorrect render remote iconify icon (#190)

---
 theme/src/client/components/VPIconify.vue | 6 ------
 theme/src/client/styles/icons.css         | 4 ++++
 2 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/theme/src/client/components/VPIconify.vue b/theme/src/client/components/VPIconify.vue
index 59403438..dcad105e 100644
--- a/theme/src/client/components/VPIconify.vue
+++ b/theme/src/client/components/VPIconify.vue
@@ -66,9 +66,3 @@ const bind = computed<any>(() => ({
     />
   </ClientOnly>
 </template>
-
-<style>
-.vp-icon.iconify {
-  background-color: unset;
-}
-</style>
diff --git a/theme/src/client/styles/icons.css b/theme/src/client/styles/icons.css
index 97dcdf79..b7ec34a2 100644
--- a/theme/src/client/styles/icons.css
+++ b/theme/src/client/styles/icons.css
@@ -27,6 +27,10 @@
   mask-size: 100% 100%;
 }
 
+.vp-icon.iconify {
+  background-color: unset;
+}
+
 /* internal icons - used under ISC from https://lucide.dev/ */
 .vpi-align-left {
   --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M21 6H3M15 12H3M17 18H3'/%3E%3C/svg%3E");