Updating icons naming and colors

platform/ui/src/components/Icon/getIcon.jsx

@@ -7,7 +7,7 @@ import cancel from './../../assets/icons/cancel.svg';
 import chevronDown from './../../assets/icons/chevron-down.svg';
 import chevronLeft from './../../assets/icons/chevron-left.svg';
 import chevronRight from './../../assets/icons/chevron-right.svg';
-import iconNavStudies from './../../assets/icons/icon-nav-studies.svg';
+import groupLayers from './../../assets/icons/group-layers.svg';
 import infoLink from './../../assets/icons/info-link.svg';
 import launchArrow from './../../assets/icons/launch-arrow.svg';
 import launchInfo from './../../assets/icons/launch-info.svg';
@@ -15,8 +15,8 @@ import listBullets from './../../assets/icons/list-bullets.svg';
 import logoOhifSmall from './../../assets/icons/logo-ohif-small.svg';
 import magnifier from './../../assets/icons/magnifier.svg';
 import notificationwarningDiamond from './../../assets/icons/notificationwarning-diamond.svg';
-import panelLeft from './../../assets/icons/panel-left.svg';
-import panelRight from './../../assets/icons/panel-right.svg';
+import pushLeft from './../../assets/icons/push-left.svg';
+import pushRight from './../../assets/icons/push-right.svg';
 import settings from './../../assets/icons/settings.svg';
 import sorting from './../../assets/icons/sorting.svg';
 import sortingActiveDown from './../../assets/icons/sorting-active-down.svg';
@@ -37,7 +37,7 @@ const ICONS = {
   'chevron-down': chevronDown,
   'chevron-left': chevronLeft,
   'chevron-right': chevronRight,
-  'icon-nav-studies': iconNavStudies,
+  'group-layers': groupLayers,
   'info-link': infoLink,
   'launch-arrow': launchArrow,
   'launch-info': launchInfo,
@@ -45,8 +45,8 @@ const ICONS = {
   'logo-ohif-small': logoOhifSmall,
   magnifier: magnifier,
   'notificationwarning-diamond': notificationwarningDiamond,
-  'panel-left': panelLeft,
-  'panel-right': panelRight,
+  'push-left': pushLeft,
+  'push-right': pushRight,
   settings: settings,
   'sorting-active-down': sortingActiveDown,
   'sorting-active-up': sortingActiveUp,

platform/ui/src/components/SidePanel/SidePanel.jsx

@@ -40,8 +40,8 @@ const classesMap = {
 };
 
 const openIconName = {
-  left: 'panel-left',
-  right: 'panel-right',
+  left: 'push-left',
+  right: 'push-right',
 };
 
 const SidePanel = ({

platform/ui/src/components/SidePanel/SidePanel.mdx

@@ -21,7 +21,7 @@ import { SidePanel } from '@ohif/ui';
   <div className="flex flex-row flex-no-wrap flex-1 items-stretch overflow-hidden w-full" style={{height: '500px'}}>
     <SidePanel
       side="left"
-      iconName="icon-nav-studies"
+      iconName="group-layers"
       iconLabel="Studies"
       componentLabel="Studies"
       defaultIsOpen={false}