diff --git a/packages/core/admin/admin/src/components/LeftMenu/index.js b/packages/core/admin/admin/src/components/LeftMenu/index.js
index de9d73b13d..1002745685 100644
--- a/packages/core/admin/admin/src/components/LeftMenu/index.js
+++ b/packages/core/admin/admin/src/components/LeftMenu/index.js
@@ -1,7 +1,6 @@
import React, { useRef, useState } from 'react';
import styled from 'styled-components';
import PropTypes from 'prop-types';
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { useIntl } from 'react-intl';
import { NavLink as Link } from 'react-router-dom';
import { Divider } from '@strapi/design-system/Divider';
@@ -112,18 +111,22 @@ const LeftMenu = ({ generalSectionLinks, pluginsSectionLinks }) => {
{generalSectionLinks.length > 0 ? (
- {generalSectionLinks.map(link => (
- 0 && link.notificationsCount.toString()) || undefined
- }
- to={link.to}
- key={link.to}
- icon={}
- >
- {formatMessage(link.intlLabel)}
-
- ))}
+ {generalSectionLinks.map(link => {
+ const LinkIcon = link.icon;
+
+ return (
+ 0 && link.notificationsCount.toString()) || undefined
+ }
+ to={link.to}
+ key={link.to}
+ icon={}
+ >
+ {formatMessage(link.intlLabel)}
+
+ );
+ })}
) : null}
diff --git a/packages/core/admin/admin/src/hooks/useMenu/reducer.js b/packages/core/admin/admin/src/hooks/useMenu/reducer.js
index 0d71059fe2..a26ee0266b 100644
--- a/packages/core/admin/admin/src/hooks/useMenu/reducer.js
+++ b/packages/core/admin/admin/src/hooks/useMenu/reducer.js
@@ -1,11 +1,14 @@
/* eslint-disable consistent-return */
import produce from 'immer';
+import Cog from '@strapi/icons/Cog';
+import Puzzle from '@strapi/icons/Puzzle';
+import ShoppingCart from '@strapi/icons/ShoppingCart';
import adminPermissions from '../../permissions';
const initialState = {
generalSectionLinks: [
{
- icon: 'list',
+ icon: Puzzle,
intlLabel: {
id: 'app.components.LeftMenuLinkContainer.listPlugins',
defaultMessage: 'Plugins',
@@ -14,7 +17,7 @@ const initialState = {
permissions: adminPermissions.marketplace.main,
},
{
- icon: 'shopping-basket',
+ icon: ShoppingCart,
intlLabel: {
id: 'app.components.LeftMenuLinkContainer.installNewPlugin',
defaultMessage: 'Marketplace',
@@ -23,7 +26,7 @@ const initialState = {
permissions: adminPermissions.marketplace.main,
},
{
- icon: 'cog',
+ icon: Cog,
intlLabel: {
id: 'app.components.LeftMenuLinkContainer.settings',
defaultMessage: 'Settings',
diff --git a/packages/core/content-type-builder/admin/src/components/PluginIcon/index.js b/packages/core/content-type-builder/admin/src/components/PluginIcon/index.js
index 3edb42c8ac..1da7820068 100644
--- a/packages/core/content-type-builder/admin/src/components/PluginIcon/index.js
+++ b/packages/core/content-type-builder/admin/src/components/PluginIcon/index.js
@@ -5,9 +5,8 @@
*/
import React from 'react';
-import { Icon } from '@strapi/design-system/Icon';
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import Layout from '@strapi/icons/Layout';
-const PluginIcon = () => } width="16px" />;
+const PluginIcon = () => ;
export default PluginIcon;
diff --git a/packages/core/upload/admin/src/components/PluginIcon/index.js b/packages/core/upload/admin/src/components/PluginIcon/index.js
index 6ec5a49c2d..6504895485 100644
--- a/packages/core/upload/admin/src/components/PluginIcon/index.js
+++ b/packages/core/upload/admin/src/components/PluginIcon/index.js
@@ -5,11 +5,8 @@
*/
import React from 'react';
-import { Icon } from '@strapi/design-system/Icon';
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import Landscape from '@strapi/icons/Landscape';
-const PluginIcon = () => (
- } width="16px" />
-);
+const PluginIcon = () => ;
export default PluginIcon;
diff --git a/packages/generators/generators/lib/files/plugin/admin/src/components/PluginIcon/index.js b/packages/generators/generators/lib/files/plugin/admin/src/components/PluginIcon/index.js
index 8f9fa8f7e6..a7c98f7bd5 100644
--- a/packages/generators/generators/lib/files/plugin/admin/src/components/PluginIcon/index.js
+++ b/packages/generators/generators/lib/files/plugin/admin/src/components/PluginIcon/index.js
@@ -5,9 +5,8 @@
*/
import React from 'react';
-import { Icon } from '@strapi/design-system/Icon';
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import Puzzle from '@strapi/icons/Puzzle';
-const PluginIcon = () => } width="16px" />;
+const PluginIcon = () => ;
export default PluginIcon;
diff --git a/packages/plugins/documentation/admin/src/components/PluginIcon/index.js b/packages/plugins/documentation/admin/src/components/PluginIcon/index.js
index af81ffd74f..8917e9545e 100644
--- a/packages/plugins/documentation/admin/src/components/PluginIcon/index.js
+++ b/packages/plugins/documentation/admin/src/components/PluginIcon/index.js
@@ -5,9 +5,8 @@
*/
import React from 'react';
-import { Icon } from '@strapi/design-system/Icon';
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import Information from '@strapi/icons/Information';
-const PluginIcon = () => } width="16px" />;
+const PluginIcon = () => ;
export default PluginIcon;