From 80e8cb9221384860aad0083c893c9faaf6a66d92 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bart=C5=82omiej=20Wiaduch?= <2can@users.noreply.github.com>
Date: Fri, 18 Feb 2022 10:27:55 +0100
Subject: [PATCH] Refactor createSvgIcon import for icons (#1694)

It fixes ts declarations resolution
---
 src/icons/AccountCircle.tsx          | 2 +-
 src/icons/ArrowDropdown.tsx          | 2 +-
 src/icons/ArrowSort.tsx              | 2 +-
 src/icons/Attributes.tsx             | 2 +-
 src/icons/Ballot.tsx                 | 2 +-
 src/icons/BoldIcon.tsx               | 2 +-
 src/icons/Bot.tsx                    | 2 +-
 src/icons/Calendar.tsx               | 2 +-
 src/icons/Channels.tsx               | 2 +-
 src/icons/Checkbox.tsx               | 2 +-
 src/icons/CheckboxChecked.tsx        | 2 +-
 src/icons/CheckboxIndeterminate.tsx  | 2 +-
 src/icons/CheckboxSemiChecked.tsx    | 2 +-
 src/icons/ChevronUp.tsx              | 2 +-
 src/icons/Draggable.tsx              | 2 +-
 src/icons/ErrorExclamationCircle.tsx | 2 +-
 src/icons/Folder.tsx                 | 2 +-
 src/icons/HeaderOne.tsx              | 2 +-
 src/icons/HeaderThree.tsx            | 2 +-
 src/icons/HeaderTwo.tsx              | 2 +-
 src/icons/Home.tsx                   | 2 +-
 src/icons/Image.tsx                  | 2 +-
 src/icons/ItalicIcon.tsx             | 2 +-
 src/icons/LinkIcon.tsx               | 2 +-
 src/icons/LocalShipping.tsx          | 2 +-
 src/icons/Monetization.tsx           | 2 +-
 src/icons/Moon.tsx                   | 2 +-
 src/icons/Navigation.tsx             | 2 +-
 src/icons/NoPhoto.tsx                | 2 +-
 src/icons/OrderedListIcon.tsx        | 2 +-
 src/icons/Orders.tsx                 | 2 +-
 src/icons/PageTypes.tsx              | 2 +-
 src/icons/Pages.tsx                  | 2 +-
 src/icons/PermissionGroups.tsx       | 2 +-
 src/icons/Plugins.tsx                | 2 +-
 src/icons/ProductTypes.tsx           | 2 +-
 src/icons/QuotationIcon.tsx          | 2 +-
 src/icons/Sales.tsx                  | 2 +-
 src/icons/ShippingMethods.tsx        | 2 +-
 src/icons/Shop.tsx                   | 2 +-
 src/icons/SiteSettings.tsx           | 2 +-
 src/icons/StaffMembers.tsx           | 2 +-
 src/icons/StoreMall.tsx              | 2 +-
 src/icons/Sun.tsx                    | 2 +-
 src/icons/Taxes.tsx                  | 2 +-
 src/icons/Trash.tsx                  | 2 +-
 src/icons/Truck.tsx                  | 2 +-
 src/icons/UnorderedListIcon.tsx      | 2 +-
 src/icons/Unstyled.tsx               | 2 +-
 src/icons/Warehouses.tsx             | 2 +-
 src/icons/Webhooks.tsx               | 2 +-
 51 files changed, 51 insertions(+), 51 deletions(-)

diff --git a/src/icons/AccountCircle.tsx b/src/icons/AccountCircle.tsx
index f7c28d096..6e61fd5f5 100644
--- a/src/icons/AccountCircle.tsx
+++ b/src/icons/AccountCircle.tsx
@@ -1,4 +1,4 @@
-import createSvgIcon from "@material-ui/icons/utils/createSvgIcon";
+import { createSvgIcon } from "@material-ui/core/utils";
 import React from "react";
 
 const AccountCircle = createSvgIcon(
diff --git a/src/icons/ArrowDropdown.tsx b/src/icons/ArrowDropdown.tsx
index 472d8fc0e..5ab888a66 100644
--- a/src/icons/ArrowDropdown.tsx
+++ b/src/icons/ArrowDropdown.tsx
@@ -1,4 +1,4 @@
-import createSvgIcon from "@material-ui/icons/utils/createSvgIcon";
+import { createSvgIcon } from "@material-ui/core/utils";
 import React from "react";
 
 const ArrowDropdown = createSvgIcon(
diff --git a/src/icons/ArrowSort.tsx b/src/icons/ArrowSort.tsx
index 071b7ade9..2a424f531 100644
--- a/src/icons/ArrowSort.tsx
+++ b/src/icons/ArrowSort.tsx
@@ -1,4 +1,4 @@
-import createSvgIcon from "@material-ui/icons/utils/createSvgIcon";
+import { createSvgIcon } from "@material-ui/core/utils";
 import React from "react";
 
 const ArrowSort = createSvgIcon(
diff --git a/src/icons/Attributes.tsx b/src/icons/Attributes.tsx
index bd222e257..81a3633d2 100644
--- a/src/icons/Attributes.tsx
+++ b/src/icons/Attributes.tsx
@@ -1,4 +1,4 @@
-import createSvgIcon from "@material-ui/icons/utils/createSvgIcon";
+import { createSvgIcon } from "@material-ui/core/utils";
 import React from "react";
 
 const Attributes = createSvgIcon(
diff --git a/src/icons/Ballot.tsx b/src/icons/Ballot.tsx
index 1862e633b..f8459a080 100644
--- a/src/icons/Ballot.tsx
+++ b/src/icons/Ballot.tsx
@@ -1,4 +1,4 @@
-import createSvgIcon from "@material-ui/icons/utils/createSvgIcon";
+import { createSvgIcon } from "@material-ui/core/utils";
 import React from "react";
 
 const Ballot = createSvgIcon(
diff --git a/src/icons/BoldIcon.tsx b/src/icons/BoldIcon.tsx
index 85724be5a..d2e905a32 100644
--- a/src/icons/BoldIcon.tsx
+++ b/src/icons/BoldIcon.tsx
@@ -1,4 +1,4 @@
-import createSvgIcon from "@material-ui/icons/utils/createSvgIcon";
+import { createSvgIcon } from "@material-ui/core/utils";
 import React from "react";
 
 const BoldIcon = createSvgIcon(
diff --git a/src/icons/Bot.tsx b/src/icons/Bot.tsx
index 600357d5f..99eb38d5c 100644
--- a/src/icons/Bot.tsx
+++ b/src/icons/Bot.tsx
@@ -1,4 +1,4 @@
-import createSvgIcon from "@material-ui/icons/utils/createSvgIcon";
+import { createSvgIcon } from "@material-ui/core/utils";
 import React from "react";
 
 const Bot = createSvgIcon(
diff --git a/src/icons/Calendar.tsx b/src/icons/Calendar.tsx
index abbf8ca86..dca2fced6 100644
--- a/src/icons/Calendar.tsx
+++ b/src/icons/Calendar.tsx
@@ -1,4 +1,4 @@
-import createSvgIcon from "@material-ui/icons/utils/createSvgIcon";
+import { createSvgIcon } from "@material-ui/core/utils";
 import React from "react";
 
 export const Calendar = createSvgIcon(
diff --git a/src/icons/Channels.tsx b/src/icons/Channels.tsx
index 0b3f11b2c..ce815f854 100644
--- a/src/icons/Channels.tsx
+++ b/src/icons/Channels.tsx
@@ -1,4 +1,4 @@
-import createSvgIcon from "@material-ui/icons/utils/createSvgIcon";
+import { createSvgIcon } from "@material-ui/core/utils";
 import React from "react";
 
 const Channels = createSvgIcon(
diff --git a/src/icons/Checkbox.tsx b/src/icons/Checkbox.tsx
index 174c99378..d70977123 100644
--- a/src/icons/Checkbox.tsx
+++ b/src/icons/Checkbox.tsx
@@ -1,4 +1,4 @@
-import createSvgIcon from "@material-ui/icons/utils/createSvgIcon";
+import { createSvgIcon } from "@material-ui/core/utils";
 import React from "react";
 
 const Checkbox = createSvgIcon(
diff --git a/src/icons/CheckboxChecked.tsx b/src/icons/CheckboxChecked.tsx
index 63170dac3..273b14a9e 100644
--- a/src/icons/CheckboxChecked.tsx
+++ b/src/icons/CheckboxChecked.tsx
@@ -1,4 +1,4 @@
-import createSvgIcon from "@material-ui/icons/utils/createSvgIcon";
+import { createSvgIcon } from "@material-ui/core/utils";
 import React from "react";
 
 const CheckboxChecked = createSvgIcon(
diff --git a/src/icons/CheckboxIndeterminate.tsx b/src/icons/CheckboxIndeterminate.tsx
index 8079e9b24..4cd8f8b99 100644
--- a/src/icons/CheckboxIndeterminate.tsx
+++ b/src/icons/CheckboxIndeterminate.tsx
@@ -1,4 +1,4 @@
-import createSvgIcon from "@material-ui/icons/utils/createSvgIcon";
+import { createSvgIcon } from "@material-ui/core/utils";
 import React from "react";
 
 const CheckboxIndeterminate = createSvgIcon(
diff --git a/src/icons/CheckboxSemiChecked.tsx b/src/icons/CheckboxSemiChecked.tsx
index 30a8d336e..e90565604 100644
--- a/src/icons/CheckboxSemiChecked.tsx
+++ b/src/icons/CheckboxSemiChecked.tsx
@@ -1,4 +1,4 @@
-import createSvgIcon from "@material-ui/icons/utils/createSvgIcon";
+import { createSvgIcon } from "@material-ui/core/utils";
 import React from "react";
 
 const CheckboxSemiChecked = createSvgIcon(
diff --git a/src/icons/ChevronUp.tsx b/src/icons/ChevronUp.tsx
index 39d51dc04..04d45fb5f 100644
--- a/src/icons/ChevronUp.tsx
+++ b/src/icons/ChevronUp.tsx
@@ -1,4 +1,4 @@
-import createSvgIcon from "@material-ui/icons/utils/createSvgIcon";
+import { createSvgIcon } from "@material-ui/core/utils";
 import React from "react";
 
 const ChevronUp = createSvgIcon(
diff --git a/src/icons/Draggable.tsx b/src/icons/Draggable.tsx
index 1c05d4ec1..181bd6f07 100644
--- a/src/icons/Draggable.tsx
+++ b/src/icons/Draggable.tsx
@@ -1,4 +1,4 @@
-import createSvgIcon from "@material-ui/icons/utils/createSvgIcon";
+import { createSvgIcon } from "@material-ui/core/utils";
 import React from "react";
 
 const Draggable = createSvgIcon(
diff --git a/src/icons/ErrorExclamationCircle.tsx b/src/icons/ErrorExclamationCircle.tsx
index bfda916c5..59deb98ba 100644
--- a/src/icons/ErrorExclamationCircle.tsx
+++ b/src/icons/ErrorExclamationCircle.tsx
@@ -1,4 +1,4 @@
-import createSvgIcon from "@material-ui/icons/utils/createSvgIcon";
+import { createSvgIcon } from "@material-ui/core/utils";
 import React from "react";
 
 const ErrorExclamationCircle = createSvgIcon(
diff --git a/src/icons/Folder.tsx b/src/icons/Folder.tsx
index b3bc4e67a..62b12d560 100644
--- a/src/icons/Folder.tsx
+++ b/src/icons/Folder.tsx
@@ -1,4 +1,4 @@
-import createSvgIcon from "@material-ui/icons/utils/createSvgIcon";
+import { createSvgIcon } from "@material-ui/core/utils";
 import React from "react";
 
 const Folder = createSvgIcon(
diff --git a/src/icons/HeaderOne.tsx b/src/icons/HeaderOne.tsx
index ade1cc046..43c830c72 100644
--- a/src/icons/HeaderOne.tsx
+++ b/src/icons/HeaderOne.tsx
@@ -1,4 +1,4 @@
-import createSvgIcon from "@material-ui/icons/utils/createSvgIcon";
+import { createSvgIcon } from "@material-ui/core/utils";
 import React from "react";
 
 const HeaderOne = createSvgIcon(
diff --git a/src/icons/HeaderThree.tsx b/src/icons/HeaderThree.tsx
index 384da7c14..20b15f988 100644
--- a/src/icons/HeaderThree.tsx
+++ b/src/icons/HeaderThree.tsx
@@ -1,4 +1,4 @@
-import createSvgIcon from "@material-ui/icons/utils/createSvgIcon";
+import { createSvgIcon } from "@material-ui/core/utils";
 import React from "react";
 
 const HeaderThree = createSvgIcon(
diff --git a/src/icons/HeaderTwo.tsx b/src/icons/HeaderTwo.tsx
index e2bb6f5f4..8da90be55 100644
--- a/src/icons/HeaderTwo.tsx
+++ b/src/icons/HeaderTwo.tsx
@@ -1,4 +1,4 @@
-import createSvgIcon from "@material-ui/icons/utils/createSvgIcon";
+import { createSvgIcon } from "@material-ui/core/utils";
 import React from "react";
 
 const HeaderTwo = createSvgIcon(
diff --git a/src/icons/Home.tsx b/src/icons/Home.tsx
index f29b58519..9bb63064e 100644
--- a/src/icons/Home.tsx
+++ b/src/icons/Home.tsx
@@ -1,4 +1,4 @@
-import createSvgIcon from "@material-ui/icons/utils/createSvgIcon";
+import { createSvgIcon } from "@material-ui/core/utils";
 import React from "react";
 
 const Home = createSvgIcon(
diff --git a/src/icons/Image.tsx b/src/icons/Image.tsx
index 77589b375..d4172930b 100644
--- a/src/icons/Image.tsx
+++ b/src/icons/Image.tsx
@@ -1,4 +1,4 @@
-import createSvgIcon from "@material-ui/icons/utils/createSvgIcon";
+import { createSvgIcon } from "@material-ui/core/utils";
 import React from "react";
 
 const Image = createSvgIcon(
diff --git a/src/icons/ItalicIcon.tsx b/src/icons/ItalicIcon.tsx
index a6824e219..93eec7a9b 100644
--- a/src/icons/ItalicIcon.tsx
+++ b/src/icons/ItalicIcon.tsx
@@ -1,4 +1,4 @@
-import createSvgIcon from "@material-ui/icons/utils/createSvgIcon";
+import { createSvgIcon } from "@material-ui/core/utils";
 import React from "react";
 
 const ItalicIcon = createSvgIcon(
diff --git a/src/icons/LinkIcon.tsx b/src/icons/LinkIcon.tsx
index a45434eba..bec755568 100644
--- a/src/icons/LinkIcon.tsx
+++ b/src/icons/LinkIcon.tsx
@@ -1,4 +1,4 @@
-import createSvgIcon from "@material-ui/icons/utils/createSvgIcon";
+import { createSvgIcon } from "@material-ui/core/utils";
 import React from "react";
 
 const LinkIcon = createSvgIcon(
diff --git a/src/icons/LocalShipping.tsx b/src/icons/LocalShipping.tsx
index 958c65c69..f82297874 100644
--- a/src/icons/LocalShipping.tsx
+++ b/src/icons/LocalShipping.tsx
@@ -1,4 +1,4 @@
-import createSvgIcon from "@material-ui/icons/utils/createSvgIcon";
+import { createSvgIcon } from "@material-ui/core/utils";
 import React from "react";
 
 const LocalShipping = createSvgIcon(
diff --git a/src/icons/Monetization.tsx b/src/icons/Monetization.tsx
index 5e3c48dd7..81e6587be 100644
--- a/src/icons/Monetization.tsx
+++ b/src/icons/Monetization.tsx
@@ -1,4 +1,4 @@
-import createSvgIcon from "@material-ui/icons/utils/createSvgIcon";
+import { createSvgIcon } from "@material-ui/core/utils";
 import React from "react";
 
 const Monetization = createSvgIcon(
diff --git a/src/icons/Moon.tsx b/src/icons/Moon.tsx
index 9d666f0ea..02756b4bc 100644
--- a/src/icons/Moon.tsx
+++ b/src/icons/Moon.tsx
@@ -1,4 +1,4 @@
-import createSvgIcon from "@material-ui/icons/utils/createSvgIcon";
+import { createSvgIcon } from "@material-ui/core/utils";
 import React from "react";
 
 const Moon = createSvgIcon(
diff --git a/src/icons/Navigation.tsx b/src/icons/Navigation.tsx
index 3571af2d2..3bdfbebd6 100644
--- a/src/icons/Navigation.tsx
+++ b/src/icons/Navigation.tsx
@@ -1,4 +1,4 @@
-import createSvgIcon from "@material-ui/icons/utils/createSvgIcon";
+import { createSvgIcon } from "@material-ui/core/utils";
 import React from "react";
 
 const Navigation = createSvgIcon(
diff --git a/src/icons/NoPhoto.tsx b/src/icons/NoPhoto.tsx
index 95b206819..5948368d5 100644
--- a/src/icons/NoPhoto.tsx
+++ b/src/icons/NoPhoto.tsx
@@ -1,4 +1,4 @@
-import createSvgIcon from "@material-ui/icons/utils/createSvgIcon";
+import { createSvgIcon } from "@material-ui/core/utils";
 import React from "react";
 
 const NoPhoto = createSvgIcon(
diff --git a/src/icons/OrderedListIcon.tsx b/src/icons/OrderedListIcon.tsx
index c43e0d490..5bd973a85 100644
--- a/src/icons/OrderedListIcon.tsx
+++ b/src/icons/OrderedListIcon.tsx
@@ -1,4 +1,4 @@
-import createSvgIcon from "@material-ui/icons/utils/createSvgIcon";
+import { createSvgIcon } from "@material-ui/core/utils";
 import React from "react";
 
 const OrderedListIcon = createSvgIcon(
diff --git a/src/icons/Orders.tsx b/src/icons/Orders.tsx
index 25d00004d..c68a81a9e 100644
--- a/src/icons/Orders.tsx
+++ b/src/icons/Orders.tsx
@@ -1,4 +1,4 @@
-import createSvgIcon from "@material-ui/icons/utils/createSvgIcon";
+import { createSvgIcon } from "@material-ui/core/utils";
 import React from "react";
 
 const Orders = createSvgIcon(
diff --git a/src/icons/PageTypes.tsx b/src/icons/PageTypes.tsx
index eb8120605..bae4a1d54 100644
--- a/src/icons/PageTypes.tsx
+++ b/src/icons/PageTypes.tsx
@@ -1,4 +1,4 @@
-import createSvgIcon from "@material-ui/icons/utils/createSvgIcon";
+import { createSvgIcon } from "@material-ui/core/utils";
 import React from "react";
 
 const PageTypes = createSvgIcon(
diff --git a/src/icons/Pages.tsx b/src/icons/Pages.tsx
index 6a96abd96..97517da40 100644
--- a/src/icons/Pages.tsx
+++ b/src/icons/Pages.tsx
@@ -1,4 +1,4 @@
-import createSvgIcon from "@material-ui/icons/utils/createSvgIcon";
+import { createSvgIcon } from "@material-ui/core/utils";
 import React from "react";
 
 const Pages = createSvgIcon(
diff --git a/src/icons/PermissionGroups.tsx b/src/icons/PermissionGroups.tsx
index ed76ee326..a41dd7cd8 100644
--- a/src/icons/PermissionGroups.tsx
+++ b/src/icons/PermissionGroups.tsx
@@ -1,4 +1,4 @@
-import createSvgIcon from "@material-ui/icons/utils/createSvgIcon";
+import { createSvgIcon } from "@material-ui/core/utils";
 import React from "react";
 
 const PermissionGroups = createSvgIcon(
diff --git a/src/icons/Plugins.tsx b/src/icons/Plugins.tsx
index ce10a9cd8..6eede27d1 100644
--- a/src/icons/Plugins.tsx
+++ b/src/icons/Plugins.tsx
@@ -1,4 +1,4 @@
-import createSvgIcon from "@material-ui/icons/utils/createSvgIcon";
+import { createSvgIcon } from "@material-ui/core/utils";
 import React from "react";
 
 const Plugins = createSvgIcon(
diff --git a/src/icons/ProductTypes.tsx b/src/icons/ProductTypes.tsx
index 9a3a5b803..69bab989d 100644
--- a/src/icons/ProductTypes.tsx
+++ b/src/icons/ProductTypes.tsx
@@ -1,4 +1,4 @@
-import createSvgIcon from "@material-ui/icons/utils/createSvgIcon";
+import { createSvgIcon } from "@material-ui/core/utils";
 import React from "react";
 
 const ProductTypes = createSvgIcon(
diff --git a/src/icons/QuotationIcon.tsx b/src/icons/QuotationIcon.tsx
index 07849cd2f..cf2559bac 100644
--- a/src/icons/QuotationIcon.tsx
+++ b/src/icons/QuotationIcon.tsx
@@ -1,4 +1,4 @@
-import createSvgIcon from "@material-ui/icons/utils/createSvgIcon";
+import { createSvgIcon } from "@material-ui/core/utils";
 import React from "react";
 
 const QuotationIcon = createSvgIcon(
diff --git a/src/icons/Sales.tsx b/src/icons/Sales.tsx
index f78f0c361..deda25364 100644
--- a/src/icons/Sales.tsx
+++ b/src/icons/Sales.tsx
@@ -1,4 +1,4 @@
-import createSvgIcon from "@material-ui/icons/utils/createSvgIcon";
+import { createSvgIcon } from "@material-ui/core/utils";
 import React from "react";
 
 const Sales = createSvgIcon(
diff --git a/src/icons/ShippingMethods.tsx b/src/icons/ShippingMethods.tsx
index f9cae52f0..8fe116fdb 100644
--- a/src/icons/ShippingMethods.tsx
+++ b/src/icons/ShippingMethods.tsx
@@ -1,4 +1,4 @@
-import createSvgIcon from "@material-ui/icons/utils/createSvgIcon";
+import { createSvgIcon } from "@material-ui/core/utils";
 import React from "react";
 
 const ShippingMethods = createSvgIcon(
diff --git a/src/icons/Shop.tsx b/src/icons/Shop.tsx
index 6429405c0..8e3cdf021 100644
--- a/src/icons/Shop.tsx
+++ b/src/icons/Shop.tsx
@@ -1,4 +1,4 @@
-import createSvgIcon from "@material-ui/icons/utils/createSvgIcon";
+import { createSvgIcon } from "@material-ui/core/utils";
 import React from "react";
 
 const Shop = createSvgIcon(
diff --git a/src/icons/SiteSettings.tsx b/src/icons/SiteSettings.tsx
index 4dd1d31a5..ecd7d8e6a 100644
--- a/src/icons/SiteSettings.tsx
+++ b/src/icons/SiteSettings.tsx
@@ -1,4 +1,4 @@
-import createSvgIcon from "@material-ui/icons/utils/createSvgIcon";
+import { createSvgIcon } from "@material-ui/core/utils";
 import React from "react";
 
 const SiteSettings = createSvgIcon(
diff --git a/src/icons/StaffMembers.tsx b/src/icons/StaffMembers.tsx
index 4f9200798..1520535a9 100644
--- a/src/icons/StaffMembers.tsx
+++ b/src/icons/StaffMembers.tsx
@@ -1,4 +1,4 @@
-import createSvgIcon from "@material-ui/icons/utils/createSvgIcon";
+import { createSvgIcon } from "@material-ui/core/utils";
 import React from "react";
 
 const StaffMembers = createSvgIcon(
diff --git a/src/icons/StoreMall.tsx b/src/icons/StoreMall.tsx
index dfcc6ce7a..9c0955769 100644
--- a/src/icons/StoreMall.tsx
+++ b/src/icons/StoreMall.tsx
@@ -1,4 +1,4 @@
-import createSvgIcon from "@material-ui/icons/utils/createSvgIcon";
+import { createSvgIcon } from "@material-ui/core/utils";
 import React from "react";
 
 const StoreMall = createSvgIcon(
diff --git a/src/icons/Sun.tsx b/src/icons/Sun.tsx
index 68f721cd9..41265e83d 100644
--- a/src/icons/Sun.tsx
+++ b/src/icons/Sun.tsx
@@ -1,4 +1,4 @@
-import createSvgIcon from "@material-ui/icons/utils/createSvgIcon";
+import { createSvgIcon } from "@material-ui/core/utils";
 import React from "react";
 
 const Sun = createSvgIcon(
diff --git a/src/icons/Taxes.tsx b/src/icons/Taxes.tsx
index 1d2eb318f..87373560f 100644
--- a/src/icons/Taxes.tsx
+++ b/src/icons/Taxes.tsx
@@ -1,4 +1,4 @@
-import createSvgIcon from "@material-ui/icons/utils/createSvgIcon";
+import { createSvgIcon } from "@material-ui/core/utils";
 import React from "react";
 
 const Taxes = createSvgIcon(
diff --git a/src/icons/Trash.tsx b/src/icons/Trash.tsx
index 5e785564f..b41cbcd79 100644
--- a/src/icons/Trash.tsx
+++ b/src/icons/Trash.tsx
@@ -1,4 +1,4 @@
-import createSvgIcon from "@material-ui/icons/utils/createSvgIcon";
+import { createSvgIcon } from "@material-ui/core/utils";
 import { useTheme } from "@saleor/macaw-ui";
 import React from "react";
 
diff --git a/src/icons/Truck.tsx b/src/icons/Truck.tsx
index 5dadea379..217b79a9a 100644
--- a/src/icons/Truck.tsx
+++ b/src/icons/Truck.tsx
@@ -1,4 +1,4 @@
-import createSvgIcon from "@material-ui/icons/utils/createSvgIcon";
+import { createSvgIcon } from "@material-ui/core/utils";
 import React from "react";
 
 const Truck = createSvgIcon(
diff --git a/src/icons/UnorderedListIcon.tsx b/src/icons/UnorderedListIcon.tsx
index e53d421bc..345b5a64d 100644
--- a/src/icons/UnorderedListIcon.tsx
+++ b/src/icons/UnorderedListIcon.tsx
@@ -1,4 +1,4 @@
-import createSvgIcon from "@material-ui/icons/utils/createSvgIcon";
+import { createSvgIcon } from "@material-ui/core/utils";
 import React from "react";
 
 const UnorderedListIcon = createSvgIcon(
diff --git a/src/icons/Unstyled.tsx b/src/icons/Unstyled.tsx
index 3c50c4347..e16d32fd7 100644
--- a/src/icons/Unstyled.tsx
+++ b/src/icons/Unstyled.tsx
@@ -1,4 +1,4 @@
-import createSvgIcon from "@material-ui/icons/utils/createSvgIcon";
+import { createSvgIcon } from "@material-ui/core/utils";
 import React from "react";
 
 const Unstyled = createSvgIcon(
diff --git a/src/icons/Warehouses.tsx b/src/icons/Warehouses.tsx
index 8e5d11846..3ab8229f7 100644
--- a/src/icons/Warehouses.tsx
+++ b/src/icons/Warehouses.tsx
@@ -1,4 +1,4 @@
-import createSvgIcon from "@material-ui/icons/utils/createSvgIcon";
+import { createSvgIcon } from "@material-ui/core/utils";
 import React from "react";
 
 const Warehouses = createSvgIcon(
diff --git a/src/icons/Webhooks.tsx b/src/icons/Webhooks.tsx
index b8f44ef36..6bffccbfd 100644
--- a/src/icons/Webhooks.tsx
+++ b/src/icons/Webhooks.tsx
@@ -1,4 +1,4 @@
-import createSvgIcon from "@material-ui/icons/utils/createSvgIcon";
+import { createSvgIcon } from "@material-ui/core/utils";
 import React from "react";
 
 const Webhooks = createSvgIcon(