diff --git a/packages/apps-config/src/endpoints/productionRelayKusama.ts b/packages/apps-config/src/endpoints/productionRelayKusama.ts
index a674cd24db..d41a0eadd2 100644
--- a/packages/apps-config/src/endpoints/productionRelayKusama.ts
+++ b/packages/apps-config/src/endpoints/productionRelayKusama.ts
@@ -4,8 +4,8 @@
 import type { EndpointOption } from './types';
 
 import { KUSAMA_GENESIS } from '../api/constants';
-import { chainsAbandPNG, chainsKusamaSVG, chainsTinkerPNG, chainsTuringPNG } from '../ui/logos/chains';
-import { nodesBajunPNG, nodesBridgeHubBlackSVG, nodesStatemineSVG, nodesZeitgeistPNG } from '../ui/logos/nodes';
+import { chainsAbandPNG, chainsAltairSVG, chainsAmplitudeSVG, chainsDorafactoryPNG, chainsGenshiroSVG, chainsGmPNG, chainsKabochaSVG, chainsKaruraSVG, chainsKicoPNG, chainsKintsugiPNG, chainsKusamaSVG, chainsListenPNG, chainsMangataPNG, chainsParallelSVG, chainsRiodefiPNG, chainsShidenPNG, chainsTanganikaPNG, chainsTinkerPNG, chainsTuringPNG, chainsUnorthodoxPNG } from '../ui/logos/chains';
+import { nodesApronPNG, nodesAresMarsPNG, nodesBajunPNG, nodesBasiliskPNG, nodesBifrostSVG, nodesBitcountryPNG, nodesBridgeHubBlackSVG, nodesCalamariPNG, nodesCrabSVG, nodesEncointerBlueSVG, nodesImbuePNG, nodesIntegriteeSVG, nodesIpciSVG, nodesKhalaSVG, nodesLitmusPNG, nodesLoomNetworkPNG, nodesLuhnPNG, nodesMoonriverSVG, nodesPicassoPNG, nodesPichiuPNG, nodesPolkasmithSVG, nodesQuartzPNG, nodesRobonomicsSVG, nodesSakuraSVG, nodesShadowSVG, nodesSnowPNG, nodesSoraSubstrateSVG, nodesStatemineSVG, nodesSubgameSVG, nodesSubsocialXSVG, nodesTrustbasePNG, nodesZeitgeistPNG, nodesZeroSVG } from '../ui/logos/nodes';
 import { getTeleports } from './util';
 
 // The available endpoints that will show in the dropdown. For the most part (with the exception of
@@ -36,7 +36,8 @@ export const prodParasKusama: EndpointOption[] = [
       OnFinality: 'wss://altair.api.onfinality.io/public-ws'
     },
     text: 'Altair',
