diff --git a/web/src/images/logo.rs b/web/src/images/logo.rs
new file mode 100644
index 00000000..053ce8d1
--- /dev/null
+++ b/web/src/images/logo.rs
@@ -0,0 +1,123 @@
+use seed::prelude::*;
+use seed::*;
+
+use crate::Msg;
+
+static LOGO: &str = include_str!("../../static/logo2.svg");
+
+#[inline(always)]
+pub fn render() -> Vec<Node<Msg>> {
+    Node::from_html(Some(&Namespace::Svg), LOGO)
+    // svg![
+    //     attrs![
+    //         "xmlns:xlink" => "http://www.w3.org/1999/xlink",
+    //         At::Xmlns => "http://www.w3.org/2000/svg",
+    //         At::ViewBox => "0 0 640 640",
+    //         At::Width => "28",
+    //         At::Height => "28"
+    //     ],
+    //     defs![
+    //         path![attrs![
+    //             At::D => "M500 300c0 110.38-89.62 200-200
+    // 200s-200-89.62-200-200c0-110.39 89.62-200 200-200s200 89.61 200 200Z"
+    //             At::Id => "a"
+    //         ]],
+    //         path![attrs![
+    //             At::D => "M520 338.18c0 110.38-89.62 200-200
+    // 200s-200-89.62-200-200 89.62-200 200-200 200 89.62 200 200Z",
+    //             At::Id => "b"
+    //         ]],
+    //         path![attrs![
+    //             At::D => "M543.03 374.84c0 110.39-89.62 200-200
+    // 200s-200-89.61-200-200c0-110.38 89.62-200 200-200s200 89.62 200 200Z"\
+    //             At::Id => "c"
+    //         ]],
+    //         mask![
+    //             attrs![
+    //                 At::Id => "e",
+    //                 At::X => "78",
+    //                 At::Y => "78",
+    //                 At::Width => "600",
+    //                 At::Height => "600",
+    //                 At::MaskUnits => "userSpaceOnUse"
+    //             ],
+    //             path![attrs![
+    //                 At::Fill => "#fff",
+    //                 At::D => "M78 78h444v444H78z"
+    //             ]]
+    //             seed::r#use![attrs![
+    //                 "xlink:href" => "#a",
+    //                 At::Opacity => ".46"
+    //             ]]
+    //         ],
+    //         mask![
+    //             attrs![
+    //                 At::Id => "f",
+    //                 At::X => "98",
+    //                 At::Y => "116.18",
+    //                 At::Width => "444",
+    //                 At::Height => "444",
+    //                 At::MaskUnits => "userSpaceOnUse"
+    //             ],
+    //             path![attrs![
+    //                 At::Fill => "#fff",
+    //                 At::D => "M98 116.18h444v444H98z"
+    //             ]],
+    //             r#use![attrs![
+    //                 "xlink:href" => "#b",
+    //                 At::Opacity => ".46"
+    //             ]],
+    //         ],
+    //         mask![
+    //             attrs![
+    //                 At::Id => "g",
+    //                 At::X => "121.03",
+    //                 At::Y => "152.84",
+    //                 At::Width => "444",
+    //                 At::Height => "444",
+    //                 At::MaskUnits => "userSpaceOnUse"
+    //             ],
+    //             path![attrs![
+    //                 At::Fill => "#fff",
+    //                 At::D => "M121.03 152.84h444v444h-444z"
+    //             ]],
+    //             r#use![attrs![
+    //                 "xlink:href" => "#c",
+    //                 At::Opacity => ".46"
+    //             ]],
+    //         ],
+    //         filter![
+    //             attrs![At::Id => "d"],
+    //             feFlood![],
+    //             feComposite![attrs![
+    //                 "in2" => "SourceAlpha",
+    //                 "operator" => "in"
+    //             ]],
+    //             feGaussianBlur![attrs!["stdDeviation"=>"1"]],
+    //             feOffset![attrs![At::Dx=>"14", At::Dy=>"10",
+    // At::Result=>"afterOffset"]],
+    // feFlood![attrs!["flood-color"=>"#0d0e44", "flood-opacity"=>".5"]],
+    //             feComposite![attrs!["in2"=>"afterOffset", "operator"="in"]],
+    //             feMorphology![attrs!["operator"=>"dilate", "radius"=>"1"]],
+    //             feComposite![attrs!["in2"=>"SourceAlpha",
+    // "operator"=>"out"]],         ]
+    //     ],
+    //     path![attrs![
+    //         At::D=>"M500 300c0 110.38-89.62 200-200
+    // 200s-200-89.62-200-200c0-110.39 89.62-200 200-200s200 89.61 200 200Z",
+    //         At::Filter=>"url(#d)"
+    //     ]],
+    //     r#use![attrs!["xlink:href"=>"#a", "opacity"=>".46"
+    // "fill"=>"#fefefe"]],     g![attrs!["mask"=>"url(#e)"]],
+    //     r#use![attrs![[xlink:href="#a" opacity=".46" fill-opacity="0"
+    // stroke="#06697d" stroke-width="44"/></g><path d="M520 338.18c0
+    // 110.38-89.62 200-200 200s-200-89.62-200-200 89.62-200 200-200 200 89.62
+    // 200 200Z" filter="url(#d)"/><use xlink:href="#b" opacity=".46"
+    // fill="#fefefe"/><g mask="url(#f)"><use xlink:href="#b" opacity=".46"
+    // fill-opacity="0" stroke="#06697d" stroke-width="44"/></g><path d="M543.03
+    // 374.84c0 110.39-89.62 200-200 200s-200-89.61-200-200c0-110.38 89.62-200
+    // 200-200s200 89.62 200 200Z" filter="url(#d)"/><use xlink:href="#c"
+    // opacity=".46" fill="#fefefe"/><g mask="url(#g)"><use xlink:href="#c"
+    // opacity=".46" fill-opacity="0" stroke="#06697d"
+    // stroke-width="44"/></g></svg
+}
diff --git a/web/src/images/mod.rs b/web/src/images/mod.rs
index d205e9ff..2333a425 100644
--- a/web/src/images/mod.rs
+++ b/web/src/images/mod.rs
@@ -1 +1,2 @@
 pub mod project_avatar;
