[core] Remove createSvgIcon duplication

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 { createSvgIcon as default } from '@material-ui/core/utils';

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/utils';
 
 /**
  * @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/utils';
 
 /**
  * @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/utils';
 
 /**
  * @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/utils';
 
 /**
  * @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/utils';
 
 /**
  * @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/utils';
 
 /**
  * @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/utils';
 
 /**
  * @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/utils';
 
 /**
  * @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/utils';
 
 /**
  * @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/utils';
 
 /**
  * @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/utils';
 
 /**
  * @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/utils';
 
 /**
  * @ignore - internal component.

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 '../../utils/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 '../../utils/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 '../../utils/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 '../../utils/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 '../../utils/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 '../../utils/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 '../../utils/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 '../../utils/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 '../../utils/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 '../../utils/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 '../../utils/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 '../../utils/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 '../../utils/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 '../../utils/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 '../../utils/createSvgIcon';
 
 /**
  * @ignore - internal component.

packages/material-ui-lab/src/internal/svg-icons/createSvgIcon.js → packages/material-ui/src/utils/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/utils/index.js

@@ -1,12 +1,13 @@
 export { default as capitalize } from './capitalize';
 export { default as deprecatedPropType } from './deprecatedPropType';
 export { default as isMuiElement } from './isMuiElement';
+export { default as createSvgIcon } from './createSvgIcon';
 export { default as ownerDocument } from './ownerDocument';
 export { default as ownerWindow } from './ownerWindow';
 export { default as requirePropFactory } from './requirePropFactory';
 export { default as setRef } from './setRef';
 export { default as unsupportedProp } from './unsupportedProp';
+export { default as useControlled } from './useControlled';
 export { default as useEventCallback } from './useEventCallback';
 export { default as useForkRef } from './useForkRef';
-export { default as useControlled } from './useControlled';
 export { useIsFocusVisible } from './focusVisible';