diff --git a/frontend/src/app/components/svg-images/svg-images.component.html b/frontend/src/app/components/svg-images/svg-images.component.html
index 18290a0c7..32c99cc58 100644
--- a/frontend/src/app/components/svg-images/svg-images.component.html
+++ b/frontend/src/app/components/svg-images/svg-images.component.html
@@ -147,10 +147,10 @@
     <ng-component *ngTemplateOutlet="bitcoinLogo; context: {$implicit: '#5fd15c', width, height, viewBox}"></ng-component>
   </ng-container>
   <ng-container *ngSwitchCase="'liquid'">
-    <ng-component *ngTemplateOutlet="liquidLogo; context: {$implicit: '', width, height, viewBox, color1: '#2cccbf', color2: '#9ef2ed'}"></ng-component>
+    <ng-component *ngTemplateOutlet="liquidLogo; context: {$implicit: '', width, height, viewBox}"></ng-component>
   </ng-container>
   <ng-container *ngSwitchCase="'liquidtestnet'">
-    <ng-component *ngTemplateOutlet="liquidLogo; context: {$implicit: '', width, height, viewBox, color1: '#858585', color2: '#c6c6c6'}"></ng-component>
+    <ng-component *ngTemplateOutlet="liquidTestnetLogo; context: {$implicit: '', width, height, viewBox}"></ng-component>
   </ng-container>
   <ng-container *ngSwitchCase="'clippy'">
     <svg [attr.width]="width" [attr.height]="height" [attr.viewBox]="viewBox" xmlns="http://www.w3.org/2000/svg">
@@ -269,33 +269,43 @@
   </svg>
 </ng-template>
 
-<ng-template #liquidLogo let-width="width" let-height="height" let-viewBox="viewBox" let-color1="color1" let-color2="color2">
-  <svg [attr.width]="width" [attr.height]="height" [attr.viewBox]="viewBox" version="1.1" xmlns="http://www.w3.org/2000/svg">
+<ng-template #liquidLogo let-width="width" let-height="height" let-viewBox="viewBox">
+  <svg xmlns="http://www.w3.org/2000/svg" version="1.1" [attr.width]="width" [attr.height]="height" viewBox="0 0 200 200">
     <defs>