-    uiColor: '#ffb700'
+    uiColor: '#ffb700',
+    uiLogo: chainsAltairSVG
   },
   {
     homepage: 'https://pendulumchain.org/amplitude',
@@ -47,7 +48,8 @@ export const prodParasKusama: EndpointOption[] = [
       PendulumChain: 'wss://rpc-amplitude.pendulumchain.tech'
     },
     text: 'Amplitude',
-    uiColor: '#5DEFA7'
+    uiColor: '#5DEFA7',
+    uiLogo: chainsAmplitudeSVG
   },
   {
     homepage: 'https://ajuna.io',
@@ -71,7 +73,8 @@ export const prodParasKusama: EndpointOption[] = [
       Dwellir: 'wss://basilisk-rpc.dwellir.com'
     },
     text: 'Basilisk',
-    uiColor: '#49E49F'
+    uiColor: '#49E49F',
+    uiLogo: nodesBasiliskPNG
   },
   {
     homepage: 'https://ksm.vtoken.io/?ref=polkadotjs',
@@ -83,7 +86,8 @@ export const prodParasKusama: EndpointOption[] = [
       OnFinality: 'wss://bifrost-parachain.api.onfinality.io/public-ws'
     },
     text: 'Bifrost',
-    uiColor: '#5a25f0'
+    uiColor: '#5a25f0',
+    uiLogo: nodesBifrostSVG
   },
   {
     homepage: 'https://bit.country/?ref=polkadotjs',
@@ -93,7 +97,8 @@ export const prodParasKusama: EndpointOption[] = [
       OnFinality: 'wss://pioneer.api.onfinality.io/public-ws'
     },
     text: 'Bit.Country Pioneer',
-    uiColor: '#000000'
+    uiColor: '#000000',
+    uiLogo: nodesBitcountryPNG
   },
   {
     homepage: 'https://www.calamari.network/',
@@ -103,7 +108,8 @@ export const prodParasKusama: EndpointOption[] = [
       'Manta Network': 'wss://ws.calamari.systems/'
     },
     text: 'Calamari',
-    uiColor: '#000000'
+    uiColor: '#000000',
+    uiLogo: nodesCalamariPNG
   },
   {
     homepage: 'https://crust.network/',
@@ -112,7 +118,8 @@ export const prodParasKusama: EndpointOption[] = [
     providers: {
       Crust: 'wss://rpc-shadow.crust.network/'
     },
-    text: 'Crust Shadow'
+    text: 'Crust Shadow',
+    uiLogo: nodesShadowSVG
   },
   {
     homepage: 'https://crust.network/',
@@ -123,7 +130,8 @@ export const prodParasKusama: EndpointOption[] = [
       // also duplicated right above (hence marked unreachable)
       // Crust: 'wss://rpc-shadow.crust.network/' // https://github.com/polkadot-js/apps/issues/8355
     },
-    text: 'Crust Shadow 2'
+    text: 'Crust Shadow 2',
+    uiLogo: nodesShadowSVG
   },
   {
     homepage: 'https://ipci.io',
@@ -132,7 +140,8 @@ export const prodParasKusama: EndpointOption[] = [
     providers: {
       Airalab: 'wss://kusama.rpc.ipci.io'
     },
-    text: 'DAO IPCI'
+    text: 'DAO IPCI',
+    uiLogo: nodesIpciSVG
   },
   {
     homepage: 'https://crab.network',
@@ -142,7 +151,8 @@ export const prodParasKusama: EndpointOption[] = [
       'Darwinia Network': 'wss://crab-parachain-rpc.darwinia.network/'
     },
     text: 'Darwinia Crab',
-    uiColor: '#512DBC'
+    uiColor: '#512DBC',
+    uiLogo: nodesCrabSVG
   },
   {
     homepage: 'https://dorafactory.org/kusama/',
@@ -152,7 +162,8 @@ export const prodParasKusama: EndpointOption[] = [
       DORA: 'wss://kusama.dorafactory.org'
     },
     text: 'Dora Factory',
-    uiColor: '#FF761C'
+    uiColor: '#FF761C',
+    uiLogo: chainsDorafactoryPNG
   },
   {
     homepage: 'https://genshiro.equilibrium.io',
@@ -163,7 +174,8 @@ export const prodParasKusama: EndpointOption[] = [
       Equilibrium: 'wss://node.genshiro.io'
     },
     text: 'Genshiro',
-    uiColor: '#e8662d'
+    uiColor: '#e8662d',
+    uiLogo: chainsGenshiroSVG
   },
   {
     homepage: 'https://genshiro.equilibrium.io',
@@ -174,7 +186,8 @@ export const prodParasKusama: EndpointOption[] = [
       Equilibrium: 'wss://node.genshiro.io'
     },
     text: 'Genshiro crowdloan 2',
-    uiColor: '#e8662d'
+    uiColor: '#e8662d',
+    uiLogo: chainsGenshiroSVG
   },
   {
     homepage: 'https://gmordie.com',
@@ -189,7 +202,8 @@ export const prodParasKusama: EndpointOption[] = [
       'light client': 'light://substrate-connect/kusama/gm'
     },
     text: 'GM',
-    uiColor: '#f47b36'
+    uiColor: '#f47b36',
+    uiLogo: chainsGmPNG
   },
   {
     homepage: 'https://imbue.network',
@@ -199,7 +213,8 @@ export const prodParasKusama: EndpointOption[] = [
       'Imbue Network': 'wss://imbue-kusama.imbue.network'
     },
     text: 'Imbue Network',
-    uiColor: '#baff36'
+    uiColor: '#baff36',
+    uiLogo: nodesImbuePNG
   },
   {
     homepage: 'https://integritee.network',
@@ -210,7 +225,8 @@ export const prodParasKusama: EndpointOption[] = [
       OnFinality: 'wss://integritee-kusama.api.onfinality.io/public-ws'
     },
     text: 'Integritee Network',
-    uiColor: '#658ea9'
+    uiColor: '#658ea9',
+    uiLogo: nodesIntegriteeSVG
   },
   {
     homepage: 'https://invarch.network/tinkernet',
@@ -233,7 +249,8 @@ export const prodParasKusama: EndpointOption[] = [
       JelliedOwl: 'wss://kabocha.jelliedowl.net'
     },
     text: 'Kabocha',
-    uiColor: 'repeating-radial-gradient(black, black 4px, yellow 5px)'
+    uiColor: 'repeating-radial-gradient(black, black 4px, yellow 5px)',
+    uiLogo: chainsKabochaSVG
   },
   {
     homepage: 'https://acala.network/karura/join-karura',
@@ -249,7 +266,8 @@ export const prodParasKusama: EndpointOption[] = [
       'Polkawallet 0': 'wss://karura.polkawallet.io'
     },
     text: 'Karura',
-    uiColor: '#ff4c3b'
+    uiColor: '#ff4c3b',
+    uiLogo: chainsKaruraSVG
   },
   {
     homepage: 'https://phala.network/',
@@ -262,7 +280,8 @@ export const prodParasKusama: EndpointOption[] = [
       Pinknode: 'wss://public-rpc.pinknode.io/khala'
     },
     text: 'Khala Network',
-    uiColor: '#03f3f3'
+    uiColor: '#03f3f3',
+    uiLogo: nodesKhalaSVG
   },
   {
     homepage: 'https://dico.io/',
@@ -271,10 +290,10 @@ export const prodParasKusama: EndpointOption[] = [
     providers: {
       'DICO Foundation': 'wss://rpc.kico.dico.io'
       // 'DICO Foundation 2': 'wss://rpc.api.kico.dico.io' // https://github.com/polkadot-js/apps/issues/8203
-
     },
     text: 'KICO',
-    uiColor: '#29B58D'
+    uiColor: '#29B58D',
+    uiLogo: chainsKicoPNG
   },
   {
     homepage: 'https://dico.io/',
@@ -284,7 +303,8 @@ export const prodParasKusama: EndpointOption[] = [
       // 'DICO Foundation': 'wss://rpc.kico2.dico.io' // https://github.com/polkadot-js/apps/issues/8415
     },
     text: 'KICO 2',
-    uiColor: '#29B58D'
+    uiColor: '#29B58D',
+    uiLogo: chainsKicoPNG
   },
   {
     homepage: 'https://kintsugi.interlay.io/',
@@ -295,7 +315,8 @@ export const prodParasKusama: EndpointOption[] = [
       OnFinality: 'wss://kintsugi.api.onfinality.io/public-ws'
     },
     text: 'Kintsugi BTC',
-    uiColor: '#1a0a2d'
+    uiColor: '#1a0a2d',
+    uiLogo: chainsKintsugiPNG
   },
   {
     homepage: 'http://apron.network/',
@@ -306,7 +327,8 @@ export const prodParasKusama: EndpointOption[] = [
       Kpron: 'wss://kusama-kpron-rpc.apron.network/'
     },
     text: 'Kpron',
-    uiColor: 'linear-gradient(45deg, #0099F7 0%, #2E49EB 100%)'
+    uiColor: 'linear-gradient(45deg, #0099F7 0%, #2E49EB 100%)',
+    uiLogo: nodesApronPNG
   },
   {
     homepage: 'https://listen.io/',
@@ -317,7 +339,8 @@ export const prodParasKusama: EndpointOption[] = [
       'Listen Foundation 2': 'wss://wss.mainnet.listen.io'
     },
     text: 'Listen Network',
-    uiColor: '#FFAD0A'
+    uiColor: '#FFAD0A',
+    uiLogo: chainsListenPNG
   },
   {
     homepage: 'https://kusama-crowdloan.litentry.com',
@@ -328,7 +351,8 @@ export const prodParasKusama: EndpointOption[] = [
       Litentry: 'wss://rpc.litmus-parachain.litentry.io'
     },
     text: 'Litmus',
-    uiColor: '#6822fb'
+    uiColor: '#6822fb',
+    uiLogo: nodesLitmusPNG
   },
   {
     // https://github.com/polkadot-js/apps/issues/5888
@@ -339,7 +363,8 @@ export const prodParasKusama: EndpointOption[] = [
     providers: {
       LoomNetwork: 'wss://kusama.dappchains.com'
     },
-    text: 'Loom Network'
+    text: 'Loom Network',
+    uiLogo: nodesLoomNetworkPNG
   },
   {
     homepage: 'https://luhn.network/',
@@ -349,7 +374,8 @@ export const prodParasKusama: EndpointOption[] = [
       'Hashed Systems': 'wss://c1.luhn.network'
     },
     text: 'Luhn Network',
-    uiColor: '#2F8E85'
+    uiColor: '#2F8E85',
+    uiLogo: nodesLuhnPNG
   },
   {
     homepage: 'https://mangata.finance',
@@ -360,7 +386,8 @@ export const prodParasKusama: EndpointOption[] = [
       OnFinality: 'wss://mangata-x.api.onfinality.io/public-ws'
     },
     text: 'Mangata',
-    uiColor: '#030408'
+    uiColor: '#030408',
+    uiLogo: chainsMangataPNG
   },
   {
     homepage: 'https://www.aresprotocol.io/mars',
@@ -370,7 +397,8 @@ export const prodParasKusama: EndpointOption[] = [
       // AresProtocol: 'wss://wss.mars.aresprotocol.io' // https://github.com/polkadot-js/apps/issues/8937
     },
     text: 'Mars',
-    uiColor: '#E56239'
+    uiColor: '#E56239',
+    uiLogo: nodesAresMarsPNG
   },
   {
     homepage: 'https://moonbeam.network/networks/moonriver/',
@@ -383,7 +411,8 @@ export const prodParasKusama: EndpointOption[] = [
       UnitedBloc: 'wss://moonriver.unitedbloc.com:2001'
     },
     text: 'Moonriver',
-    uiColor: '#0E132E'
+    uiColor: '#0E132E',
+    uiLogo: nodesMoonriverSVG
   },
   {
     homepage: 'https://parallel.fi',
@@ -395,7 +424,8 @@ export const prodParasKusama: EndpointOption[] = [
       Parallel: 'wss://heiko-rpc.parallel.fi'
     },
     text: 'Parallel Heiko',
-    uiColor: '#42d5de'
+    uiColor: '#42d5de',
+    uiLogo: chainsParallelSVG
   },
   {
     homepage: 'https://parallel.fi',
@@ -404,7 +434,8 @@ export const prodParasKusama: EndpointOption[] = [
     paraId: 2126,
     providers: {},
     text: 'Parallel Heiko 2',
-    uiColor: '#42d5de'
+    uiColor: '#42d5de',
+    uiLogo: chainsParallelSVG
   },
   {
     homepage: 'https://picasso.composable.finance/',
@@ -414,7 +445,8 @@ export const prodParasKusama: EndpointOption[] = [
       Composable: 'wss://rpc.composablenodes.tech'
     },
     text: 'Picasso',
-    uiColor: '#000000'
+    uiColor: '#000000',
+    uiLogo: nodesPicassoPNG
   },
   {
     homepage: 'https://kylin.network/',
@@ -425,7 +457,8 @@ export const prodParasKusama: EndpointOption[] = [
       OnFinality: 'wss://pichiu.api.onfinality.io/public-ws' // https://github.com/polkadot-js/apps/issues/8867, reenabled for PolkadotJS
     },
     text: 'Pichiu',
-    uiColor: '#ed007e'
+    uiColor: '#ed007e',
+    uiLogo: nodesPichiuPNG
   },
   {
     homepage: 'https://polkasmith.polkafoundry.com/',
@@ -435,7 +468,8 @@ export const prodParasKusama: EndpointOption[] = [
       // PolkaSmith: 'wss://wss-polkasmith.polkafoundry.com' // https://github.com/polkadot-js/apps/issues/6595
     },
     text: 'PolkaSmith by PolkaFoundry',
-    uiColor: '#0DDDFB'
+    uiColor: '#0DDDFB',
+    uiLogo: nodesPolkasmithSVG
   },
   {
     homepage: 'https://unique.network/',
@@ -448,7 +482,8 @@ export const prodParasKusama: EndpointOption[] = [
       'Unique Europe': 'wss://eu-ws-quartz.unique.network'
     },
     text: 'QUARTZ by UNIQUE',
-    uiColor: '#FF4D6A'
+    uiColor: '#FF4D6A',
+    uiLogo: nodesQuartzPNG
   },
   {
     homepage: 'https://riodefi.com',
@@ -458,7 +493,8 @@ export const prodParasKusama: EndpointOption[] = [
       RioProtocol: 'wss://rio-kusama.riocorenetwork.com'
     },
     text: 'RioDeFi',
-    uiColor: '#4E7AED'
+    uiColor: '#4E7AED',
+    uiLogo: chainsRiodefiPNG
   },
   {
     homepage: 'http://robonomics.network/',
@@ -471,7 +507,8 @@ export const prodParasKusama: EndpointOption[] = [
       Samsara: 'wss://robonomics.0xsamsara.com'
     },
     text: 'Robonomics',
-    uiColor: '#2949d3'
+    uiColor: '#2949d3',
+    uiLogo: nodesRobonomicsSVG
   },
   {
     homepage: 'http://robonomics.network/',
@@ -485,7 +522,8 @@ export const prodParasKusama: EndpointOption[] = [
       Samsara: 'wss://robonomics.0xsamsara.com'
     },
     text: 'Robonomics 2',
-    uiColor: '#2949d3'
+    uiColor: '#2949d3',
+    uiLogo: nodesRobonomicsSVG
   },
   {
     homepage: 'https://clover.finance/',
@@ -496,7 +534,8 @@ export const prodParasKusama: EndpointOption[] = [
       Clover: 'wss://api-sakura.clover.finance'
     },
     text: 'Sakura',
-    uiColor: '#ff5995'
+    uiColor: '#ff5995',
+    uiLogo: nodesSakuraSVG
   },
   {
     homepage: 'https://shiden.astar.network/',
@@ -511,7 +550,8 @@ export const prodParasKusama: EndpointOption[] = [
       'light client': 'light://substrate-connect/kusama/shiden'
     },
     text: 'Shiden',
-    uiColor: '#5923B2'
+    uiColor: '#5923B2',
+    uiLogo: chainsShidenPNG
   },
   {
     homepage: 'https://shiden.astar.network/',
@@ -522,7 +562,8 @@ export const prodParasKusama: EndpointOption[] = [
       StakeTechnologies: 'wss://rpc.shiden.astar.network'
     },
     text: 'Shiden Crowdloan 2',
-    uiColor: '#5923B2'
+    uiColor: '#5923B2',
+    uiLogo: chainsShidenPNG
   },
   {
     homepage: 'https://icenetwork.io/snow',
@@ -532,7 +573,8 @@ export const prodParasKusama: EndpointOption[] = [
     providers: {
       IceNetwork: 'wss://snow-rpc.icenetwork.io'
     },
-    text: 'SNOW Network'
+    text: 'SNOW Network',
+    uiLogo: nodesSnowPNG
   },
   {
     homepage: 'https://sora.org/',
@@ -542,7 +584,8 @@ export const prodParasKusama: EndpointOption[] = [
       Soramitsu: 'wss://ws.parachain-collator-1.c1.sora2.soramitsu.co.jp'
     },
     text: 'SORA',
-    uiColor: '#2D2926'
+    uiColor: '#2D2926',
+    uiLogo: nodesSoraSubstrateSVG
   },
   {
     homepage: 'http://subgame.org/',
@@ -553,7 +596,8 @@ export const prodParasKusama: EndpointOption[] = [
       SubGame: 'wss://gamma.subgame.org/'
     },
     text: 'SubGame Gamma',
-    uiColor: '#EB027D'
+    uiColor: '#EB027D',
+    uiLogo: nodesSubgameSVG
   },
   {
     homepage: 'https://subsocial.network/',
@@ -563,7 +607,8 @@ export const prodParasKusama: EndpointOption[] = [
       'Dappforce 1': 'wss://para.subsocial.network'
     },
     text: 'SubsocialX',
-    uiColor: '#69058C'
+    uiColor: '#69058C',
+    uiLogo: nodesSubsocialXSVG
   },
   {
     homepage: 'https://zero.io',
@@ -573,7 +618,8 @@ export const prodParasKusama: EndpointOption[] = [
       ZeroNetwork: 'wss://rpc-1.kusama.node.zero.io'
     },
     text: 'subzero',
-    uiColor: '#000000'
+    uiColor: '#000000',
+    uiLogo: nodesZeroSVG
   },
   {
     homepage: 'https://www.datahighway.com/',
@@ -583,7 +629,8 @@ export const prodParasKusama: EndpointOption[] = [
       DataHighway: 'wss://tanganika.datahighway.com'
     },
     text: 'Tanganika',
-    uiColor: 'linear-gradient(-90deg, #9400D3 0%, #5A5CA9 50%, #00BFFF 100%)'
+    uiColor: 'linear-gradient(-90deg, #9400D3 0%, #5A5CA9 50%, #00BFFF 100%)',
+    uiLogo: chainsTanganikaPNG
   },
   {
     homepage: 'https://trustbase.network/',
@@ -592,7 +639,8 @@ export const prodParasKusama: EndpointOption[] = [
     paraId: 2078,
     providers: {},
     text: 'TrustBase',
-    uiColor: '#ff43aa'
+    uiColor: '#ff43aa',
+    uiLogo: nodesTrustbasePNG
   },
   {
     homepage: 'https://oak.tech',
@@ -614,7 +662,8 @@ export const prodParasKusama: EndpointOption[] = [
       // 'Standard Protocol': 'wss://rpc.kusama.standard.tech' // https://github.com/polkadot-js/apps/issues/8525
     },
     text: 'Unorthodox',
-    uiColor: 'radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(42,244,187,1) 35%, rgba(10,10,10,1) 100%)'
+    uiColor: 'radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(42,244,187,1) 35%, rgba(10,10,10,1) 100%)',
+    uiLogo: chainsUnorthodoxPNG
   },
   {
     homepage: 'https://zeitgeist.pm',
@@ -658,7 +707,8 @@ export const prodParasKusamaCommon: EndpointOption[] = [
     },
     teleport: [-1],
     text: 'Encointer Network',
-    uiColor: '#0000cc'
+    uiColor: '#0000cc',
+    uiLogo: nodesEncointerBlueSVG
   },
   {
     info: 'kusamaBridgeHub',