diff --git a/deploy/tools/envs-validator/schema.ts b/deploy/tools/envs-validator/schema.ts
index b67df304ad..7f19d78a00 100644
--- a/deploy/tools/envs-validator/schema.ts
+++ b/deploy/tools/envs-validator/schema.ts
@@ -590,6 +590,7 @@ const footerLinkSchema: yup.ObjectSchema<CustomLink> = yup
   .object({
     text: yup.string().required(),
     url: yup.string().test(urlTest).required(),
+    iconUrl: yup.array().of(yup.string().required().test(urlTest)),
   });
 
 const footerLinkGroupSchema: yup.ObjectSchema<CustomLinksGroup> = yup
diff --git a/deploy/tools/envs-validator/test/assets/configs/footer_links.json b/deploy/tools/envs-validator/test/assets/configs/footer_links.json
index d3f7e7d437..864295b952 100644
--- a/deploy/tools/envs-validator/test/assets/configs/footer_links.json
+++ b/deploy/tools/envs-validator/test/assets/configs/footer_links.json
@@ -17,7 +17,11 @@
       "links": [
         {
           "text": "Develop",
-          "url": "https://example.com"
+          "url": "https://example.com",
+          "iconUrl": [
+            "https://example.com/mocks/image_s.jpg",
+            "https://example.com/mocks/image_svg.svg"
+          ]
         },
         {
           "text": "Grants",
diff --git a/docs/ENVS.md b/docs/ENVS.md
index e6889e73d9..fb3adebbf3 100644
--- a/docs/ENVS.md
+++ b/docs/ENVS.md
@@ -192,7 +192,7 @@ The app version shown in the footer is derived from build-time ENV variables `NE
 | Variable | Type| Description | Compulsoriness  | Default value | Example value |
 | --- | --- | --- | --- | --- | --- |
 | title | `string` | Title of link group | Required | - | `Company` |
-| links | `Array<{'text':string;'url':string;}>` | list of links | Required | - | `[{'text':'Homepage','url':'https://www.blockscout.com'}]` |
+| links | `Array<{'text':string;'url':string;'iconUrl'?:[string,string]}>` | An array contains a list of links in the column. Each link can optionally have an `icon_url` property, which should include an array of two external image URLs for light and dark themes, respectively. If only one URL is provided, it will be used for both color schemes. We expect the icons to be square, with a minimum size of 40px by 40px or in SVG format. | Required | - | `[{'text':'Homepage','url':'https://www.blockscout.com'}]` |
 
 &nbsp;
 
diff --git a/mocks/config/footerLinks.ts b/mocks/config/footerLinks.ts
index 5ec3bdf9bf..4188db770c 100644
--- a/mocks/config/footerLinks.ts
+++ b/mocks/config/footerLinks.ts
@@ -79,6 +79,10 @@ export const FOOTER_LINKS: Array<CustomLinksGroup> = [
       {
         text: 'MetaDock',
         url: 'https://blocksec.com/metadock',
+        iconUrl: [
+          'http://localhost:3000/mocks/image_s.jpg',
+          'http://localhost:3000/mocks/image_svg.svg',
+        ],
       },
       {
         text: 'Sourcify',
diff --git a/types/footerLinks.ts b/types/footerLinks.ts
index 78dccf2af4..4e507359c7 100644
--- a/types/footerLinks.ts
+++ b/types/footerLinks.ts
@@ -1,6 +1,7 @@
 export type CustomLink = {
   text: string;
   url: string;
+  iconUrl?: Array<string>;
 };
 
 export type CustomLinksGroup = {
diff --git a/ui/snippets/footer/Footer.pw.tsx b/ui/snippets/footer/Footer.pw.tsx
index 181bfcd9e9..4841dab85b 100644
--- a/ui/snippets/footer/Footer.pw.tsx
+++ b/ui/snippets/footer/Footer.pw.tsx
@@ -9,7 +9,7 @@ import Footer from './Footer';
 const FOOTER_LINKS_URL = 'https://localhost:3000/footer-links.json';
 
 test.describe('with custom links, max cols', () => {
-  test.beforeEach(async({ render, mockApiResponse, mockConfigResponse, injectMetaMaskProvider, mockEnvs }) => {
+  test.beforeEach(async({ render, mockApiResponse, mockConfigResponse, injectMetaMaskProvider, mockEnvs, mockAssetResponse }) => {
     await mockEnvs([
       [ 'NEXT_PUBLIC_FOOTER_LINKS', FOOTER_LINKS_URL ],
     ]);
@@ -21,6 +21,8 @@ test.describe('with custom links, max cols', () => {
       indexed_internal_transactions_ratio: '0.1',
       indexed_blocks_ratio: '0.1',
     });
+    await mockAssetResponse(FOOTER_LINKS[3].links[0].iconUrl?.[0]!, './playwright/mocks/image_s.jpg');
+    await mockAssetResponse(FOOTER_LINKS[3].links[0].iconUrl?.[1]!, './playwright/mocks/image_svg.svg');
 
     await render(<Footer/>);
   });
diff --git a/ui/snippets/footer/FooterLinkItem.tsx b/ui/snippets/footer/FooterLinkItem.tsx
index 0488decdac..b3b3df58de 100644
--- a/ui/snippets/footer/FooterLinkItem.tsx
+++ b/ui/snippets/footer/FooterLinkItem.tsx
@@ -1,6 +1,8 @@
 import { Center } from '@chakra-ui/react';
 import React from 'react';
 
+import { useColorModeValue } from 'toolkit/chakra/color-mode';
+import { Image } from 'toolkit/chakra/image';
 import { Link } from 'toolkit/chakra/link';
 import { Skeleton } from 'toolkit/chakra/skeleton';
 import type { IconName } from 'ui/shared/IconSvg';
@@ -9,23 +11,55 @@ import IconSvg from 'ui/shared/IconSvg';
 type Props = {
   icon?: IconName;
   iconSize?: string;
+  iconUrl?: Array<string>;
   text: string;
   url: string;
   isLoading?: boolean;
 };
 
-const FooterLinkItem = ({ icon, iconSize, text, url, isLoading }: Props) => {
+const FooterLinkItemIconExternal = ({ iconUrl, text }: { iconUrl: Array<string>; text: string }) => {
+  const [ lightIconUrl, darkIconUrl ] = iconUrl;
+
+  const imageSrc = useColorModeValue(lightIconUrl, darkIconUrl || lightIconUrl);
+
+  return (
+    <Image
+      src={ imageSrc }
+      alt={ `${ text } icon` }
+      boxSize={ 5 }
+      objectFit="contain"
+    />
+  );
+};
+
+const FooterLinkItem = ({ icon, iconSize, iconUrl, text, url, isLoading }: Props) => {
   if (isLoading) {
     return <Skeleton loading my="3px">{ text }</Skeleton>;
   }
 
-  return (
-    <Link href={ url } display="flex" alignItems="center" h="30px" variant="subtle" target="_blank" textStyle="xs">
-      { icon && (
-        <Center minW={ 6 } mr={ 2 }>
+  const iconElement = (() => {
+    if (iconUrl && Array.isArray(iconUrl)) {
+      const [ lightIconUrl, darkIconUrl ] = iconUrl;
+
+      if (typeof lightIconUrl === 'string' && (typeof darkIconUrl === 'string' || !darkIconUrl)) {
+        return <FooterLinkItemIconExternal iconUrl={ iconUrl } text={ text }/>;
+      }
+    }
+
+    if (icon) {
+      return (
+        <Center minW={ 6 }>
           <IconSvg boxSize={ iconSize || 5 } name={ icon }/>
         </Center>
-      ) }
+      );
+    }
+
+    return null;
+  })();
+
+  return (
+    <Link href={ url } display="flex" alignItems="center" h="30px" variant="subtle" target="_blank" textStyle="xs" columnGap={ 2 }>
+      { iconElement }
       { text }
     </Link>
   );
diff --git a/ui/snippets/footer/__screenshots__/Footer.pw.tsx_dark-color-mode_with-custom-links-max-cols-mobile-dark-mode-1.png b/ui/snippets/footer/__screenshots__/Footer.pw.tsx_dark-color-mode_with-custom-links-max-cols-mobile-dark-mode-1.png
index e7f0a85de2..e8755c76ee 100644
Binary files a/ui/snippets/footer/__screenshots__/Footer.pw.tsx_dark-color-mode_with-custom-links-max-cols-mobile-dark-mode-1.png and b/ui/snippets/footer/__screenshots__/Footer.pw.tsx_dark-color-mode_with-custom-links-max-cols-mobile-dark-mode-1.png differ
diff --git a/ui/snippets/footer/__screenshots__/Footer.pw.tsx_default_with-custom-links-max-cols-mobile-dark-mode-1.png b/ui/snippets/footer/__screenshots__/Footer.pw.tsx_default_with-custom-links-max-cols-mobile-dark-mode-1.png
index 17eaa59a02..4f63e84182 100644
Binary files a/ui/snippets/footer/__screenshots__/Footer.pw.tsx_default_with-custom-links-max-cols-mobile-dark-mode-1.png and b/ui/snippets/footer/__screenshots__/Footer.pw.tsx_default_with-custom-links-max-cols-mobile-dark-mode-1.png differ
diff --git a/ui/snippets/footer/__screenshots__/Footer.pw.tsx_default_with-custom-links-max-cols-screen-xl-base-view-1.png b/ui/snippets/footer/__screenshots__/Footer.pw.tsx_default_with-custom-links-max-cols-screen-xl-base-view-1.png
index e07eb4a2e0..64a1429e72 100644
Binary files a/ui/snippets/footer/__screenshots__/Footer.pw.tsx_default_with-custom-links-max-cols-screen-xl-base-view-1.png and b/ui/snippets/footer/__screenshots__/Footer.pw.tsx_default_with-custom-links-max-cols-screen-xl-base-view-1.png differ