-      <polygon id="path-1" points="0 0.649692716 52.8225298 0.649692716 52.8225298 106.004141 0 106.004141"/>
+      <style> .cls-1 { fill: none; } .cls-2 { fill: #14909c; } .cls-3 { fill: #22e1c9; } .cls-4 { fill: #0d1437; } </style>
     </defs>
-    <g id="Unified-Headers" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-      <g id="Assets" transform="translate(-190.000000, -200.000000)">
-        <g id="brand/products/logos/liquid" transform="translate(190.000000, 200.000000)">
-          <g id="Group-38" transform="translate(0.000000, -0.000000)">
-            <path d="M23.1161265,84.4720497 C20.9217995,84.4720497 18.8355937,83.190767 17.9227679,81.0564707 C14.8209325,73.8058557 13.2505176,66.1022975 13.2505176,58.160812 C13.2505176,28.6260995 35.4507963,3.63844273 64.8916448,0.0413340043 C67.9881627,-0.330537599 70.7975393,1.84781928 71.178622,4.92325031 C71.5597046,7.99691891 69.3600602,10.7956493 66.2688597,11.1728081 C42.4733515,14.0825713 24.5305634,34.2817203 24.5305634,58.160812 C24.5305634,64.5866123 25.8014296,70.8132586 28.3041676,76.6662709 C29.523632,79.5161116 28.1871841,82.8118457 25.3210883,84.0226314 C24.59969,84.3275309 23.8517046,84.4720497 23.1161265,84.4720497" id="Fill-1" [attr.fill]="color1"/>
-            <path d="M35.3026907,53.8302277 C34.9875568,53.8302277 34.6653808,53.791147 34.3467259,53.7076562 C32.2974754,53.1765128 31.0651083,51.0697032 31.5915051,49.0037509 C36.4646368,29.9003529 53.5346821,16.563147 73.1064326,16.563147 C83.0921274,16.563147 92.8137435,20.1017344 100.480828,26.5305234 C102.107552,27.8912453 102.331139,30.3284651 100.979056,31.9680817 C99.6304943,33.6094746 97.2150547,33.8350773 95.5883301,32.4725791 C89.2926946,27.1948968 81.3087161,24.2869311 73.1064326,24.2869311 C57.0293232,24.2869311 43.0085063,35.2419856 39.0068342,50.9275913 C38.563182,52.6737918 37.0068784,53.8302277 35.3026907,53.8302277" id="Fill-3" [attr.fill]="color2"/>
-            <path d="M70.2960951,99.2782606 C65.7440202,98.9692101 61.3042321,97.9493436 57.1014942,96.2404763 C55.1124121,95.4314912 54.1428237,93.1317921 54.9341789,91.1029667 C55.7290988,89.0759592 57.981966,88.0869978 59.9710481,88.8941649 C63.4198597,90.2976176 67.0665102,91.1356897 70.811189,91.3902019 C75.981733,91.741065 81.0382078,90.9738927 85.8415915,89.1068643 C87.8431499,88.3324202 90.0817584,89.3559226 90.8428141,91.3956557 C91.6038697,93.4353888 90.600417,95.7205443 88.6006409,96.4986243 C82.7456815,98.7710542 76.5895081,99.7054774 70.2960951,99.2782606" id="Fill-5" [attr.fill]="color2"/>
-            <g id="Group-9" transform="translate(0.000000, 18.219462)">
-              <mask id="mask-2" fill="white">
-                <polygon points="0 0.649692716 52.8225298 0.649692716 52.8225298 106.004141 0 106.004141" transform="matrix(1, 0, 0, 1, 0, 0)"/>
-              </mask>
-              <g id="Clip-8"/>
-              <path d="M48.9808033,106.004671 C48.6097888,106.004671 48.2317074,105.949902 47.8589262,105.835064 C19.6812588,97.2416618 -0.000176673568,69.6717516 -0.000176673568,39.142559 C-0.000176673568,26.0704817 3.71526846,13.3711856 10.7451097,2.41742443 C11.8881877,0.631254658 14.2644472,0.111834369 16.0523837,1.26021256 C17.8385535,2.40505728 18.3579738,4.78308351 17.2113623,6.56925328 C10.9783188,16.2809993 7.6833568,27.545706 7.6833568,39.142559 C7.6833568,66.3220207 25.1263382,90.870813 50.1009137,98.4854438 C52.130893,99.105568 53.273971,101.252152 52.6538468,103.282131 C52.1485604,104.937562 50.627401,106.004671 48.9808033,106.004671" id="Fill-7" mask="url(#mask-2)" [attr.fill]="color2"/>
-            </g>
-            <path d="M72.4972871,114.285714 C55.7249457,114.285714 40.4087071,107.985296 30.1336329,96.7687076 C28.493546,94.9775315 28.6267155,92.2090341 30.4297597,90.5795855 C32.2328039,88.953615 35.0241056,89.0840404 36.6659447,90.8752165 C45.7407417,100.778855 59.7007546,106.112386 74.9066028,105.474171 C77.350963,105.359397 79.3975672,107.253174 79.4991965,109.670393 C79.6008258,112.085872 77.7084179,114.129204 75.2710665,114.230066 C74.3441371,114.266585 73.4154554,114.285714 72.4972871,114.285714" id="Fill-10" [attr.fill]="color1"/>
-          </g>
+    <g>
+      <g id="Layer_1">
+        <rect class="cls-1" x="100.3" y="-863.4" width="497.9" height="329.9" />
+        <g>
+          <circle class="cls-4" cx="100" cy="100" r="100" />
+          <path class="cls-2"
+            d="M93,82.8c4.8-28.5,35.2-24.7,38.8-24.1,3.8,1.1,7.4-2.6,5.3-6.2-8.4-14.3-25.1-23.7-37.7-24.3,3.2-2.5,13.7-3.9,24.9-3.4,4,.1,5.6-5,2.3-7.2-.3-.2-.6-.4-1-.5-15.3-4.7-31.8-5.1-47.4-1-11.6,3-22.8,8.5-32.7,16.5-4.2,3.4-8,7.1-11.3,11-24.9,29-28,71.6-6.7,104,.4.7.8,1.3,1.3,1.9.4.5.5.7.7.9,1,1.5,2.1,2.9,3.2,4.3,1.2,1.5,2.5,3,3.9,4.4.3.4.7.7,1,1.1,1.2,1.3,2.5,2.5,3.8,3.7,0,0,.2.2.3.3,1.4,1.3,2.9,2.5,4.3,3.7.3.3.7.6,1.1.8,1.4,1,2.7,2,4.1,3,.2,0,.3.2.5.4,1.6,1,3.2,2.1,4.8,3,.3.2.7.4.9.6,1.5.8,3,1.6,4.5,2.4.2,0,.3.2.5.2,1.7.8,3.5,1.6,5.3,2.3.2,0,.5.2.7.3,1.7.7,3.4,1.3,5.1,1.8.1,0,.3,0,.4.1,1.9.6,3.8,1.1,5.7,1.6,0,0,.2,0,.2,0,1.9.5,3.8.8,5.7,1.2h.2c4,.7,8,1,12.1,1.2h0c19.9.5,40.1-5.8,56.8-19.3,10.2-8.3,18.1-18.4,23.5-29.5.3-.6.6-1.3.9-1.9,1.6-3.4,2.9-7,4-10.6-52.3,19.7-96-7.1-90-42.7h0c0,0,0,0,0,0Z" />
+          <path class="cls-3"
+            d="M62.4,91.6c10.2-13.7,14.9-11.3,15.9-15.6,1.3-5.8-19.8-10.8-36.3,1.8,22.9-28.7,58.6-35.3,89-19.5,4,2.1,8.6-1.9,6.3-5.8-8.4-14.3-25.1-23.7-37.7-24.3,3.2-2.5,13.7-3.9,24.9-3.4,4,.1,5.6-5,2.3-7.2-.3-.2-.6-.4-1-.5-15.3-4.7-31.8-5.1-47.4-1-11.6,3-22.8,8.5-32.7,16.5-4.2,3.4-8,7.1-11.3,11-24.9,29-28,71.6-6.7,104,.4.7.8,1.3,1.3,1.9.4.5.5.7.7.9,1,1.5,2.1,2.9,3.2,4.3,22.2,27.4,57.6,37.7,89.6,29.3-81.8-12.1-69.3-79.6-59.8-92.4h0s0,0,0,0Z" />
         </g>
       </g>
     </g>
   </svg>
 </ng-template>
 
+<ng-template #liquidTestnetLogo let-width="width" let-height="height" let-viewBox="viewBox">
+  <svg xmlns="http://www.w3.org/2000/svg" version="1.1" [attr.width]="width" [attr.height]="height" viewBox="0 0 200 200" id="Layer_1">
+    <defs>
+      <style> .st0 { fill: #111; } .st1 { fill: #7a7a7a; } .st2 { fill: #bababa; } </style>
+    </defs>
+    <g id="Layer_11" data-name="Layer_1">
+      <g>
+        <circle class="st0" cx="100" cy="100" r="100" />
+        <path class="st1"
+          d="M93,82.8c4.8-28.5,35.2-24.7,38.8-24.1,3.8,1.1,7.4-2.6,5.3-6.2-8.4-14.3-25.1-23.7-37.7-24.3,3.2-2.5,13.7-3.9,24.9-3.4,4,.1,5.6-5,2.3-7.2-.3-.2-.6-.4-1-.5-15.3-4.7-31.8-5.1-47.4-1-11.6,3-22.8,8.5-32.7,16.5-4.2,3.4-8,7.1-11.3,11-24.9,29-28,71.6-6.7,104,.4.7.8,1.3,1.3,1.9.4.5.5.7.7.9,1,1.5,2.1,2.9,3.2,4.3,1.2,1.5,2.5,3,3.9,4.4.3.4.7.7,1,1.1,1.2,1.3,2.5,2.5,3.8,3.7,0,0,.2.2.3.3,1.4,1.3,2.9,2.5,4.3,3.7.3.3.7.6,1.1.8,1.4,1,2.7,2,4.1,3,.2,0,.3.2.5.4,1.6,1,3.2,2.1,4.8,3,.3.2.7.4.9.6,1.5.8,3,1.6,4.5,2.4.2,0,.3.2.5.2,1.7.8,3.5,1.6,5.3,2.3.2,0,.5.2.7.3,1.7.7,3.4,1.3,5.1,1.8,0,0,.3,0,.4.1,1.9.6,3.8,1.1,5.7,1.6h.2c1.9.5,3.8.8,5.7,1.2h.2c4,.7,8,1,12.1,1.2h0c19.9.5,40.1-5.8,56.8-19.3,10.2-8.3,18.1-18.4,23.5-29.5.3-.6.6-1.3.9-1.9,1.6-3.4,2.9-7,4-10.6-52.3,19.7-96-7.1-90-42.7h0Z" />
+        <path class="st2"
+          d="M62.4,91.6c10.2-13.7,14.9-11.3,15.9-15.6,1.3-5.8-19.8-10.8-36.3,1.8,22.9-28.7,58.6-35.3,89-19.5,4,2.1,8.6-1.9,6.3-5.8-8.4-14.3-25.1-23.7-37.7-24.3,3.2-2.5,13.7-3.9,24.9-3.4,4,.1,5.6-5,2.3-7.2-.3-.2-.6-.4-1-.5-15.3-4.7-31.8-5.1-47.4-1-11.6,3-22.8,8.5-32.7,16.5-4.2,3.4-8,7.1-11.3,11-24.9,29-28,71.6-6.7,104,.4.7.8,1.3,1.3,1.9.4.5.5.7.7.9,1,1.5,2.1,2.9,3.2,4.3,22.2,27.4,57.6,37.7,89.6,29.3-81.8-12.1-69.3-79.6-59.8-92.4h-.3Z" />
+      </g>
+    </g>
+  </svg>
+</ng-template>
+
 <ng-template #researchLogo>
   <svg fill="none" version="1.1" viewBox="0 0 1425 536" [attr.width]="width" [attr.height]="height" xmlns="http://www.w3.org/2000/svg">
     <path d="m626.82 304.64v-63.589c0-9.877-2.267-17.475-6.74-22.501-4.414-5.027-11.094-7.54-19.69-7.54-9.701 0-17.658 3.156-23.12 9.059-5.459 5.962-8.364 14.728-8.364 25.424v59.206h-21.493v-63.648c0-19.93-8.944-30.041-26.605-30.041-9.698 0-17.658 3.156-23.117 9.059-5.459 5.962-8.364 14.728-8.364 25.424v59.206h-21.493v-113.15h20.911v12.332c8.482-8.416 20.678-13.034 34.796-13.034 16.844 0 30.145 6.605 37.755 18.703 9.178-11.923 23.991-18.703 41.242-18.703 14.058 0 25.211 4.091 33.169 12.099 8.305 8.416 12.662 21.157 12.605 36.762v64.933h-21.492z" fill="#fff"/>