diff --git a/components/icon/__tests__/__snapshots__/index.test.js.snap b/components/icon/__tests__/__snapshots__/index.test.js.snap
index 0b2c70850d..8036fa6df7 100644
--- a/components/icon/__tests__/__snapshots__/index.test.js.snap
+++ b/components/icon/__tests__/__snapshots__/index.test.js.snap
@@ -26,6 +26,13 @@ exports[`Icon \`component\` prop can access to svg defs if has children 1`] = `
         />
       </linearGradient>
     </defs>
+    <title>
+      Cool Home
+    </title>
+    <path
+      d="'M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z'"
+      fill="scriptUrl(#gradient)"
+    />
   </svg>
 </i>
 `;
diff --git a/components/icon/index.tsx b/components/icon/index.tsx
index a06fafbea7..13ebff8f28 100755
--- a/components/icon/index.tsx
+++ b/components/icon/index.tsx
@@ -149,7 +149,7 @@ const Icon: IconComponent<IconProps> = props => {
   const renderInnerNode = () => {
     // component > children > type
     if (Component) {
-      return <Component {...innerSvgProps} />;
+      return <Component {...innerSvgProps}>{children}</Component>;
     }
 
     if (children) {