From 09fa019b4f6a323cf22658a17cb32db8035816a9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=9C=D0=B0=D1=80=D1=82=D1=8B=D0=BD=D0=BE=D0=B2=20=D0=9C?=
 =?UTF-8?q?=D0=B0=D0=BA=D1=81=D0=B8=D0=BC=20=D0=A1=D0=B5=D1=80=D0=B3=D0=B5?=
 =?UTF-8?q?=D0=B5=D0=B2=D0=B8=D1=87?= <msmarty5@mts.ru>
Date: Tue, 16 Dec 2025 22:03:26 +0300
Subject: [PATCH] Add logo

---
 package.json                                 |   2 +-
 src/app/styles/antd.less                     |   5 +
 src/features/auth/Login/assets/index.ts      |   3 +
 src/features/auth/Login/assets/logo.svg      | 110 +++++++++++++++++++
 src/features/auth/Login/index.tsx            |   4 +-
 src/features/auth/Login/styles.module.less   |   5 +
 src/widgets/layout/Header/assets/index.ts    |   3 +
 src/widgets/layout/Header/assets/logo.svg    |  92 ++++++++++++++++
 src/widgets/layout/Header/index.tsx          |   4 +-
 src/widgets/layout/Header/styles.module.less |   4 +
 10 files changed, 228 insertions(+), 4 deletions(-)
 create mode 100644 src/features/auth/Login/assets/index.ts
 create mode 100644 src/features/auth/Login/assets/logo.svg
 create mode 100644 src/widgets/layout/Header/assets/index.ts
 create mode 100644 src/widgets/layout/Header/assets/logo.svg

diff --git a/package.json b/package.json
index 8326917d..52bfbfe9 100644
--- a/package.json
+++ b/package.json
@@ -80,7 +80,7 @@
     "npm": ">10"
   },
   "lint-staged": {
-    "src/**/*": "prettier --write --list-different",
+    "src/**/*.{ts,tsx,js,jsx,json,css,less}": "prettier --write --list-different",
     "src/**/*.{ts,tsx}": "eslint --fix"
   }
 }
diff --git a/src/app/styles/antd.less b/src/app/styles/antd.less
index f3745e77..3bb6a0bf 100644
--- a/src/app/styles/antd.less
+++ b/src/app/styles/antd.less
@@ -63,3 +63,8 @@
 p:last-of-type {
   margin-bottom: 0;
 }
