feat: add new octopus and rococo icons (#1899)

* feat: add new octopus and rococo icons

* fix: formatting

* refactor: edit icon memo

Author: agustinustheo

src/components/ProfileCard/NetworkOption/NetworkOption.tsx

@@ -15,7 +15,8 @@ import { useStyles } from './networkOption.style';
 import useBlockchain from 'components/common/Blockchain/use-blockchain.hook';
 import {
   NearNetworkIcon24,
-  MyriadCircleIcon,
+  MyriadOctopusIcon,
+  MyriadRococoIcon,
   PolkadotNetworkIcon,
   KusamaNetworkIcon,
   DebioNetworkIcon,
@@ -48,7 +49,8 @@ export const NetworkOption: React.FC<NetworkOptionProps> = ({
       polkadot: <PolkadotNetworkIcon />,
       kusama: <KusamaNetworkIcon />,
       near: <NearNetworkIcon24 />,
-      myriad: <MyriadCircleIcon />,
+      myriad: <MyriadOctopusIcon />,
+      rococo: <MyriadRococoIcon />,
       debio: <DebioNetworkIcon />,
     }),
     [],

src/components/atoms/Icons/Core.tsx

@@ -12,6 +12,8 @@ import MyriadCircle from 'src/images/Icons/myriad-circle.svg';
 import MyriadFullBlack from 'src/images/Icons/myriad-full-black.svg';
 import MyriadGrey from 'src/images/Icons/myriad-grey.svg';
 import MyriadFull from 'src/images/Icons/myriad-logo-full.svg';
+import MyriadOctopus from 'src/images/Icons/myriad-octopus.svg';
+import MyriadRococo from 'src/images/Icons/myriad-rococo.svg';
 import Notification from 'src/images/Icons/notif-default.svg';
 import OfficialBadge from 'src/images/Icons/official-badge.svg';
 
@@ -26,6 +28,24 @@ export const MyriadCircleIcon: React.FC<IconProps> = props => (
   />
 );
 
+export const MyriadOctopusIcon: React.FC<IconProps> = props => (
+  <SvgIcon
+    component={MyriadOctopus}
+    viewBox="0 0 30 30"
+    style={{ width: props.width, height: props.height, fill: 'none' }}
+    {...props}
+  />
+);
+
+export const MyriadRococoIcon: React.FC<IconProps> = props => (
+  <SvgIcon
+    component={MyriadRococo}
+    viewBox="0 0 30 30"
+    style={{ width: props.width, height: props.height, fill: 'none' }}
+    {...props}
+  />
+);
+
 export const MyriadFullIcon: React.FC<IconProps> = props => {
   const { width = 221, height = 48 } = props;
   return (