From bcf42010921b14179c409d5835548a42aaa75d83 Mon Sep 17 00:00:00 2001
From: Nico Haider <nico@td-haider.at>
Date: Wed, 27 Aug 2025 17:37:14 +0200
Subject: [PATCH] feat(core): new logo

---
 public/logo/square_black.svg                  | 50 ++++++++++++
 public/logo/square_v1.svg                     | 78 ++++++++++++++++++
 public/logo/square_v2.svg                     | 81 +++++++++++++++++++
 public/logo/square_white.svg                  | 50 ++++++++++++
 .../navigation-bar/navigation-bar.html        |  4 +-
 src/index.html                                |  3 +-
 6 files changed, 264 insertions(+), 2 deletions(-)
 create mode 100644 public/logo/square_black.svg
 create mode 100644 public/logo/square_v1.svg
 create mode 100644 public/logo/square_v2.svg
 create mode 100644 public/logo/square_white.svg

diff --git a/public/logo/square_black.svg b/public/logo/square_black.svg
new file mode 100644
index 0000000..9495aa6
--- /dev/null
+++ b/public/logo/square_black.svg
@@ -0,0 +1,50 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="512"
+   height="512"
+   viewBox="0 0 512 512"
+   version="1.1"
+   id="svg1"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1" />
+  <g
+     id="layer1"
+     style="display:none">
+    <g
+       id="g1"
+       transform="matrix(1.2293603,0,0,0.96681167,-60.820434,11.490323)">
+      <path
+         style="font-size:559.096px;font-family:'JetBrains Mono';-inkscape-font-specification:'JetBrains Mono';text-align:center;text-anchor:middle;opacity:0.6;fill:#fffdea;fill-opacity:1;stroke-width:1832.75;stroke-linecap:round;stroke-linejoin:round"
+         d="m 183.65629,459.76863 q -38.01853,0 -60.94147,-20.12745 -22.92294,-20.68656 -22.92294,-55.90961 l 10.06373,11.74102 H 99.79188 v 58.70508 H 49.47324 V 46.037587 h 50.31864 v 89.455363 l -1.11819,69.887 h 11.18192 l -11.18192,11.74101 q 0,-34.66395 23.48203,-55.3505 24.04113,-20.68655 61.50057,-20.68655 46.40496,0 73.80067,30.75028 27.3957,30.75028 27.3957,83.8644 v 90.01445 q 0,52.55503 -27.3957,83.30531 -27.39571,30.75028 -73.80067,30.75028 z M 166.8834,416.15914 q 31.86848,0 49.75955,-16.77288 17.89107,-16.77288 17.89107,-54.23231 v -89.45536 q 0,-38.01853 -17.89107,-54.23231 -17.89107,-16.77288 -49.75955,-16.77288 -30.75028,0 -49.20044,19.56836 -17.89108,19.56836 -17.89108,54.23231 v 83.8644 q 0,34.66395 17.89108,54.23231 18.45016,19.56836 49.20044,19.56836 z"
+         id="text1"
+         aria-label="b" />
+      <path
+         style="font-size:559.096px;font-family:'JetBrains Mono';-inkscape-font-specification:'JetBrains Mono';text-align:center;text-anchor:middle;opacity:1;fill:#fff7c2;fill-opacity:1;stroke-width:1832.75;stroke-linecap:round;stroke-linejoin:round"
+         d="M 234.48425,454.17808 V 46.038 h 50.31864 V 220.47595 H 415.63136 V 46.038 H 465.95 V 454.17808 H 415.63136 V 266.32182 H 284.80289 v 187.85626 z"
+         id="text1-8"
+         aria-label="H" />
+    </g>
+  </g>
+  <g
+     id="g3"
+     style="display:inline">
+    <g
+       id="g2"
+       transform="matrix(1.2293603,0,0,0.96681167,-60.820434,11.490323)">
+      <path
+         style="font-size:559.096px;font-family:'JetBrains Mono';-inkscape-font-specification:'JetBrains Mono';text-align:center;text-anchor:middle;opacity:0.6;fill:#000000;fill-opacity:1;stroke-width:1832.75;stroke-linecap:round;stroke-linejoin:round"
+         d="m 183.65629,459.76863 q -38.01853,0 -60.94147,-20.12745 -22.92294,-20.68656 -22.92294,-55.90961 l 10.06373,11.74102 H 99.79188 v 58.70508 H 49.47324 V 46.037587 h 50.31864 v 89.455363 l -1.11819,69.887 h 11.18192 l -11.18192,11.74101 q 0,-34.66395 23.48203,-55.3505 24.04113,-20.68655 61.50057,-20.68655 46.40496,0 73.80067,30.75028 27.3957,30.75028 27.3957,83.8644 v 90.01445 q 0,52.55503 -27.3957,83.30531 -27.39571,30.75028 -73.80067,30.75028 z M 166.8834,416.15914 q 31.86848,0 49.75955,-16.77288 17.89107,-16.77288 17.89107,-54.23231 v -89.45536 q 0,-38.01853 -17.89107,-54.23231 -17.89107,-16.77288 -49.75955,-16.77288 -30.75028,0 -49.20044,19.56836 -17.89108,19.56836 -17.89108,54.23231 v 83.8644 q 0,34.66395 17.89108,54.23231 18.45016,19.56836 49.20044,19.56836 z"
+         id="path1"
+         aria-label="b" />
+      <path
+         style="font-size:559.096px;font-family:'JetBrains Mono';-inkscape-font-specification:'JetBrains Mono';text-align:center;text-anchor:middle;opacity:1;fill:#000000;fill-opacity:1;stroke-width:1832.75;stroke-linecap:round;stroke-linejoin:round"
+         d="M 234.48425,454.17808 V 46.038 h 50.31864 V 220.47595 H 415.63136 V 46.038 H 465.95 V 454.17808 H 415.63136 V 266.32182 H 284.80289 v 187.85626 z"
+         id="path2"
+         aria-label="H" />
+    </g>
+  </g>
+</svg>
diff --git a/public/logo/square_v1.svg b/public/logo/square_v1.svg
new file mode 100644
index 0000000..2bf21bc
--- /dev/null
+++ b/public/logo/square_v1.svg
@@ -0,0 +1,78 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="512"
+   height="512"
+   viewBox="0 0 512 512"
+   version="1.1"
+   id="svg1"
+   inkscape:version="1.4.2 (f4327f4, 2025-05-13)"
+   sodipodi:docname="square_v1.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#505050"
+     bordercolor="#ffffff"
+     borderopacity="1"
+     inkscape:showpageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="1"
+     inkscape:deskcolor="#505050"
+     inkscape:document-units="px"
+     inkscape:zoom="0.35355339"
+     inkscape:cx="-202.23254"
+     inkscape:cy="197.9899"
+     inkscape:window-width="1920"
+     inkscape:window-height="1009"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1"
+     showguides="true" />
+  <defs
+     id="defs1" />
+  <g
+     inkscape:label="white"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:inline">
+    <g
+       id="g1"
+       transform="matrix(1.2293603,0,0,1.2293603,-60.820434,-54.909041)">
+      <path
+         style="font-size:559.096px;font-family:'JetBrains Mono';-inkscape-font-specification:'JetBrains Mono';text-align:center;text-anchor:middle;opacity:0.5;fill:#ffffff;fill-opacity:1;stroke-width:1832.75;stroke-linecap:round;stroke-linejoin:round"
+         d="m 183.65629,459.76863 q -38.01853,0 -60.94147,-20.12745 -22.92294,-20.68656 -22.92294,-55.90961 l 10.06373,11.74102 H 99.79188 v 58.70508 H 49.47324 V 46.037587 h 50.31864 v 89.455363 l -1.11819,69.887 h 11.18192 l -11.18192,11.74101 q 0,-34.66395 23.48203,-55.3505 24.04113,-20.68655 61.50057,-20.68655 46.40496,0 73.80067,30.75028 27.3957,30.75028 27.3957,83.8644 v 90.01445 q 0,52.55503 -27.3957,83.30531 -27.39571,30.75028 -73.80067,30.75028 z M 166.8834,416.15914 q 31.86848,0 49.75955,-16.77288 17.89107,-16.77288 17.89107,-54.23231 v -89.45536 q 0,-38.01853 -17.89107,-54.23231 -17.89107,-16.77288 -49.75955,-16.77288 -30.75028,0 -49.20044,19.56836 -17.89108,19.56836 -17.89108,54.23231 v 83.8644 q 0,34.66395 17.89108,54.23231 18.45016,19.56836 49.20044,19.56836 z"
+         id="text1"
+         aria-label="b" />
+      <path
+         style="font-size:559.096px;font-family:'JetBrains Mono';-inkscape-font-specification:'JetBrains Mono';text-align:center;text-anchor:middle;opacity:1;fill:#ffffff;fill-opacity:1;stroke-width:1832.75;stroke-linecap:round;stroke-linejoin:round"
+         d="M 234.48425,454.17808 V 46.038 h 50.31864 V 220.47595 H 415.63136 V 46.038 H 465.95 V 454.17808 H 415.63136 V 266.32182 H 284.80289 v 187.85626 z"
+         id="text1-8"
+         aria-label="H" />
+    </g>
+  </g>
+  <g
+     inkscape:label="black"
+     inkscape:groupmode="layer"
+     id="g3"
+     style="display:none">
+    <g
+       id="g2"
+       transform="matrix(1.2375189,0,0,1.2375189,-62.923,-56.972377)">
+      <path
+         style="font-size:559.096px;font-family:'JetBrains Mono';-inkscape-font-specification:'JetBrains Mono';text-align:center;text-anchor:middle;opacity:0.5;fill:#000000;fill-opacity:1;stroke-width:1832.75;stroke-linecap:round;stroke-linejoin:round"
+         d="m 183.65629,459.76863 q -38.01853,0 -60.94147,-20.12745 -22.92294,-20.68656 -22.92294,-55.90961 l 10.06373,11.74102 H 99.79188 v 58.70508 H 49.47324 V 46.037587 h 50.31864 v 89.455363 l -1.11819,69.887 h 11.18192 l -11.18192,11.74101 q 0,-34.66395 23.48203,-55.3505 24.04113,-20.68655 61.50057,-20.68655 46.40496,0 73.80067,30.75028 27.3957,30.75028 27.3957,83.8644 v 90.01445 q 0,52.55503 -27.3957,83.30531 -27.39571,30.75028 -73.80067,30.75028 z M 166.8834,416.15914 q 31.86848,0 49.75955,-16.77288 17.89107,-16.77288 17.89107,-54.23231 v -89.45536 q 0,-38.01853 -17.89107,-54.23231 -17.89107,-16.77288 -49.75955,-16.77288 -30.75028,0 -49.20044,19.56836 -17.89108,19.56836 -17.89108,54.23231 v 83.8644 q 0,34.66395 17.89108,54.23231 18.45016,19.56836 49.20044,19.56836 z"
+         id="path1"
+         aria-label="b" />
+      <path
+         style="font-size:559.096px;font-family:'JetBrains Mono';-inkscape-font-specification:'JetBrains Mono';text-align:center;text-anchor:middle;opacity:1;fill:#000000;fill-opacity:1;stroke-width:1832.75;stroke-linecap:round;stroke-linejoin:round"
+         d="M 234.48425,454.17808 V 46.038 h 50.31864 V 220.47595 H 415.63136 V 46.038 H 465.95 V 454.17808 H 415.63136 V 266.32182 H 284.80289 v 187.85626 z"
+         id="path2"
+         aria-label="H" />
+    </g>
+  </g>
+</svg>
diff --git a/public/logo/square_v2.svg b/public/logo/square_v2.svg
new file mode 100644
index 0000000..913068d
--- /dev/null
+++ b/public/logo/square_v2.svg
@@ -0,0 +1,81 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="512"
+   height="512"
+   viewBox="0 0 512 512"
+   version="1.1"
+   id="svg1"
+   inkscape:version="1.4.2 (f4327f4, 2025-05-13)"
+   sodipodi:docname="square_v2.svg"
+   inkscape:export-filename="square_black.svg"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#505050"
+     bordercolor="#ffffff"
+     borderopacity="1"
+     inkscape:showpageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="1"
+     inkscape:deskcolor="#505050"
+     inkscape:document-units="px"
+     inkscape:zoom="0.5"
+     inkscape:cx="113"
+     inkscape:cy="278"
+     inkscape:window-width="1920"
+     inkscape:window-height="1009"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="g2"
+     showguides="true" />
+  <defs
+     id="defs1" />
+  <g
+     inkscape:label="white"
+     inkscape:groupmode="layer"
+     id="layer1"
+     style="display:none">
+    <g
+       id="g1"
+       transform="matrix(1.2293603,0,0,0.96681167,-60.820434,11.490323)">
+      <path
+         style="font-size:559.096px;font-family:'JetBrains Mono';-inkscape-font-specification:'JetBrains Mono';text-align:center;text-anchor:middle;opacity:0.6;fill:#fffdea;fill-opacity:1;stroke-width:1832.75;stroke-linecap:round;stroke-linejoin:round"
+         d="m 183.65629,459.76863 q -38.01853,0 -60.94147,-20.12745 -22.92294,-20.68656 -22.92294,-55.90961 l 10.06373,11.74102 H 99.79188 v 58.70508 H 49.47324 V 46.037587 h 50.31864 v 89.455363 l -1.11819,69.887 h 11.18192 l -11.18192,11.74101 q 0,-34.66395 23.48203,-55.3505 24.04113,-20.68655 61.50057,-20.68655 46.40496,0 73.80067,30.75028 27.3957,30.75028 27.3957,83.8644 v 90.01445 q 0,52.55503 -27.3957,83.30531 -27.39571,30.75028 -73.80067,30.75028 z M 166.8834,416.15914 q 31.86848,0 49.75955,-16.77288 17.89107,-16.77288 17.89107,-54.23231 v -89.45536 q 0,-38.01853 -17.89107,-54.23231 -17.89107,-16.77288 -49.75955,-16.77288 -30.75028,0 -49.20044,19.56836 -17.89108,19.56836 -17.89108,54.23231 v 83.8644 q 0,34.66395 17.89108,54.23231 18.45016,19.56836 49.20044,19.56836 z"
+         id="text1"
+         aria-label="b" />
+      <path
+         style="font-size:559.096px;font-family:'JetBrains Mono';-inkscape-font-specification:'JetBrains Mono';text-align:center;text-anchor:middle;opacity:1;fill:#fff7c2;fill-opacity:1;stroke-width:1832.75;stroke-linecap:round;stroke-linejoin:round"
+         d="M 234.48425,454.17808 V 46.038 h 50.31864 V 220.47595 H 415.63136 V 46.038 H 465.95 V 454.17808 H 415.63136 V 266.32182 H 284.80289 v 187.85626 z"
+         id="text1-8"
+         aria-label="H" />
+    </g>
+  </g>
+  <g
+     inkscape:label="black"
+     inkscape:groupmode="layer"
+     id="g3"
+     style="display:inline">
+    <g
+       id="g2"
+       transform="matrix(1.2293603,0,0,0.96681167,-60.820434,11.490323)">
+      <path
+         style="font-size:559.096px;font-family:'JetBrains Mono';-inkscape-font-specification:'JetBrains Mono';text-align:center;text-anchor:middle;opacity:0.6;fill:#000000;fill-opacity:1;stroke-width:1832.75;stroke-linecap:round;stroke-linejoin:round"
+         d="m 183.65629,459.76863 q -38.01853,0 -60.94147,-20.12745 -22.92294,-20.68656 -22.92294,-55.90961 l 10.06373,11.74102 H 99.79188 v 58.70508 H 49.47324 V 46.037587 h 50.31864 v 89.455363 l -1.11819,69.887 h 11.18192 l -11.18192,11.74101 q 0,-34.66395 23.48203,-55.3505 24.04113,-20.68655 61.50057,-20.68655 46.40496,0 73.80067,30.75028 27.3957,30.75028 27.3957,83.8644 v 90.01445 q 0,52.55503 -27.3957,83.30531 -27.39571,30.75028 -73.80067,30.75028 z M 166.8834,416.15914 q 31.86848,0 49.75955,-16.77288 17.89107,-16.77288 17.89107,-54.23231 v -89.45536 q 0,-38.01853 -17.89107,-54.23231 -17.89107,-16.77288 -49.75955,-16.77288 -30.75028,0 -49.20044,19.56836 -17.89108,19.56836 -17.89108,54.23231 v 83.8644 q 0,34.66395 17.89108,54.23231 18.45016,19.56836 49.20044,19.56836 z"
+         id="path1"
+         aria-label="b" />
+      <path
+         style="font-size:559.096px;font-family:'JetBrains Mono';-inkscape-font-specification:'JetBrains Mono';text-align:center;text-anchor:middle;opacity:1;fill:#000000;fill-opacity:1;stroke-width:1832.75;stroke-linecap:round;stroke-linejoin:round"
+         d="M 234.48425,454.17808 V 46.038 h 50.31864 V 220.47595 H 415.63136 V 46.038 H 465.95 V 454.17808 H 415.63136 V 266.32182 H 284.80289 v 187.85626 z"
+         id="path2"
+         aria-label="H" />
+    </g>
+  </g>
+</svg>
diff --git a/public/logo/square_white.svg b/public/logo/square_white.svg
new file mode 100644
index 0000000..06971b1
--- /dev/null
+++ b/public/logo/square_white.svg
@@ -0,0 +1,50 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="512"
+   height="512"
+   viewBox="0 0 512 512"
+   version="1.1"
+   id="svg1"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1" />
+  <g
+     id="layer1"
+     style="display:inline">
+    <g
+       id="g1"
+       transform="matrix(1.2293603,0,0,0.96681167,-60.820434,11.490323)">
+      <path
+         style="font-size:559.096px;font-family:'JetBrains Mono';-inkscape-font-specification:'JetBrains Mono';text-align:center;text-anchor:middle;opacity:0.6;fill:#fffdea;fill-opacity:1;stroke-width:1832.75;stroke-linecap:round;stroke-linejoin:round"
+         d="m 183.65629,459.76863 q -38.01853,0 -60.94147,-20.12745 -22.92294,-20.68656 -22.92294,-55.90961 l 10.06373,11.74102 H 99.79188 v 58.70508 H 49.47324 V 46.037587 h 50.31864 v 89.455363 l -1.11819,69.887 h 11.18192 l -11.18192,11.74101 q 0,-34.66395 23.48203,-55.3505 24.04113,-20.68655 61.50057,-20.68655 46.40496,0 73.80067,30.75028 27.3957,30.75028 27.3957,83.8644 v 90.01445 q 0,52.55503 -27.3957,83.30531 -27.39571,30.75028 -73.80067,30.75028 z M 166.8834,416.15914 q 31.86848,0 49.75955,-16.77288 17.89107,-16.77288 17.89107,-54.23231 v -89.45536 q 0,-38.01853 -17.89107,-54.23231 -17.89107,-16.77288 -49.75955,-16.77288 -30.75028,0 -49.20044,19.56836 -17.89108,19.56836 -17.89108,54.23231 v 83.8644 q 0,34.66395 17.89108,54.23231 18.45016,19.56836 49.20044,19.56836 z"
+         id="text1"
+         aria-label="b" />
+      <path
+         style="font-size:559.096px;font-family:'JetBrains Mono';-inkscape-font-specification:'JetBrains Mono';text-align:center;text-anchor:middle;opacity:1;fill:#fff7c2;fill-opacity:1;stroke-width:1832.75;stroke-linecap:round;stroke-linejoin:round"
+         d="M 234.48425,454.17808 V 46.038 h 50.31864 V 220.47595 H 415.63136 V 46.038 H 465.95 V 454.17808 H 415.63136 V 266.32182 H 284.80289 v 187.85626 z"
+         id="text1-8"
+         aria-label="H" />
+    </g>
+  </g>
+  <g
+     id="g3"
+     style="display:none">
+    <g
+       id="g2"
+       transform="matrix(1.2375189,0,0,1.2375189,-62.923,-56.972377)">
+      <path
+         style="font-size:559.096px;font-family:'JetBrains Mono';-inkscape-font-specification:'JetBrains Mono';text-align:center;text-anchor:middle;opacity:0.5;fill:#000000;fill-opacity:1;stroke-width:1832.75;stroke-linecap:round;stroke-linejoin:round"
+         d="m 183.65629,459.76863 q -38.01853,0 -60.94147,-20.12745 -22.92294,-20.68656 -22.92294,-55.90961 l 10.06373,11.74102 H 99.79188 v 58.70508 H 49.47324 V 46.037587 h 50.31864 v 89.455363 l -1.11819,69.887 h 11.18192 l -11.18192,11.74101 q 0,-34.66395 23.48203,-55.3505 24.04113,-20.68655 61.50057,-20.68655 46.40496,0 73.80067,30.75028 27.3957,30.75028 27.3957,83.8644 v 90.01445 q 0,52.55503 -27.3957,83.30531 -27.39571,30.75028 -73.80067,30.75028 z M 166.8834,416.15914 q 31.86848,0 49.75955,-16.77288 17.89107,-16.77288 17.89107,-54.23231 v -89.45536 q 0,-38.01853 -17.89107,-54.23231 -17.89107,-16.77288 -49.75955,-16.77288 -30.75028,0 -49.20044,19.56836 -17.89108,19.56836 -17.89108,54.23231 v 83.8644 q 0,34.66395 17.89108,54.23231 18.45016,19.56836 49.20044,19.56836 z"
+         id="path1"
+         aria-label="b" />
+      <path
+         style="font-size:559.096px;font-family:'JetBrains Mono';-inkscape-font-specification:'JetBrains Mono';text-align:center;text-anchor:middle;opacity:1;fill:#000000;fill-opacity:1;stroke-width:1832.75;stroke-linecap:round;stroke-linejoin:round"
+         d="M 234.48425,454.17808 V 46.038 h 50.31864 V 220.47595 H 415.63136 V 46.038 H 465.95 V 454.17808 H 415.63136 V 266.32182 H 284.80289 v 187.85626 z"
+         id="path2"
+         aria-label="H" />
+    </g>
+  </g>
+</svg>
diff --git a/src/app/core/components/navigation-bar/navigation-bar.html b/src/app/core/components/navigation-bar/navigation-bar.html
index 99d7549..6e3291c 100644
--- a/src/app/core/components/navigation-bar/navigation-bar.html
+++ b/src/app/core/components/navigation-bar/navigation-bar.html
@@ -1,6 +1,8 @@
 <nav class="sticky top-0 p-[30px] flex flex-row justify-between relative z-5000">
     <div class="logo grid place-items-center">
-        <span class="font-semibold text-3xl">BH</span>
+        <span class="font-semibold text-3xl">
+            <img [src]="themeSwitchService.darkMode() ? 'logo/square_white.svg' : 'logo/square_black.svg'" alt="bH" width="50">
+        </span>
     </div>
     <div class="navigation grid place-items-center">
         <p-card class="px-4! py-3!">
diff --git a/src/index.html b/src/index.html
index 570439b..d1de028 100644
--- a/src/index.html
+++ b/src/index.html
@@ -5,7 +5,8 @@
   <title>byHaider</title>
   <base href="/">
   <meta name="viewport" content="width=device-width, initial-scale=1">
-  <link rel="icon" type="image/x-icon" href="favicon.ico">
+  <link rel="icon" href="logo/square_black.svg" media="(prefers-color-scheme: light)">
+  <link rel="icon" href="logo/square_white.svg" media="(prefers-color-scheme: dark)">
 </head>
 <body>
   <app-root></app-root>