diff --git a/src/layout/components/sidebar/SideMenu.vue b/src/layout/components/sidebar/SideMenu.vue
index b37436b..0268aee 100644
--- a/src/layout/components/sidebar/SideMenu.vue
+++ b/src/layout/components/sidebar/SideMenu.vue
@@ -12,14 +12,14 @@
 
 <script setup>
 import { useRouter } from 'vue-router'
-import { computed, h } from 'vue'
+import { computed } from 'vue'
 import { usePermissionStore } from '@/store/modules/permission'
 
-import { NIcon } from 'naive-ui'
 import { IconCircle, IconMenu } from '@/components/AppIcons'
 
 import { isExternal } from '@/utils/is'
 import { useAppStore } from '@/store/modules/app'
+import { renderIcon } from '@/utils/icon'
 
 const router = useRouter()
 const permissionStore = usePermissionStore()
@@ -41,10 +41,6 @@ function resolvePath(basePath, path) {
   )
 }
 
-function renderIcon(icon, props = { size: 12 }) {
-  return () => h(NIcon, { ...props }, { default: () => h(icon) })
-}
-
 function isSingleRoute(route) {
   let isSingle = true
   let curRoute = route