[core] Remove createSvgIcon duplication

packages/material-ui-icons/src/utils/createSvgIcon.d.ts

@@ -1,5 +1,2 @@
-import SvgIcon from '@material-ui/core/SvgIcon';
-
-declare function createSvgIcon(path: React.ReactNode, displayName: string): typeof SvgIcon;
-
-export default createSvgIcon;
+export { default } from '@material-ui/core/createSvgIcon';
+export * from '@material-ui/core/createSvgIcon';

packages/material-ui-icons/src/utils/createSvgIcon.js

@@ -1,20 +1 @@
-import React from 'react';
-import SvgIcon from '@material-ui/core/SvgIcon';
-
-export default function createSvgIcon(path, displayName) {
-  const Component = React.memo(
-    React.forwardRef((props, ref) => (
-      <SvgIcon data-mui-test={`${displayName}Icon`} ref={ref} {...props}>
-        {path}
-      </SvgIcon>
-    )),
-  );
-
-  if (process.env.NODE_ENV !== 'production') {
-    Component.displayName = `${displayName}Icon`;
-  }
-
-  Component.muiName = SvgIcon.muiName;
-
-  return Component;
-}
+export { default } from '@material-ui/core/createSvgIcon';

packages/material-ui-lab/src/internal/svg-icons/Add.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import createSvgIcon from './createSvgIcon';
+import createSvgIcon from '@material-ui/core/createSvgIcon';
 
 /**
  * @ignore - internal component.

packages/material-ui-lab/src/internal/svg-icons/ArrowDropDown.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import createSvgIcon from './createSvgIcon';
+import createSvgIcon from '@material-ui/core/createSvgIcon';
 
 /**
  * @ignore - internal component.

packages/material-ui-lab/src/internal/svg-icons/Close.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import createSvgIcon from './createSvgIcon';
+import createSvgIcon from '@material-ui/core/createSvgIcon';
 
 /**
  * @ignore - internal component.

packages/material-ui-lab/src/internal/svg-icons/ErrorOutline.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import createSvgIcon from './createSvgIcon';
+import createSvgIcon from '@material-ui/core/createSvgIcon';
 
 /**
  * @ignore - internal component.

packages/material-ui-lab/src/internal/svg-icons/FirstPage.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import createSvgIcon from './createSvgIcon';
+import createSvgIcon from '@material-ui/core/createSvgIcon';
 
 /**
  * @ignore - internal component.

packages/material-ui-lab/src/internal/svg-icons/InfoOutlined.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import createSvgIcon from './createSvgIcon';
+import createSvgIcon from '@material-ui/core/createSvgIcon';
 
 /**
  * @ignore - internal component.

packages/material-ui-lab/src/internal/svg-icons/LastPage.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import createSvgIcon from './createSvgIcon';
+import createSvgIcon from '@material-ui/core/createSvgIcon';
 
 /**
  * @ignore - internal component.

packages/material-ui-lab/src/internal/svg-icons/NavigateBefore.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import createSvgIcon from './createSvgIcon';
+import createSvgIcon from '@material-ui/core/createSvgIcon';
 
 /**
  * @ignore - internal component.

packages/material-ui-lab/src/internal/svg-icons/NavigateNext.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import createSvgIcon from './createSvgIcon';
+import createSvgIcon from '@material-ui/core/createSvgIcon';
 
 /**
  * @ignore - internal component.

packages/material-ui-lab/src/internal/svg-icons/ReportProblemOutlined.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import createSvgIcon from './createSvgIcon';
+import createSvgIcon from '@material-ui/core/createSvgIcon';
 
 /**
  * @ignore - internal component.

packages/material-ui-lab/src/internal/svg-icons/Star.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import createSvgIcon from './createSvgIcon';
+import createSvgIcon from '@material-ui/core/createSvgIcon';
 
 /**
  * @ignore - internal component.

packages/material-ui-lab/src/internal/svg-icons/SuccessOutlined.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import createSvgIcon from './createSvgIcon';
+import createSvgIcon from '@material-ui/core/createSvgIcon';
 
 /**
  * @ignore - internal component.

packages/material-ui/src/createSvgIcon/createSvgIcon.d.ts

@@ -0,0 +1,5 @@
+import SvgIcon from '@material-ui/core/SvgIcon';
+
+declare function createSvgIcon(path: React.ReactNode, displayName: string): typeof SvgIcon;
+
+export default createSvgIcon;

packages/material-ui-lab/src/internal/svg-icons/createSvgIcon.js → packages/material-ui/src/createSvgIcon/createSvgIcon.js

@@ -1,6 +1,9 @@
-import * as React from 'react';
-import SvgIcon from '@material-ui/core/SvgIcon';
+import React from 'react';
+import SvgIcon from '../SvgIcon';
 
+/**
+ * Private module reserved for @material-ui/x packages.
+ */
 export default function createSvgIcon(path, displayName) {
   const Component = React.memo(
     React.forwardRef((props, ref) => (

packages/material-ui/src/createSvgIcon/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './createSvgIcon';
+export * from './createSvgIcon';

packages/material-ui/src/createSvgIcon/index.js

@@ -0,0 +1 @@
+export { default } from './createSvgIcon';

packages/material-ui/src/internal/svg-icons/ArrowDownward.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import createSvgIcon from './createSvgIcon';
+import createSvgIcon from '../../createSvgIcon';
 
 /**
  * @ignore - internal component.

packages/material-ui/src/internal/svg-icons/ArrowDropDown.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import createSvgIcon from './createSvgIcon';
+import createSvgIcon from '../../createSvgIcon';
 
 /**
  * @ignore - internal component.

packages/material-ui/src/internal/svg-icons/Cancel.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import createSvgIcon from './createSvgIcon';
+import createSvgIcon from '../../createSvgIcon';
 
 /**
  * @ignore - internal component.

packages/material-ui/src/internal/svg-icons/CheckBox.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import createSvgIcon from './createSvgIcon';
+import createSvgIcon from '../../createSvgIcon';
 
 /**
  * @ignore - internal component.

packages/material-ui/src/internal/svg-icons/CheckBoxOutlineBlank.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import createSvgIcon from './createSvgIcon';
+import createSvgIcon from '../../createSvgIcon';
 
 /**
  * @ignore - internal component.

packages/material-ui/src/internal/svg-icons/CheckCircle.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import createSvgIcon from './createSvgIcon';
+import createSvgIcon from '../../createSvgIcon';
 
 /**
  * @ignore - internal component.

packages/material-ui/src/internal/svg-icons/Close.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import createSvgIcon from './createSvgIcon';
+import createSvgIcon from '../../createSvgIcon';
 
 /**
  * @ignore - internal component.

packages/material-ui/src/internal/svg-icons/IndeterminateCheckBox.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import createSvgIcon from './createSvgIcon';
+import createSvgIcon from '../../createSvgIcon';
 
 /**
  * @ignore - internal component.

packages/material-ui/src/internal/svg-icons/KeyboardArrowLeft.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import createSvgIcon from './createSvgIcon';
+import createSvgIcon from '../../createSvgIcon';
 
 /**
  * @ignore - internal component.

packages/material-ui/src/internal/svg-icons/KeyboardArrowRight.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import createSvgIcon from './createSvgIcon';
+import createSvgIcon from '../../createSvgIcon';
 
 /**
  * @ignore - internal component.

packages/material-ui/src/internal/svg-icons/MoreHoriz.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import createSvgIcon from './createSvgIcon';
+import createSvgIcon from '../../createSvgIcon';
 
 /**
  * @ignore - internal component.

packages/material-ui/src/internal/svg-icons/Person.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import createSvgIcon from './createSvgIcon';
+import createSvgIcon from '../../createSvgIcon';
 
 /**
  * @ignore - internal component.

packages/material-ui/src/internal/svg-icons/RadioButtonChecked.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import createSvgIcon from './createSvgIcon';
+import createSvgIcon from '../../createSvgIcon';
 
 /**
  * @ignore - internal component.

packages/material-ui/src/internal/svg-icons/RadioButtonUnchecked.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import createSvgIcon from './createSvgIcon';
+import createSvgIcon from '../../createSvgIcon';
 
 /**
  * @ignore - internal component.

packages/material-ui/src/internal/svg-icons/Warning.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import createSvgIcon from './createSvgIcon';
+import createSvgIcon from '../../createSvgIcon';
 
 /**
  * @ignore - internal component.