fix(plugin-icon): fix iconfont style

vuepress · Jan 9, 2025 · f1e0fe8 · f1e0fe8
1 parent 6c4332f
commit f1e0fe8
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/plugins/features/plugin-icon/src/client/components/VPIcon.ts b/plugins/features/plugin-icon/src/client/components/VPIcon.ts
@@ -137,7 +137,7 @@ export const VPIcon = defineComponent({
         })
       }
 
-      return h('span', {
+      return h('i', {
         key: icon,
         class: [
           'vp-icon',

diff --git a/plugins/features/plugin-icon/src/client/styles/vp-icon.scss b/plugins/features/plugin-icon/src/client/styles/vp-icon.scss
@@ -3,6 +3,11 @@
   width: 1em;
   height: 1em;
 
+  &:is(i) {
+    font-size: 1em;
+    line-height: 1;
+  }
+
   &:not(iconify-icon, i) {
     vertical-align: -0.125em;
   }