+pub mod logo;
diff --git a/web/src/lib.rs b/web/src/lib.rs
index 85aa018f..0622b8ca 100644
--- a/web/src/lib.rs
+++ b/web/src/lib.rs
@@ -17,7 +17,7 @@ use crate::components::styled_tooltip::{TooltipVariant as StyledTooltip, Tooltip
 use crate::modals::DebugMsg;
 use crate::model::{ModalType, Model, Page};
 use crate::pages::issues_and_filters::IssuesAndFiltersMsg;
-use crate::shared::{go_to_board, go_to_login};
+use crate::shared::go_to_login;
 use crate::ws::{flush_queue, open_socket, read_incoming, send_ws_msg};
 
 // use crate::shared::styled_rte::RteMsg;
diff --git a/web/src/shared/navbar_left.rs b/web/src/shared/navbar_left.rs
index dec94c94..93a068f0 100644
--- a/web/src/shared/navbar_left.rs
+++ b/web/src/shared/navbar_left.rs
@@ -50,8 +50,12 @@ pub fn update(msg: &Msg, model: &mut Model, orders: &mut impl Orders<Msg>) {
 
 #[inline(always)]
 pub fn render(model: &Model) -> Vec<Node<Msg>> {
-    let logo_svg = img![
-        attrs![At::Src => "/logo2.svg"; At::Style => "background: rgba(244,244,244,.8); border-radius: 24px;"]
+    // let logo_svg = img![
+    //     attrs![At::Src => "/logo2.svg"; At::Style => "background:
+    // rgba(244,244,244,.8); border-radius: 24px;"] ];
+    let logo_svg = div![
+        attrs![At::Style => "background: rgba(244,244,244,.8); border-radius: 24px;"],
+        crate::images::logo::render()
     ];
 
     let user_icon = model.user.as_ref().map_or_else(
diff --git a/web/static/logo2.svg b/web/static/logo2.svg
index f1d9dd4f..08d4001f 100644
--- a/web/static/logo2.svg
+++ b/web/static/logo2.svg
@@ -1,130 +1,51 @@
-<svg
-        xmlns:xlink="http://www.w3.org/1999/xlink"
-        xmlns="http://www.w3.org/2000/svg"
-        viewBox="0 0 640 640"
-        width="28"
-        height="28"
-        version="1.1"
->
+<svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640" width="42"
+     height="42">
     <defs>
-        <filter
-                id="shadow16022051"
-        >
-            <feFlood>
-            </feFlood>
-            <feComposite in2="SourceAlpha" operator="in">
-            </feComposite>
-            <feGaussianBlur stdDeviation="1">
-            </feGaussianBlur>
-            <feOffset dx="14" dy="10" result="afterOffset">
-            </feOffset>
-            <feFlood flood-color="#0d0e44" flood-opacity="0.5">
-            </feFlood>
-            <feComposite in2="afterOffset" operator="in">
-            </feComposite>
-            <feMorphology operator="dilate" radius="1">
-            </feMorphology>
-            <feComposite in2="SourceAlpha" operator="out">
-            </feComposite>
+        <path d="M500 300c0 110.38-89.62 200-200 200s-200-89.62-200-200c0-110.39 89.62-200 200-200s200 89.61 200 200Z"
+              id="a"/>
+        <path d="M520 338.18c0 110.38-89.62 200-200 200s-200-89.62-200-200 89.62-200 200-200 200 89.62 200 200Z"
+              id="b"/>
+        <path d="M543.03 374.84c0 110.39-89.62 200-200 200s-200-89.61-200-200c0-110.38 89.62-200 200-200s200 89.62 200 200Z"
+              id="c"/>
+        <mask id="e" x="78" y="78" width="600" height="600" maskUnits="userSpaceOnUse">
+            <path fill="#fff" d="M78 78h444v444H78z"/>
+            <use xlink:href="#a" opacity=".46"/>
+        </mask>
+        <mask id="f" x="98" y="116.18" width="444" height="444" maskUnits="userSpaceOnUse">
+            <path fill="#fff" d="M98 116.18h444v444H98z"/>
+            <use xlink:href="#b" opacity=".46"/>
+        </mask>
+        <mask id="g" x="121.03" y="152.84" width="444" height="444" maskUnits="userSpaceOnUse">
+            <path fill="#fff" d="M121.03 152.84h444v444h-444z"/>
+            <use xlink:href="#c" opacity=".46"/>
+        </mask>
+        <filter id="d">
+            <feFlood/>
+            <feComposite in2="SourceAlpha" operator="in"/>
+            <feGaussianBlur stdDeviation="1"/>
+            <feOffset dx="14" dy="10" result="afterOffset"/>
+            <feFlood flood-color="#0d0e44" flood-opacity=".5"/>
+            <feComposite in2="afterOffset" operator="in"/>
+            <feMorphology operator="dilate" radius="1"/>
+            <feComposite in2="SourceAlpha" operator="out"/>
         </filter>
-        <path
-                d="M500 300C500 410.38 410.38 500 300 500C189.62 500 100 410.38 100 300C100 189.61 189.62 100 300 100C410.38 100 500 189.61 500 300Z"
-                id="b6KNxjEO2"
-        >
-        </path>
-        <mask
-                id="maskb3oIvRAxi1"
-                x="78" y="78"
-                width="600"
-                height="600"
-                maskUnits="userSpaceOnUse"
-        >
-            <rect x="78" y="78" width="444" height="444" fill="white">
-            </rect>
-            <use xlink:href="#b6KNxjEO2" opacity="0.46" fill="black">
-            </use>
-        </mask>
-        <path
-                d="M520 338.18C520 448.56 430.38 538.18 320 538.18C209.62 538.18 120 448.56 120 338.18C120 227.8 209.62 138.18 320 138.18C430.38 138.18 520 227.8 520 338.18Z"
-                id="bDKGuSkBj"
-        >
-        </path>
-        <mask id="maskb4LRewzUS" x="98" y="116.18" width="444" height="444" maskUnits="userSpaceOnUse">
-            <rect x="98" y="116.18" width="444" height="444" fill="white">
-            </rect>
-            <use xlink:href="#bDKGuSkBj" opacity="0.46" fill="black">
-            </use>
-        </mask>
-        <path
-                d="M543.03 374.84C543.03 485.23 453.41 574.84 343.03 574.84C232.65 574.84 143.03 485.23 143.03 374.84C143.03 264.46 232.65 174.84 343.03 174.84C453.41 174.84 543.03 264.46 543.03 374.84Z"
-                id="a1k8tJrWR3"
-        >
-        </path>
-        <mask id="maskbctn2Bw0" x="121.03" y="152.84" width="444" height="444" maskUnits="userSpaceOnUse">
-            <rect x="121.03" y="152.84" width="444" height="444" fill="white">
-            </rect>
-            <use xlink:href="#a1k8tJrWR3" opacity="0.46" fill="black">
-            </use>
-        </mask>
     </defs>
-    <path
-            d="M500 300C500 410.38 410.38 500 300 500C189.62 500 100 410.38 100 300C100 189.61 189.62 100 300 100C410.38 100 500 189.61 500 300Z"
-            id="h3zi0EZA0A"
-            fill-opacity="1"
-            filter="url(#shadow16022051)"
-    >
-    </path>
-    <use xlink:href="#b6KNxjEO2" opacity="0.46" fill="#fefefe" fill-opacity="1">
-    </use>
-    <g mask="url(#maskb3oIvRAxi1)">
-        <use
-                xlink:href="#b6KNxjEO2"
-                opacity="0.46"
-                fill-opacity="0"
-                stroke="#06697d"
-                stroke-width="44"
-                stroke-opacity="1"
-        >
-        </use>
+    <path d="M500 300c0 110.38-89.62 200-200 200s-200-89.62-200-200c0-110.39 89.62-200 200-200s200 89.61 200 200Z"
+          filter="url(#d)"/>
+    <use xlink:href="#a" opacity=".46" fill="#fefefe"/>
+    <g mask="url(#e)">
+        <use xlink:href="#a" opacity=".46" fill-opacity="0" stroke="#06697d" stroke-width="44"/>
     </g>
-    <path
-            d="M520 338.18C520 448.56 430.38 538.18 320 538.18C209.62 538.18 120 448.56 120 338.18C120 227.8 209.62 138.18 320 138.18C430.38 138.18 520 227.8 520 338.18Z"
-            id="mzwSl44s1"
-            fill-opacity="1"
-            filter="url(#shadow16022051)"
-    >
-    </path>
-    <use xlink:href="#bDKGuSkBj" opacity="0.46" fill="#fefefe" fill-opacity="1">
-    </use>
-    <g mask="url(#maskb4LRewzUS)">
-        <use
-                xlink:href="#bDKGuSkBj"
-                opacity="0.46"
-                fill-opacity="0"
-                stroke="#06697d"
-                stroke-width="44"
-                stroke-opacity="1"
-        >
-        </use>
+    <path d="M520 338.18c0 110.38-89.62 200-200 200s-200-89.62-200-200 89.62-200 200-200 200 89.62 200 200Z"
+          filter="url(#d)"/>
+    <use xlink:href="#b" opacity=".46" fill="#fefefe"/>
+    <g mask="url(#f)">
+        <use xlink:href="#b" opacity=".46" fill-opacity="0" stroke="#06697d" stroke-width="44"/>
     </g>
-    <path
-            d="M543.03 374.84C543.03 485.23 453.41 574.84 343.03 574.84C232.65 574.84 143.03 485.23 143.03 374.84C143.03 264.46 232.65 174.84 343.03 174.84C453.41 174.84 543.03 264.46 543.03 374.84Z"
-            id="c16Px1v9IX"
-            fill-opacity="1"
-            filter="url(#shadow16022051)"
-    >
-    </path>
-    <use xlink:href="#a1k8tJrWR3" opacity="0.46" fill="#fefefe" fill-opacity="1">
-    </use>
-    <g mask="url(#maskbctn2Bw0)">
-        <use
-                xlink:href="#a1k8tJrWR3"
-                opacity="0.46"
-                fill-opacity="0"
-                stroke="#06697d"
-                stroke-width="44"
-                stroke-opacity="1"
-        >
-        </use>
+    <path d="M543.03 374.84c0 110.39-89.62 200-200 200s-200-89.61-200-200c0-110.38 89.62-200 200-200s200 89.62 200 200Z"
+          filter="url(#d)"/>
+    <use xlink:href="#c" opacity=".46" fill="#fefefe"/>
+    <g mask="url(#g)">
+        <use xlink:href="#c" opacity=".46" fill-opacity="0" stroke="#06697d" stroke-width="44"/>
     </g>
-</svg>
+</svg>
\ No newline at end of file