+
+.ant-layout-header {
+  padding-left: 10px;
+  padding-right: 20px;
+}
diff --git a/src/features/auth/Login/assets/index.ts b/src/features/auth/Login/assets/index.ts
new file mode 100644
index 00000000..96d53932
--- /dev/null
+++ b/src/features/auth/Login/assets/index.ts
@@ -0,0 +1,3 @@
+import Logo from './logo.svg';
+
+export { Logo };
diff --git a/src/features/auth/Login/assets/logo.svg b/src/features/auth/Login/assets/logo.svg
new file mode 100644
index 00000000..21c04ce5
--- /dev/null
+++ b/src/features/auth/Login/assets/logo.svg
@@ -0,0 +1,110 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   inkscape:version="1.4.2 (ebf0e940d0, 2025-05-08)"
+   inkscape:export-ydpi="98.341461"
+   inkscape:export-xdpi="98.341461"
+   inkscape:export-filename="bion.svg"
+   sodipodi:docname="logo_original.svg"
+   version="1.1"
+   viewBox="0 0 6186.5118 4680.1974"
+   height="468.01974"
+   width="618.65118"
+   id="outputsvg"
+   class="img-fluid"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/">
+  <metadata
+     id="metadata13">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <sodipodi:namedview
+     showgrid="false"
+     inkscape:document-rotation="0"
+     inkscape:current-layer="outputsvg"
+     inkscape:window-maximized="1"
+     inkscape:window-y="0"
+     inkscape:window-x="0"
+     inkscape:window-height="1020"
+     inkscape:window-width="1920"
+     inkscape:cy="301.73439"
+     inkscape:cx="447.63633"
+     inkscape:zoom="0.65454919"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:pagecheckerboard="0"
+     inkscape:pageopacity="0.0"
+     inkscape:showpageshadow="2"
+     borderopacity="1.0"
+     bordercolor="#666666"
+     pagecolor="#ffffff"
+     id="namedview38">
+    <inkscape:page
+       x="0"
+       y="2.2631325e-15"
+       width="6186.5117"
+       height="4680.1973"
+       id="page1"
+       margin="0"
+       bleed="0" />
+  </sodipodi:namedview>
+  <defs
+     id="defs6">
+    <linearGradient
+       y2="7330.0005"
+       x2="7469.9995"
+       y1="4390"
+       x1="5780"
+       gradientUnits="userSpaceOnUse"
+       id="lg23Mp0ee5XNjMXo">
+      <stop
+         id="stop1"
+         style="stop-color:rgb(29,52,94);"
+         offset="0" />
+      <stop
+         id="stop104"
+         style="stop-color:#782645;stop-opacity:1;"
+         offset="0.5" />
+      <stop
+         id="stop105"
+         style="stop-color:#a51f38;stop-opacity:1;"
+         offset="0.75" />
+      <stop
+         id="stop106"
+         style="stop-color:#bc1c32;stop-opacity:1;"
+         offset="0.875" />
+    </linearGradient>
+    <linearGradient
+       spreadMethod="pad"
+       gradientUnits="userSpaceOnUse"
+       y2="6919.5586"
+       x2="7060.0918"
+       y1="4508.9443"
+       x1="5316.7983"
+       id="linearGradient101"
+       xlink:href="#lg23Mp0ee5XNjMXo"
+       inkscape:collect="always"
+       gradientTransform="matrix(0.80997631,0,0,0.80997631,-2105.5281,-2787.736)" />
+  </defs>
+  <path
+     style="font-weight:bold;font-size:985.741px;line-height:0px;font-family:Bion;-inkscape-font-specification:'Bion, Bold';dominant-baseline:central;text-anchor:middle;fill:#08235b;stroke-width:0.809976"
+     d="m 241.50657,4511.6355 q -129.13208,0 -241.5065654653243,-55.2015 V 4287.8723 Q 52.244285,4317.4445 115.33171,4336.1736 q 64.07317,17.7433 117.30319,17.7433 44.35834,0 68.01613,-13.8003 23.65778,-13.8004 23.65778,-41.4012 0,-27.6007 -25.62926,-41.4011 -24.64353,-13.8004 -80.83077,-29.5722 -65.05891,-18.7291 -108.43151,-38.4439 -42.386875,-20.7006 -73.930585,-65.0589 -31.5437105,-45.3441 -31.5437105,-120.2604 0,-98.5741 67.0303905,-151.8041 68.016135,-53.2301 193.205245,-53.2301 117.30318,0 231.64914,51.2586 v 160.6758 q -53.23001,-25.6293 -110.40299,-40.4154 -56.18724,-14.7861 -103.50281,-14.7861 -41.40113,0 -61.11595,11.8289 -19.71482,11.8288 -19.71482,37.4581 0,28.5865 25.62927,43.3726 25.62927,13.8004 83.78799,30.558 65.05891,18.7291 107.44577,38.4439 42.38686,19.7148 72.94484,64.0732 31.54371,43.3726 31.54371,116.3174 0,100.5456 -73.93058,157.7186 -73.93058,56.1872 -207.00561,56.1872 z m 543.14298,-31.5437 -200.10543,-489.9133 h 197.1482 l 100.5456,271.0788 99.5598,-271.0788 H 1178.9459 L 894.06682,4680.1972 H 692.97563 Z M 1265.691,3990.1785 h 93.6454 l 53.23,57.173 q 29.5722,-34.501 72.9448,-52.2443 43.3727,-17.7433 95.6169,-17.7433 67.0304,0 118.289,28.5865 51.2585,28.5864 78.8592,80.8307 28.5865,52.2443 28.5865,121.2462 v 290.7936 H 1619.572 v -273.0503 q 0,-43.3726 -21.6863,-67.0304 -21.6863,-23.6578 -61.1159,-23.6578 -39.4297,0 -62.1017,24.6436 -21.6863,23.6577 -21.6863,66.0446 v 273.0503 H 1265.691 Z m 919.6973,520.4713 q -83.788,0 -146.8754,-32.5295 -62.1017,-33.5152 -96.6026,-93.6454 -34.501,-60.1302 -34.501,-139.9752 0,-79.845 33.5152,-139.9752 34.501,-60.1302 96.6027,-92.6597 62.1016,-33.5152 143.9181,-33.5152 80.8308,0 166.5903,33.5152 v 158.7043 q -74.9163,-34.5009 -135.0465,-34.5009 -57.173,0 -88.7167,28.5865 -31.5437,28.5864 -31.5437,79.845 0,51.2585 32.5294,79.845 32.5295,28.5865 90.6882,28.5865 63.0874,0 136.0322,-35.4867 v 155.7471 q -79.845,37.4582 -166.5902,37.4582 z m 364.7244,-701.8477 h 138.9895 l 210.9486,339.095 210.9485,-339.095 h 138.9895 l 102.5171,690.0188 h -201.0912 l -50.2728,-361.767 -143.9182,233.6206 h -114.3459 l -143.9182,-233.6206 -50.2728,361.767 h -201.0912 z m 1137.546,700.8619 q -72.9448,0 -131.1036,-33.5152 -57.1729,-34.5009 -89.7024,-94.6311 -31.5437,-60.1302 -31.5437,-137.018 0,-76.8878 31.5437,-137.018 32.5295,-60.1302 89.7024,-93.6454 58.1588,-34.501 131.1036,-34.501 52.2443,0 96.6026,17.7434 45.3441,16.7576 77.8736,49.287 l 47.3155,-56.1872 h 101.5314 v 508.6424 h -101.5314 l -47.3155,-57.173 q -32.5295,32.5294 -77.8736,50.2728 -44.3583,17.7433 -96.6026,17.7433 z m -67.0304,-265.1643 q 0,49.287 29.5722,79.845 29.5723,29.5722 77.8736,29.5722 48.3013,0 77.8735,-29.5722 29.5723,-30.558 29.5723,-79.845 0,-49.2871 -29.5723,-78.8593 -29.5722,-30.558 -77.8735,-30.558 -48.3013,0 -77.8736,30.558 -29.5722,29.5722 -29.5722,78.8593 z m 729.4473,265.1643 q -57.173,0 -115.3317,-12.8146 -57.173,-12.8146 -104.4885,-35.4867 v -144.9039 q 51.2585,28.5865 101.5313,44.3583 50.2728,14.7861 92.6597,14.7861 61.1159,0 61.1159,-33.5152 0,-16.7576 -18.7291,-24.6435 -17.7433,-8.8717 -60.1302,-20.7005 -51.2585,-11.8289 -86.7452,-26.6151 -35.4867,-15.7718 -61.1159,-48.3013 -25.6293,-32.5294 -25.6293,-87.7309 0,-73.9306 54.2158,-114.346 55.2015,-41.4011 151.8041,-41.4011 109.4172,0 208.9771,44.3584 v 140.9609 q -46.3299,-24.6435 -95.6169,-38.4439 -49.2871,-13.8004 -86.7452,-13.8004 -56.1873,0 -56.1873,32.5295 0,18.7291 18.7291,27.6007 19.7148,8.8717 66.0447,21.6863 52.2442,12.8147 86.7452,27.6008 35.4867,14.7861 61.1159,46.3298 25.6293,30.558 25.6293,82.8023 0,74.9163 -57.173,117.3032 -56.1872,42.3868 -160.6758,42.3868 z m 599.3311,-1.9715 q -203.0626,0 -203.0626,-193.2052 V 4151.84 h -94.6312 v -76.8878 l 211.9343,-216.863 h 69.9876 v 132.0893 h 138.9895 v 151.8041 h -138.9895 v 142.9325 q 0,34.5009 16.7576,51.2585 16.7576,15.7719 54.2158,15.7719 35.4867,0 73.9306,-12.8147 v 150.8184 q -69.0019,17.7433 -129.1321,17.7433 z m 534.2713,3.943 q -95.6169,0 -168.5618,-32.5295 -71.959,-33.5151 -111.3887,-93.6454 -39.4296,-61.1159 -39.4296,-140.9609 0,-77.8736 36.4724,-138.0038 36.4724,-61.1159 100.5456,-94.6311 65.0589,-34.5009 147.8611,-34.5009 84.7738,0 149.8327,34.5009 65.0589,34.5009 99.5598,95.6169 35.4867,61.1159 35.4867,138.0037 0,33.5152 -4.9287,58.1587 h -376.5531 q 13.8004,31.5438 54.2158,49.2871 40.4153,16.7576 102.517,16.7576 82.8023,0 175.4619,-32.5295 v 139.9753 q -108.4315,34.5009 -201.0911,34.5009 z m 68.0161,-317.4086 q -9.8574,-36.4724 -35.4867,-56.1872 -25.6293,-19.7149 -65.0589,-19.7149 -39.4296,0 -67.0304,20.7006 -26.615,19.7148 -35.4867,55.2015 z m 280.9364,-204.0484 h 93.6453 l 50.2728,55.2015 q 25.6293,-33.5152 59.1445,-49.2871 33.5152,-15.7718 77.8735,-15.7718 36.4725,0 72.9449,9.8574 v 163.633 q -36.4724,-9.8574 -65.0589,-9.8574 -49.2871,0 -75.9021,29.5722 -25.6293,29.5723 -25.6293,83.788 v 241.5066 h -187.2907 z"
+     id="text37"
+     aria-label="SyncMaster" />
+  <path
+     sodipodi:nodetypes="cscsscsssssc"
+     id="path100"
+     d="m 4439.7996,657.50983 c 0,0 -671.1518,-786.20641 -1796.13,-639.192232 C 1518.6915,165.33178 1586.0337,1037.9897 1586.0337,1037.9897 c 0,0 28.5365,546.3487 584.6337,757.2821 556.0972,210.9334 1313.942,248.5798 1518.0814,546.5094 365.3837,533.2558 -517.5586,1346.0721 -2067.7866,271.6565 0,0 530.5295,703.1115 1572.4127,706.3074 1041.8833,3.1959 1393.4389,-558.6118 1409.4187,-980.4786 15.9798,-421.8668 -364.3395,-857.1988 -901.2609,-965.8615 -536.9215,-108.6627 -1188.8974,-252.4809 -1303.952,-556.09716 -115.0546,-303.61626 236.5011,-594.44879 591.2527,-607.23264 354.7516,-12.78378 885.2812,22.37179 1450.9662,447.43463 z"
+     style="vector-effect:non-scaling-stroke;fill:url(#linearGradient101);stroke:none;stroke-width:8.09976;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1;-inkscape-stroke:hairline" />
+</svg>
diff --git a/src/features/auth/Login/index.tsx b/src/features/auth/Login/index.tsx
index 3674baa2..fd0877cc 100644
--- a/src/features/auth/Login/index.tsx
+++ b/src/features/auth/Login/index.tsx
@@ -4,6 +4,7 @@ import { authService, LoginResponse, useLogin } from '@entities/auth';
 import { Form, Input, Typography } from 'antd';
 import { useTranslation } from 'react-i18next';
 
