diff --git a/packages/utils/src/create-icon.tsx b/packages/utils/src/create-icon.tsx
index a69a042ae..34c405147 100644
--- a/packages/utils/src/create-icon.tsx
+++ b/packages/utils/src/create-icon.tsx
@@ -2,6 +2,7 @@ import { isValidElement, ReactNode, createElement, cloneElement } from 'react';
 import { Icon } from '@alifd/next';
 import { IconType } from '@ali/lowcode-types';
 import { isReactComponent } from './is-react';
+import { isESModule } from './is-es-module';
 
 const URL_RE = /^(https?:)\/\//i;
 
@@ -9,6 +10,9 @@ export function createIcon(icon?: IconType | null, props?: Record<string, unknow
   if (!icon) {
     return null;
   }
+  if (isESModule(icon)) {
+    icon = icon.default;
+  }
   if (typeof icon === 'string') {
     if (URL_RE.test(icon)) {
       return <img src={icon} {...props} />;
diff --git a/packages/utils/src/is-es-module.ts b/packages/utils/src/is-es-module.ts
index 32839a38b..6a9d0fa9e 100644
--- a/packages/utils/src/is-es-module.ts
+++ b/packages/utils/src/is-es-module.ts
@@ -1,3 +1,7 @@
-export function isESModule(obj: any): obj is { [key: string]: any } {
+export type ESModule = {
+  __esModule: true;
+  default: any;
+};
+export function isESModule(obj: any): obj is ESModule {
   return obj && obj.__esModule;
 }