diff --git a/jest.config.js b/jest.config.js
index b2e090aaa..c59c23c6d 100644
--- a/jest.config.js
+++ b/jest.config.js
@@ -33,6 +33,7 @@ module.exports = {
     '@docusaurus/plugin-content-docs/client': '@docusaurus/plugin-content-docs/src/client/index.ts',
     '@site/(.*)': '<rootDir>/$1',
     '\\.(css|scss|sass|less)$': 'identity-obj-proxy',
+    '\\.(svg)$': '<rootDir>/src/__mocks__/file.mock.ts',
   },
   moduleFileExtensions: ['js', 'jsx', 'ts', 'tsx', 'mjs', 'json'],
   rootDir: '.',
diff --git a/src/__mocks__/file.mock.ts b/src/__mocks__/file.mock.ts
new file mode 100644
index 000000000..533beda47
--- /dev/null
+++ b/src/__mocks__/file.mock.ts
@@ -0,0 +1 @@
+module.exports = 'SVGMock';
diff --git a/src/assets/gray-logo.svg b/src/assets/gray-logo.svg
new file mode 100644
index 000000000..0ae29bacb
--- /dev/null
+++ b/src/assets/gray-logo.svg
@@ -0,0 +1,13 @@
+<svg width="112" height="24" viewBox="0 0 112 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_14531_9940)">
+<path d="M13.8952 1.20865L12.7078 7.9427H8.58585C4.74037 7.9427 1.07501 11.0583 0.395663 14.9037L0.108115 16.5405C-0.568071 20.386 1.99767 23.5016 5.84315 23.5016H9.281C12.0837 23.5016 14.7538 21.2328 15.2467 18.4301L18.4128 0.482422L13.8952 1.20865ZM10.9705 17.795C10.8188 18.6607 10.0393 19.3654 9.17357 19.3654H7.08495C5.35654 19.3654 4.20006 17.9624 4.50339 16.2308L4.68351 15.2102C4.98999 13.4818 6.63941 12.0757 8.36782 12.0757H11.979L10.9705 17.795ZM45.6395 23.5012L48.3443 8.15722H52.6226L49.9178 23.5012H45.6362H45.6395ZM46.1022 8.33415C45.8878 9.55121 45.6724 10.7683 45.458 11.9853C43.4311 11.3555 41.3399 11.5561 40.6974 11.6842C40.0036 15.6241 39.3088 19.5651 38.614 23.505H34.3328C34.9142 20.2084 36.9004 8.94983 36.9004 8.94983C38.2928 8.37322 41.7122 7.20299 46.1022 8.33415ZM28.7555 7.94009H25.4251C22.18 7.94009 19.0867 10.569 18.5147 13.8141L17.8417 17.628C17.2697 20.8731 19.4343 23.5021 22.6794 23.5021H29.7636L30.4904 19.3786H23.8326C22.752 19.3786 22.0283 18.5033 22.2211 17.4195L22.2433 17.2899H32.9771L33.5901 13.8141C34.1619 10.569 31.9975 7.94009 28.7524 7.94009H28.7555ZM29.2959 13.4855L29.2706 13.7067H22.8879L22.9227 13.5108C23.1153 12.4301 24.1013 11.4791 25.1849 11.4791H27.6781C28.7493 11.4791 29.4729 12.4144 29.2959 13.4855ZM69.3157 8.15722C67.8572 12.0348 64.5148 18.6309 61.2771 23.5013H56.9957C55.5095 18.8658 54.5498 12.4072 54.3667 8.15722H58.6483C58.7255 9.54354 59.3461 14.6856 60.0544 18.278C61.997 14.7832 64.1386 10.198 65.031 8.15722H69.3157Z" fill="#82858C"/>
+<path d="M88.3799 23.5179C88.0558 22.66 87.7508 21.8212 87.4649 21.0015C87.1789 20.1626 86.8834 19.3143 86.5784 18.4564H77.5993L75.7978 23.5179H72.9096C73.6722 21.4209 74.3871 19.4859 75.0543 17.7129C75.7215 15.9209 76.3697 14.2243 76.9988 12.6229C77.647 11.0215 78.2856 9.49644 78.9147 8.04759C79.5438 6.57967 80.2015 5.13082 80.8878 3.70103H83.4329C84.1192 5.13082 84.7769 6.57967 85.406 8.04759C86.0351 9.49644 86.6642 11.0215 87.2933 12.6229C87.9414 14.2243 88.5992 15.9209 89.2664 17.7129C89.9336 19.4859 90.6485 21.4209 91.4111 23.5179H88.3799ZM85.7777 16.1688C85.1677 14.5102 84.5576 12.9089 83.9476 11.3647C83.3566 9.80146 82.737 8.30495 82.0889 6.87516C81.4216 8.30495 80.783 9.80146 80.1729 11.3647C79.582 12.9089 78.991 14.5102 78.4 16.1688H85.7777Z" fill="#82858C"/>
+<path d="M98.2193 3.50086C101.003 3.50086 103.138 4.03465 104.625 5.10222C106.131 6.15073 106.884 7.7235 106.884 9.82052C106.884 10.9643 106.674 11.9461 106.255 12.7659C105.854 13.5666 105.263 14.2243 104.482 14.739C103.719 15.2346 102.785 15.5969 101.679 15.8256C100.574 16.0544 99.325 16.1688 97.9334 16.1688H95.7315V23.5179H92.9577V3.98699C93.7393 3.79635 94.6067 3.67244 95.5599 3.61524C96.5322 3.53899 97.4186 3.50086 98.2193 3.50086ZM98.4481 5.9315C97.2661 5.9315 96.3606 5.9601 95.7315 6.01729V13.7953H97.819C98.7722 13.7953 99.63 13.7381 100.393 13.6238C101.155 13.4903 101.794 13.2806 102.308 12.9946C102.842 12.6896 103.252 12.2798 103.538 11.765C103.824 11.2503 103.967 10.5926 103.967 9.79192C103.967 9.02937 103.815 8.40027 103.51 7.90461C103.224 7.40895 102.823 7.01814 102.308 6.73218C101.813 6.42716 101.231 6.21746 100.564 6.10307C99.8969 5.98869 99.1916 5.9315 98.4481 5.9315Z" fill="#82858C"/>
+<path d="M109.211 3.70103H111.985V23.5179H109.211V3.70103Z" fill="#82858C"/>
+</g>
+<defs>
+<clipPath id="clip0_14531_9940">
+<rect width="112" height="23.0355" fill="white" transform="translate(0 0.482422)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/src/components/Footer/index.tsx b/src/components/Footer/index.tsx
index b946f10d5..76763e254 100644
--- a/src/components/Footer/index.tsx
+++ b/src/components/Footer/index.tsx
@@ -9,6 +9,8 @@ import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
 import CustomAccordion from '../CustomAccordion';
 import styles from './Footer.module.scss';
 
+import GrayLogo from '../../assets/gray-logo.svg';
+
 const Footer = () => {
   const {
     i18n: { currentLocale },
@@ -91,7 +93,9 @@ const Footer = () => {
     <section className={styles.FooterContainer} data-testid='footer-text'>
       <div className={styles.FooterBody}>
         <div className={styles.LogoWrapper}>
-          <img src='img/gray-logo.svg' alt='Deriv API Logo' className={styles.FooterLogo} />
+          <div className={styles.FooterLogo}>
+            <GrayLogo />
+          </div>
         </div>
         <div className={styles.FooterSection}>
           <section className={styles.Section1} data-testid='API-section'>