+import { Logo } from './assets';
 import classes from './styles.module.less';
 
 const { Title } = Typography;
@@ -18,7 +19,8 @@ export const Login = () => {
 
   return (
     <div className={classes.wrapper}>
-      <Title>{t('auth')}</Title>
+      <Logo className={classes.logo} />
+      <Title level={2}>{t('auth')}</Title>
       <ManagedForm mutationFunction={authService.login} onSuccess={onSuccess}>
         <Form.Item label={t('username')} name="username" rules={[{ required: true }]}>
           <Input size="large" />
diff --git a/src/features/auth/Login/styles.module.less b/src/features/auth/Login/styles.module.less
index b8a476b7..92c6e365 100644
--- a/src/features/auth/Login/styles.module.less
+++ b/src/features/auth/Login/styles.module.less
@@ -7,4 +7,9 @@
   background-color: @white;
   border-radius: 16px;
   box-shadow: @box-shadow-base;
+
+  .logo {
+    width: auto;
+    height: auto;
+  }
 }
diff --git a/src/widgets/layout/Header/assets/index.ts b/src/widgets/layout/Header/assets/index.ts
new file mode 100644
index 00000000..96d53932
--- /dev/null
+++ b/src/widgets/layout/Header/assets/index.ts
@@ -0,0 +1,3 @@
+import Logo from './logo.svg';
+
+export { Logo };
diff --git a/src/widgets/layout/Header/assets/logo.svg b/src/widgets/layout/Header/assets/logo.svg
new file mode 100644
index 00000000..96d3d052
--- /dev/null
+++ b/src/widgets/layout/Header/assets/logo.svg
@@ -0,0 +1,92 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   inkscape:version="1.4.2 (ebf0e940d0, 2025-05-08)"
+   inkscape:export-ydpi="98.341461"
+   inkscape:export-xdpi="98.341461"
+   inkscape:export-filename="bion.svg"
+   sodipodi:docname="logo.svg"
+   version="1.1"
+   viewBox="0 0 7483.8702 1474.4392"
+   height="147.44392"
+   width="748.38702"
+   id="outputsvg"
+   class="img-fluid"
+   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"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/">
+  <metadata
+     id="metadata13">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <sodipodi:namedview
+     showgrid="false"
+     inkscape:document-rotation="0"
+     inkscape:current-layer="outputsvg"
+     inkscape:window-maximized="1"
+     inkscape:window-y="0"
+     inkscape:window-x="0"
+     inkscape:window-height="1020"
+     inkscape:window-width="1920"
+     inkscape:cy="251.35436"
+     inkscape:cx="374.54562"
+     inkscape:zoom="0.90509668"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:pagecheckerboard="true"
+     inkscape:pageopacity="0.0"
+     inkscape:showpageshadow="2"
+     borderopacity="1.0"
+     bordercolor="#666666"
+     pagecolor="#001529"
+     id="namedview38"
+     labelstyle="default"
+     showguides="true">
+    <inkscape:page
+       x="0"
+       y="-1.1654667e-12"
+       width="7483.8701"
+       height="1474.4391"
+       id="page1"
+       margin="0"
+       bleed="0" />
+  </sodipodi:namedview>
+  <defs
+     id="defs6">
+    <linearGradient
+       y2="7330.0005"
+       x2="7469.9995"
+       y1="4390"
+       x1="5780"
+       gradientUnits="userSpaceOnUse"
+       id="lg23Mp0ee5XNjMXo">
+      <stop
+         id="stop1"
+         style="stop-color:#d1dffb;stop-opacity:1;"
+         offset="0" />
+      <stop
+         id="stop106"
+         style="stop-color:#f8d1d6;stop-opacity:1;"
+         offset="0.875" />
+    </linearGradient>
+  </defs>
+  <path
+     style="font-weight:bold;font-size:1092.59px;line-height:0px;font-family:Bion;-inkscape-font-specification:'Bion, Bold';dominant-baseline:central;text-anchor:middle;fill:#cae3f9;stroke-width:0.89777;stroke:none;stroke-opacity:1;fill-opacity:1"
+     d="M 1496.4755,1252.6434 1274.6798,709.62615 h 218.5179 l 111.4442,300.46225 110.3516,-300.46225 h 218.518 L 1617.753,1474.4392 h -222.8883 z m 533.1839,-543.01725 h 103.796 l 58.9999,63.3702 q 32.7777,-38.2406 80.8516,-57.9073 48.074,-19.6666 105.9812,-19.6666 74.2962,0 131.1108,31.6851 56.8147,31.6851 87.4072,89.5924 31.6851,57.9073 31.6851,134.3886 V 1273.4026 H 2421.8991 V 970.75515 q 0,-48.074 -24.0369,-74.2961 -24.037,-26.2222 -67.7406,-26.2222 -43.7036,0 -68.8332,27.3148 -24.037,26.2221 -24.037,73.2035 v 302.64745 h -207.592 z m 1019.3873,576.88755 q -92.8701,0 -162.7959,-36.0555 -68.8332,-37.148 -107.0738,-103.796 -38.2407,-66.648 -38.2407,-155.14785 0,-88.4998 37.1481,-155.1478 38.2406,-66.648 107.0738,-102.7034 68.8332,-37.1481 159.5181,-37.1481 89.5924,0 184.6478,37.1481 v 175.907 q -83.0369,-38.2407 -149.6849,-38.2407 -63.3702,0 -98.3331,31.6851 -34.9628,31.6851 -34.9628,88.4998 0,56.81475 36.0554,88.49985 36.0555,31.6851 100.5183,31.6851 69.9258,0 150.7774,-39.3332 v 172.6292 q -88.4998,41.5184 -184.6477,41.5184 z m 404.2587,-777.92415 h 154.0552 l 233.8143,375.851 233.8142,-375.851 h 154.0552 l 113.6294,764.81305 H 4119.7853 L 4064.0632,872.42205 3904.5451,1131.3659 H 3777.8047 L 3618.2865,872.42205 3562.5644,1273.4026 H 3339.6761 Z M 4714.155,1285.4211 q -80.8517,0 -145.3145,-37.1481 -63.3702,-38.2406 -99.4257,-104.8886 -34.9628,-66.648 -34.9628,-151.87005 0,-85.222 34.9628,-151.87 36.0555,-66.648 99.4257,-103.796 64.4628,-38.2407 145.3145,-38.2407 57.9073,0 107.0738,19.6666 50.2591,18.5741 86.3146,54.6295 l 52.4443,-62.2776 h 112.5368 v 563.77645 h -112.5368 l -52.4443,-63.3702 q -36.0555,36.0555 -86.3146,55.7221 -49.1665,19.6666 -107.0738,19.6666 z m -74.2961,-293.90675 q 0,54.62955 32.7777,88.49985 32.7777,32.7777 86.3146,32.7777 53.5369,0 86.3146,-32.7777 32.7777,-33.8703 32.7777,-88.49985 0,-54.6295 -32.7777,-87.4072 -32.7777,-33.8703 -86.3146,-33.8703 -53.5369,0 -86.3146,33.8703 -32.7777,32.7777 -32.7777,87.4072 z m 808.5156,293.90675 q -63.3702,0 -127.833,-14.2037 -63.3703,-14.2036 -115.8146,-39.3332 v -160.6107 q 56.8147,31.6851 112.5368,49.1665 55.7221,16.3889 102.7034,16.3889 67.7406,0 67.7406,-37.1481 0,-18.574 -20.7592,-27.3147 -19.6666,-9.8333 -66.648,-22.9444 -56.8147,-13.1111 -96.1479,-29.5 -39.3332,-17.4814 -67.7406,-53.53695 -28.4073,-36.0554 -28.4073,-97.2405 0,-81.9442 60.0924,-126.7404 61.1851,-45.8888 168.2589,-45.8888 121.2775,0 231.6291,49.1666 v 156.2403 q -51.3518,-27.3147 -105.9813,-42.611 -54.6295,-15.2962 -96.1479,-15.2962 -62.2776,0 -62.2776,36.0554 0,20.7592 20.7592,30.5925 21.8518,9.8334 73.2035,24.037 57.9073,14.2037 96.148,30.5925 39.3332,16.3889 67.7405,51.35185 28.4074,33.8703 28.4074,91.7775 0,83.0369 -63.3703,130.0182 -62.2776,46.9814 -178.0921,46.9814 z m 664.2954,-2.1852 q -225.0736,0 -225.0736,-214.1476 V 888.81085 h -104.8886 v -85.222 l 234.9068,-240.3698 h 77.5739 v 146.4071 h 154.0552 v 168.2588 h -154.0552 v 158.42565 q 0,38.2406 18.5741,56.8147 18.574,17.4814 60.0924,17.4814 39.3332,0 81.9443,-14.2037 v 167.1663 q -76.4813,19.6666 -143.1293,19.6666 z m 592.183,4.3704 q -105.9812,0 -186.8329,-36.0555 -79.759,-37.148 -123.4626,-103.796 -43.7036,-67.7406 -43.7036,-156.24045 0,-86.3146 40.4258,-152.9626 40.4258,-67.7406 111.4442,-104.8886 72.1109,-38.2407 163.8885,-38.2407 93.9627,0 166.0736,38.2407 72.111,38.2406 110.3516,105.9812 39.3333,67.7406 39.3333,152.9626 0,37.14815 -5.463,64.46285 h -417.3694 q 15.2963,34.9629 60.0925,54.6295 44.7962,18.574 113.6293,18.574 91.7776,0 194.4811,-36.0554 v 155.1477 q -120.1849,38.2407 -222.8884,38.2407 z m 75.3887,-351.81405 q -10.9259,-40.4258 -39.3332,-62.2776 -28.4074,-21.8518 -72.111,-21.8518 -43.7036,0 -74.2961,22.9444 -29.4999,21.8518 -39.3332,61.185 z m 311.3886,-226.1661 h 103.796 l 55.7221,61.185 q 28.4073,-37.148 65.5554,-54.6295 37.1481,-17.4814 86.3146,-17.4814 40.4258,0 80.8517,10.9259 v 181.3699 q -40.4259,-10.9259 -72.111,-10.9259 -54.6295,0 -84.1294,32.7777 -28.4073,32.7777 -28.4073,92.87025 v 267.6845 h -207.5921 z"
+     id="text37"
+     aria-label="yncMaster" />
+  <path
+     sodipodi:nodetypes="cscsscsssssc"
+     id="path100"
+     d="m 1149.1188,264.68635 c 0,0 -270.17808,-316.494394 -723.04809,-257.3124941 C -26.799282,66.555756 0.30991502,417.85195 0.30991502,417.85195 c 0,0 11.48769998,219.9375 235.34959498,304.8506 223.8619,84.9131 528.939,100.068 611.1171,220.0022 147.08841,214.66695 -208.3478,541.87345 -832.405895,109.35785 0,0 213.569395,283.0438 632.988795,284.3303 419.41929,1.2865 560.94109,-224.8742 567.37399,-394.70045 6.4328,-169.8262 -146.6682,-345.073 -362.81059,-388.8161 -216.1425,-43.7431 -478.6012,-101.6385 -524.9175,-223.8619 -46.3162,-122.2234 95.2057,-239.300594 238.014,-244.446894 142.8084,-5.1463 356.37781,9.0059 584.09939,180.118794 z"
+     style="display:inline;vector-effect:non-scaling-stroke;fill:#cae3f9;stroke:none;stroke-width:3.26063;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:none;stroke-opacity:1;-inkscape-stroke:hairline;fill-opacity:1" />
+</svg>
diff --git a/src/widgets/layout/Header/index.tsx b/src/widgets/layout/Header/index.tsx
index 2d1d0514..0336d90b 100644
--- a/src/widgets/layout/Header/index.tsx
+++ b/src/widgets/layout/Header/index.tsx
@@ -8,6 +8,7 @@ import { ChangeLanguageSelect } from '@shared/config';
 
 import classes from './styles.module.less';
 import { LogoutButton } from './components';
+import { Logo } from './assets';
 
 const { Header: AntdHeader } = Layout;
 const { Text } = Typography;
@@ -17,9 +18,8 @@ export const Header = () => {
 
   return (
     <AntdHeader className={classes.header}>
-      {/* TODO: [DOP-20026] Need to add logo */}
       <div className={classes.left}>
-        <div className={classes.logo} />
+        <Logo className={classes.logo} />
         <div className={classes.select}>
           <SelectGroup />
         </div>
diff --git a/src/widgets/layout/Header/styles.module.less b/src/widgets/layout/Header/styles.module.less
index 2ad81434..bfe5d9a7 100644
--- a/src/widgets/layout/Header/styles.module.less
+++ b/src/widgets/layout/Header/styles.module.less
@@ -6,9 +6,13 @@
   .left {
     display: flex;
     align-items: center;
+    gap: 40px;
 
     .logo {
       min-width: 200px;
+      width: auto;
+      height: 64px;
+      padding: 10px;
     }
 
     .select {