diff --git a/src/assets/logo/icon_black.svg b/src/assets/logo/icon_black.svg
new file mode 100644
index 00000000..752962fb
--- /dev/null
+++ b/src/assets/logo/icon_black.svg
@@ -0,0 +1,33 @@
+<svg width="29" height="30" viewBox="0 0 29 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_ddi_6940_13775)">
+<rect x="2.25" y="0.75" width="24" height="24" rx="6" fill="#1D1D1D"/>
+<path d="M23.3857 19.2275H17.6582V18.4121L17.793 18.4102C18.5164 18.3979 18.9463 18.322 19.0889 18.2783C19.2284 18.2296 19.3056 18.1716 19.3447 18.1162C19.367 18.0787 19.3944 17.9968 19.417 17.8516C19.439 17.7098 19.4557 17.5229 19.4648 17.2891V17.2881C19.4709 17.1624 19.4824 16.2946 19.501 14.6777V10.4131C19.501 9.57932 19.4921 8.76366 19.4736 7.9668L19.4551 7.5791C19.4471 7.46564 19.4369 7.36779 19.4258 7.28516C19.4146 7.20243 19.4026 7.13724 19.3896 7.08887C19.3763 7.03925 19.365 7.01663 19.3604 7.00977L19.3545 7.00195C19.3086 6.9273 19.227 6.86361 19.0889 6.82129L19.082 6.81934C19.0244 6.79881 18.8925 6.77676 18.6689 6.75977C18.4506 6.74317 18.1589 6.73171 17.793 6.72559L17.6582 6.72363V5.86328H23.3857V6.72363L23.252 6.72559C22.8859 6.73171 22.593 6.74317 22.373 6.75977C22.1479 6.77676 22.0126 6.79916 21.9512 6.82031L21.9482 6.82129C21.8143 6.86394 21.7385 6.9183 21.6992 6.97363L21.6631 7.06543C21.6507 7.10896 21.6383 7.16615 21.627 7.23926C21.6049 7.38098 21.5892 7.56795 21.5801 7.80176V7.80371C21.5741 7.9247 21.5615 8.79222 21.543 10.4141V14.6777C21.543 15.5117 21.5518 16.3244 21.5703 17.1152L21.5889 17.5039C21.5964 17.6179 21.6058 17.7171 21.6162 17.8008C21.6266 17.8844 21.6382 17.9507 21.6504 18.001C21.6622 18.0495 21.6736 18.0748 21.6797 18.0859C21.7335 18.1652 21.8187 18.2311 21.9482 18.2783C22.0121 18.2975 22.1486 18.3177 22.3721 18.333C22.5925 18.3481 22.8857 18.3591 23.252 18.3652L23.3857 18.3672V19.2275Z" fill="white" stroke="white" stroke-width="0.272725"/>
+<path d="M11.7344 5.86328C11.9988 5.86328 12.2185 5.94507 12.3623 6.13086L12.4121 6.19727C12.5237 6.36171 12.604 6.59382 12.6611 6.87988C12.7364 7.24188 12.9978 8.4274 13.4453 10.4375C13.8926 12.4405 14.2613 13.9515 14.5508 14.9707C14.8414 15.9937 15.0685 16.6837 15.2324 17.0488C15.3913 17.4026 15.5787 17.6033 15.7393 17.7744C15.7866 17.8249 15.8922 17.9057 16.0273 17.9951C16.1592 18.0823 16.3087 18.1707 16.4355 18.2363C16.5092 18.2745 16.6505 18.3235 16.8105 18.3623C16.9703 18.4011 17.1322 18.426 17.2461 18.4229L17.3867 18.4189V19.2275H17.25C16.9425 19.2275 16.608 19.2252 16.3066 19.2236C16.0053 19.2221 15.7375 19.2207 15.5625 19.2207H14.7598C14.464 19.2207 14.2027 19.1339 13.9834 18.957C13.7661 18.7817 13.5975 18.5249 13.4727 18.1982C13.23 17.5632 12.8065 15.8749 12.2031 13.1494L11.0439 8.11914C10.9229 7.60275 10.7785 7.27544 10.624 7.10938C10.4814 6.95602 10.2272 6.8623 9.8252 6.8623C9.75633 6.86231 9.65581 6.86402 9.52734 6.86523C9.39921 6.86645 9.24437 6.86719 9.06836 6.86719H8.93164V6.25391L9.03906 6.23047C10.2751 5.95623 11.3912 5.8633 11.7344 5.86328Z" fill="white" stroke="white" stroke-width="0.272725"/>
+<path d="M10.374 10.3096C9.65413 11.98 8.56815 14.3876 7.98438 15.6914C7.59259 16.5664 7.70123 16.313 7.49512 16.7314C7.42234 16.8792 7.23706 17.1383 7.04297 17.3877C6.8507 17.6347 6.66264 17.8568 6.59473 17.9277C6.55362 17.9707 6.46063 18.0408 6.33984 18.1191C6.22207 18.1955 6.08781 18.2726 5.97461 18.3301C5.91227 18.3617 5.78922 18.4007 5.64551 18.4307C5.50316 18.4603 5.35694 18.4784 5.25391 18.4756L5.11426 18.4717V19.2266H7.07031C7.59356 19.2265 8.20356 18.9286 8.44141 18.3184C8.6554 17.7693 10.1261 13.8285 10.835 11.5898L10.8447 11.5576L10.8398 11.5254L10.6338 10.3398L10.5557 9.88867L10.374 10.3096Z" fill="white" stroke="white" stroke-width="0.272725"/>
+</g>
+<defs>
+<filter id="filter0_ddi_6940_13775" x="0" y="0" width="28.5" height="29.25" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feMorphology radius="0.75" operator="dilate" in="SourceAlpha" result="effect1_dropShadow_6940_13775"/>
+<feOffset/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.831373 0 0 0 0 0.831373 0 0 0 0 0.831373 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_6940_13775"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feMorphology radius="0.75" operator="erode" in="SourceAlpha" result="effect2_dropShadow_6940_13775"/>
+<feOffset dy="2.25"/>
+<feGaussianBlur stdDeviation="1.5"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="effect1_dropShadow_6940_13775" result="effect2_dropShadow_6940_13775"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_6940_13775" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="0.75"/>
+<feGaussianBlur stdDeviation="1.5"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.33 0"/>
+<feBlend mode="normal" in2="shape" result="effect3_innerShadow_6940_13775"/>
+</filter>
+</defs>
+</svg>
diff --git a/src/assets/logo/icon_white.svg b/src/assets/logo/icon_white.svg
new file mode 100644
index 00000000..4cefd071
--- /dev/null
+++ b/src/assets/logo/icon_white.svg
@@ -0,0 +1,33 @@
+<svg width="29" height="30" viewBox="0 0 29 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_ddi_6940_13779)">
+<rect x="2.25" y="0.75" width="24" height="24" rx="6" fill="white"/>
+<path d="M23.3857 19.2275H17.6582V18.4121L17.793 18.4102C18.5164 18.3979 18.9463 18.322 19.0889 18.2783C19.2284 18.2296 19.3056 18.1716 19.3447 18.1162C19.367 18.0787 19.3944 17.9968 19.417 17.8516C19.439 17.7098 19.4557 17.5229 19.4648 17.2891V17.2881C19.4709 17.1624 19.4824 16.2946 19.501 14.6777V10.4131C19.501 9.57932 19.4921 8.76366 19.4736 7.9668L19.4551 7.5791C19.4471 7.46564 19.4369 7.36779 19.4258 7.28516C19.4146 7.20243 19.4026 7.13724 19.3896 7.08887C19.3763 7.03925 19.365 7.01663 19.3604 7.00977L19.3545 7.00195C19.3086 6.9273 19.227 6.86361 19.0889 6.82129L19.082 6.81934C19.0244 6.79881 18.8925 6.77676 18.6689 6.75977C18.4506 6.74317 18.1589 6.73171 17.793 6.72559L17.6582 6.72363V5.86328H23.3857V6.72363L23.252 6.72559C22.8859 6.73171 22.593 6.74317 22.373 6.75977C22.1479 6.77676 22.0126 6.79916 21.9512 6.82031L21.9482 6.82129C21.8143 6.86394 21.7385 6.9183 21.6992 6.97363L21.6631 7.06543C21.6507 7.10896 21.6383 7.16615 21.627 7.23926C21.6049 7.38098 21.5892 7.56795 21.5801 7.80176V7.80371C21.5741 7.9247 21.5615 8.79222 21.543 10.4141V14.6777C21.543 15.5117 21.5518 16.3244 21.5703 17.1152L21.5889 17.5039C21.5964 17.6179 21.6058 17.7171 21.6162 17.8008C21.6266 17.8844 21.6382 17.9507 21.6504 18.001C21.6622 18.0495 21.6736 18.0748 21.6797 18.0859C21.7335 18.1652 21.8187 18.2311 21.9482 18.2783C22.0121 18.2975 22.1486 18.3177 22.3721 18.333C22.5925 18.3481 22.8857 18.3591 23.252 18.3652L23.3857 18.3672V19.2275Z" fill="#1D1D1D" stroke="#1D1D1D" stroke-width="0.272725"/>
+<path d="M11.7344 5.86328C11.9988 5.86328 12.2185 5.94507 12.3623 6.13086L12.4121 6.19727C12.5237 6.36171 12.604 6.59382 12.6611 6.87988C12.7364 7.24188 12.9978 8.4274 13.4453 10.4375C13.8926 12.4405 14.2613 13.9515 14.5508 14.9707C14.8414 15.9937 15.0685 16.6837 15.2324 17.0488C15.3913 17.4026 15.5787 17.6033 15.7393 17.7744C15.7866 17.8249 15.8922 17.9057 16.0273 17.9951C16.1592 18.0823 16.3087 18.1707 16.4355 18.2363C16.5092 18.2745 16.6505 18.3235 16.8105 18.3623C16.9703 18.4011 17.1322 18.426 17.2461 18.4229L17.3867 18.4189V19.2275H17.25C16.9425 19.2275 16.608 19.2252 16.3066 19.2236C16.0053 19.2221 15.7375 19.2207 15.5625 19.2207H14.7598C14.464 19.2207 14.2027 19.1339 13.9834 18.957C13.7661 18.7817 13.5975 18.5249 13.4727 18.1982C13.23 17.5632 12.8065 15.8749 12.2031 13.1494L11.0439 8.11914C10.9229 7.60275 10.7785 7.27544 10.624 7.10938C10.4814 6.95602 10.2272 6.8623 9.8252 6.8623C9.75633 6.86231 9.65581 6.86402 9.52734 6.86523C9.39921 6.86645 9.24437 6.86719 9.06836 6.86719H8.93164V6.25391L9.03906 6.23047C10.2751 5.95623 11.3912 5.8633 11.7344 5.86328Z" fill="#1D1D1D" stroke="#1D1D1D" stroke-width="0.272725"/>
+<path d="M10.374 10.3096C9.65413 11.98 8.56815 14.3876 7.98438 15.6914C7.59259 16.5664 7.70123 16.313 7.49512 16.7314C7.42234 16.8792 7.23706 17.1383 7.04297 17.3877C6.8507 17.6347 6.66264 17.8568 6.59473 17.9277C6.55362 17.9707 6.46063 18.0408 6.33984 18.1191C6.22207 18.1955 6.08781 18.2726 5.97461 18.3301C5.91227 18.3617 5.78922 18.4007 5.64551 18.4307C5.50316 18.4603 5.35694 18.4784 5.25391 18.4756L5.11426 18.4717V19.2266H7.07031C7.59356 19.2265 8.20356 18.9286 8.44141 18.3184C8.6554 17.7693 10.1261 13.8285 10.835 11.5898L10.8447 11.5576L10.8398 11.5254L10.6338 10.3398L10.5557 9.88867L10.374 10.3096Z" fill="#1D1D1D" stroke="#1D1D1D" stroke-width="0.272725"/>
+</g>
+<defs>
+<filter id="filter0_ddi_6940_13779" x="0" y="0" width="28.5" height="29.25" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feMorphology radius="0.75" operator="dilate" in="SourceAlpha" result="effect1_dropShadow_6940_13779"/>
+<feOffset/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.831373 0 0 0 0 0.831373 0 0 0 0 0.831373 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_6940_13779"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feMorphology radius="0.75" operator="erode" in="SourceAlpha" result="effect2_dropShadow_6940_13779"/>
+<feOffset dy="2.25"/>
+<feGaussianBlur stdDeviation="1.5"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="effect1_dropShadow_6940_13779" result="effect2_dropShadow_6940_13779"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_6940_13779" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="0.75"/>
+<feGaussianBlur stdDeviation="1.5"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.33 0"/>
+<feBlend mode="normal" in2="shape" result="effect3_innerShadow_6940_13779"/>
+</filter>
+</defs>
+</svg>
diff --git a/src/assets/logo/logo_black.png b/src/assets/logo/logo_black.png
new file mode 100644
index 00000000..72106e0e
Binary files /dev/null and b/src/assets/logo/logo_black.png differ
diff --git a/src/assets/logo/logo_white.png b/src/assets/logo/logo_white.png
new file mode 100644
index 00000000..e575b582
Binary files /dev/null and b/src/assets/logo/logo_white.png differ