diff --git a/src/icon/_example/Enhanced.tsx b/src/icon/_example/Enhanced.tsx
index af43d03db..5163581b0 100644
--- a/src/icon/_example/Enhanced.tsx
+++ b/src/icon/_example/Enhanced.tsx
@@ -1,7 +1,7 @@
 import React from 'react';
-import { Icon } from 'tdesign-icons-react';
+import { Icon, IconProps } from 'tdesign-icons-react';
 
-const CustomUrlIcon = ({ name, size, style }) => (
+const CustomUrlIcon = ({ name, size, style }: Partial<Pick<IconProps, 'name' | 'size' | 'style'>>) => (
   <Icon name={name} size={size} style={style} url="https://tdesign.gtimg.com/icon/default-demo/index.js" />
 );
 
diff --git a/src/icon/_example/IconFontEnhanced.tsx b/src/icon/_example/IconFontEnhanced.tsx
index 7a261bcef..208e2485b 100644
--- a/src/icon/_example/IconFontEnhanced.tsx
+++ b/src/icon/_example/IconFontEnhanced.tsx
@@ -1,7 +1,7 @@
 import React from 'react';
-import { IconFont } from 'tdesign-icons-react';
+import { IconFont, IconProps } from 'tdesign-icons-react';
 
-const CustomUrlIconFont = ({ name, size, style }) => (
+const CustomUrlIconFont = ({ name, size, style }: Partial<Pick<IconProps, 'name' | 'size' | 'style'>>) => (
   <IconFont name={name} size={size} style={style} url="https://tdesign.gtimg.com/icon/default-demo/index.css" />
 );