diff --git a/CHANGELOG.md b/CHANGELOG.md
index 6f3c13ad4562..f21fc4839312 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -8,7 +8,7 @@ All notable changes to the Wazuh app project will be documented in this file.
 
 - Removed the setting home:useNewHomePage from the advanced settings because the views are not finished. [#282](https://github.com/wazuh/wazuh-dashboard/pull/282)
 
-## Wazuh dashboard v4.9.0 - OpenSearch Dashboards 2.13.0 - Revision 06
+## Wazuh dashboard v4.9.0 - OpenSearch Dashboards 2.13.0 - Revision 07
 
 ### Changed
 
diff --git a/config/opensearch_dashboards.prod.yml b/config/opensearch_dashboards.prod.yml
index f7eaf6ac84b4..dc49b17f74d0 100644
--- a/config/opensearch_dashboards.prod.yml
+++ b/config/opensearch_dashboards.prod.yml
@@ -2,6 +2,8 @@ server.host: 0.0.0.0
 server.port: 443
 opensearch.hosts: https://localhost:9200
 opensearch.ssl.verificationMode: certificate
+#opensearch.username:
+#opensearch.password:
 opensearch.requestHeadersAllowlist: ["securitytenant","Authorization"]
 opensearch_security.multitenancy.enabled: false
 opensearch_security.readonly_mode.roles: ["kibana_read_only"]
diff --git a/dev-tools/build-packages/config/default b/dev-tools/build-packages/config/default
index c4f94fd36814..250239f4c827 100644
--- a/dev-tools/build-packages/config/default
+++ b/dev-tools/build-packages/config/default
@@ -5,3 +5,4 @@ chdir="/"
 nice=""
 KILL_ON_STOP_TIMEOUT=0
 
+OSD_PATH_CONF="/etc/wazuh-dashboard"
diff --git a/dev-tools/build-packages/config/wazuh-dashboard.service b/dev-tools/build-packages/config/wazuh-dashboard.service
index 94334950ae94..ef1d2afd42f1 100644
--- a/dev-tools/build-packages/config/wazuh-dashboard.service
+++ b/dev-tools/build-packages/config/wazuh-dashboard.service
@@ -7,7 +7,7 @@ User=wazuh-dashboard
 Group=wazuh-dashboard
 EnvironmentFile=-/etc/default/wazuh-dashboard
 EnvironmentFile=-/etc/sysconfig/wazuh-dashboard
-ExecStart=/usr/share/wazuh-dashboard/bin/opensearch-dashboards -c "/etc/wazuh-dashboard/opensearch_dashboards.yml"
+ExecStart=/usr/share/wazuh-dashboard/bin/opensearch-dashboards
 WorkingDirectory=/usr/share/wazuh-dashboard
 
 [Install]
diff --git a/dev-tools/build-packages/deb/debian/rules b/dev-tools/build-packages/deb/debian/rules
index 98638dab5602..7fe98ddcc597 100644
--- a/dev-tools/build-packages/deb/debian/rules
+++ b/dev-tools/build-packages/deb/debian/rules
@@ -58,6 +58,9 @@ override_dh_install:
 	useradd -g $(GROUP) $(USER)
 
 	tar -xf $(DASHBOARD_FILE)
+	sed -i 's/OSD_NODE_OPTS_PREFIX/OSD_PATH_CONF="\/etc\/wazuh-dashboard" OSD_NODE_OPTS_PREFIX/g' "wazuh-dashboard-base/bin/opensearch-dashboards"
+	sed -i 's/OSD_USE_NODE_JS_FILE_PATH/OSD_PATH_CONF="\/etc\/wazuh-dashboard" OSD_USE_NODE_JS_FILE_PATH/g' "wazuh-dashboard-base/bin/opensearch-dashboards-keystore"
+
 
 	mkdir -p $(TARGET_DIR)$(CONFIG_DIR)
 	mkdir -p $(TARGET_DIR)$(INSTALLATION_DIR)
@@ -95,6 +98,7 @@ override_dh_fixperms:
 	chmod 440 $(TARGET_DIR)$(INSTALLATION_DIR)/VERSION
 	chmod 750 $(TARGET_DIR)/etc/systemd/system/wazuh-dashboard
 	chmod 750 $(TARGET_DIR)/etc/default/wazuh-dashboard
+	chmod 640 "$(TARGET_DIR)$(CONFIG_DIR)"/opensearch_dashboards.yml
 	chmod 640 "$(TARGET_DIR)$(CONFIG_DIR)"/node.options
 	chmod 640 $(TARGET_DIR)/etc/systemd/system/wazuh-dashboard.service
 	find "$(TARGET_DIR)$(INSTALLATION_DIR)" -type d -exec chmod 750 {} \;
diff --git a/dev-tools/build-packages/rpm/wazuh-dashboard.spec b/dev-tools/build-packages/rpm/wazuh-dashboard.spec
index 3506f455e601..2c9496aaa053 100644
--- a/dev-tools/build-packages/rpm/wazuh-dashboard.spec
+++ b/dev-tools/build-packages/rpm/wazuh-dashboard.spec
@@ -54,6 +54,9 @@ useradd -g %{GROUP} %{USER}
 %build
 
 tar -xf %{DASHBOARD_FILE}
+sed -i 's/OSD_NODE_OPTS_PREFIX/OSD_PATH_CONF="\/etc\/wazuh-dashboard" OSD_NODE_OPTS_PREFIX/g' "wazuh-dashboard-base/bin/opensearch-dashboards"
+sed -i 's/OSD_USE_NODE_JS_FILE_PATH/OSD_PATH_CONF="\/etc\/wazuh-dashboard" OSD_USE_NODE_JS_FILE_PATH/g' "wazuh-dashboard-base/bin/opensearch-dashboards-keystore"
+
 
 # -----------------------------------------------------------------------------
 
diff --git a/src/core/common/logos/__snapshots__/get_logos.test.ts.snap b/src/core/common/logos/__snapshots__/get_logos.test.ts.snap
index c1abadf17f2e..05ad8483e21d 100644
--- a/src/core/common/logos/__snapshots__/get_logos.test.ts.snap
+++ b/src/core/common/logos/__snapshots__/get_logos.test.ts.snap
@@ -512,11 +512,11 @@ colorScheme = "light"
 
 exports[`getLogos when unbranded returns the correct logos 1`] = `
 AnimatedMark.dark.type = "default"
-AnimatedMark.dark.url = "/mocked/base/path/ui/logos/spinner_on_dark.gif"
+AnimatedMark.dark.url = "/mocked/base/path/ui/logos/spinner_on_dark.svg"
 AnimatedMark.light.type = "default"
-AnimatedMark.light.url = "/mocked/base/path/ui/logos/spinner_on_light.gif"
+AnimatedMark.light.url = "/mocked/base/path/ui/logos/spinner_on_light.svg"
 AnimatedMark.type = "default"
-AnimatedMark.url = "/mocked/base/path/ui/logos/spinner_on_light.gif"
+AnimatedMark.url = "/mocked/base/path/ui/logos/spinner_on_light.svg"
 Application.dark.type = "default"
 Application.dark.url = "/mocked/base/path/ui/logos/wazuh_dashboards_on_dark.svg"
 Application.light.type = "default"
@@ -546,11 +546,11 @@ colorScheme = "light"
 
 exports[`getLogos when unbranded returns the correct logos when dark color scheme is requested 1`] = `
 AnimatedMark.dark.type = "default"
-AnimatedMark.dark.url = "/mocked/base/path/ui/logos/spinner_on_dark.gif"
+AnimatedMark.dark.url = "/mocked/base/path/ui/logos/spinner_on_dark.svg"
 AnimatedMark.light.type = "default"
-AnimatedMark.light.url = "/mocked/base/path/ui/logos/spinner_on_light.gif"
+AnimatedMark.light.url = "/mocked/base/path/ui/logos/spinner_on_light.svg"
 AnimatedMark.type = "default"
-AnimatedMark.url = "/mocked/base/path/ui/logos/spinner_on_dark.gif"
+AnimatedMark.url = "/mocked/base/path/ui/logos/spinner_on_dark.svg"
 Application.dark.type = "default"
 Application.dark.url = "/mocked/base/path/ui/logos/wazuh_dashboards_on_dark.svg"
 Application.light.type = "default"
@@ -580,11 +580,11 @@ colorScheme = "dark"
 
 exports[`getLogos when unbranded returns the correct logos when light color scheme is requested 1`] = `
 AnimatedMark.dark.type = "default"
-AnimatedMark.dark.url = "/mocked/base/path/ui/logos/spinner_on_dark.gif"
+AnimatedMark.dark.url = "/mocked/base/path/ui/logos/spinner_on_dark.svg"
 AnimatedMark.light.type = "default"
-AnimatedMark.light.url = "/mocked/base/path/ui/logos/spinner_on_light.gif"
+AnimatedMark.light.url = "/mocked/base/path/ui/logos/spinner_on_light.svg"
 AnimatedMark.type = "default"
-AnimatedMark.url = "/mocked/base/path/ui/logos/spinner_on_light.gif"
+AnimatedMark.url = "/mocked/base/path/ui/logos/spinner_on_light.svg"
 Application.dark.type = "default"
 Application.dark.url = "/mocked/base/path/ui/logos/wazuh_dashboards_on_dark.svg"
 Application.light.type = "default"
diff --git a/src/core/common/logos/get_logos.ts b/src/core/common/logos/get_logos.ts
index 8b27f21d356b..8fe28956cfe8 100644
--- a/src/core/common/logos/get_logos.ts
+++ b/src/core/common/logos/get_logos.ts
@@ -22,8 +22,8 @@ export const CENTER_MARK_THEMED = 'ui/logos/wazuh_center_mark.svg';
 export const CENTER_MARK_ON_LIGHT = 'ui/logos/wazuh_center_mark_on_light.svg';
 export const CENTER_MARK_ON_DARK = 'ui/logos/wazuh_center_mark_on_dark.svg';
 export const ANIMATED_MARK_THEMED = 'ui/logos/spinner.svg';
-export const ANIMATED_MARK_ON_LIGHT = 'ui/logos/spinner_on_light.gif';
-export const ANIMATED_MARK_ON_DARK = 'ui/logos/spinner_on_dark.gif';
+export const ANIMATED_MARK_ON_LIGHT = 'ui/logos/spinner_on_light.svg';
+export const ANIMATED_MARK_ON_DARK = 'ui/logos/spinner_on_dark.svg';
 
 interface AssetOption {
   url?: string;
diff --git a/src/core/public/chrome/ui/header/__snapshots__/collapsible_nav.test.tsx.snap b/src/core/public/chrome/ui/header/__snapshots__/collapsible_nav.test.tsx.snap
index 48b00a1df8b7..122a66fdc214 100644
--- a/src/core/public/chrome/ui/header/__snapshots__/collapsible_nav.test.tsx.snap
+++ b/src/core/public/chrome/ui/header/__snapshots__/collapsible_nav.test.tsx.snap
@@ -130,14 +130,14 @@ exports[`CollapsibleNav renders links grouped by category 1`] = `
       "AnimatedMark": Object {
         "dark": Object {
           "type": "default",
-          "url": "/test/ui/logos/spinner_on_dark.gif",
+          "url": "/test/ui/logos/spinner_on_dark.svg",
         },
         "light": Object {
           "type": "default",
-          "url": "/test/ui/logos/spinner_on_light.gif",
+          "url": "/test/ui/logos/spinner_on_light.svg",
         },
         "type": "default",
-        "url": "/test/ui/logos/spinner_on_light.gif",
+        "url": "/test/ui/logos/spinner_on_light.svg",
       },
       "Application": Object {
         "dark": Object {
@@ -2075,14 +2075,14 @@ exports[`CollapsibleNav renders the default nav 1`] = `
       "AnimatedMark": Object {
         "dark": Object {
           "type": "default",
-          "url": "/test/ui/logos/spinner_on_dark.gif",
+          "url": "/test/ui/logos/spinner_on_dark.svg",
         },
         "light": Object {
           "type": "default",
-          "url": "/test/ui/logos/spinner_on_light.gif",
+          "url": "/test/ui/logos/spinner_on_light.svg",
         },
         "type": "default",
-        "url": "/test/ui/logos/spinner_on_light.gif",
+        "url": "/test/ui/logos/spinner_on_light.svg",
       },
       "Application": Object {
         "dark": Object {
@@ -2380,14 +2380,14 @@ exports[`CollapsibleNav renders the default nav 2`] = `
       "AnimatedMark": Object {
         "dark": Object {
           "type": "default",
-          "url": "/test/ui/logos/spinner_on_dark.gif",
+          "url": "/test/ui/logos/spinner_on_dark.svg",
         },
         "light": Object {
           "type": "default",
-          "url": "/test/ui/logos/spinner_on_light.gif",
+          "url": "/test/ui/logos/spinner_on_light.svg",
         },
         "type": "default",
-        "url": "/test/ui/logos/spinner_on_light.gif",
+        "url": "/test/ui/logos/spinner_on_light.svg",
       },
       "Application": Object {
         "dark": Object {
@@ -2685,14 +2685,14 @@ exports[`CollapsibleNav renders the default nav 3`] = `
       "AnimatedMark": Object {
         "dark": Object {
           "type": "default",
-          "url": "/test/ui/logos/spinner_on_dark.gif",
+          "url": "/test/ui/logos/spinner_on_dark.svg",
         },
         "light": Object {
           "type": "default",
-          "url": "/test/ui/logos/spinner_on_light.gif",
+          "url": "/test/ui/logos/spinner_on_light.svg",
         },
         "type": "default",
-        "url": "/test/ui/logos/spinner_on_light.gif",
+        "url": "/test/ui/logos/spinner_on_light.svg",
       },
       "Application": Object {
         "dark": Object {
@@ -5517,14 +5517,14 @@ exports[`CollapsibleNav without custom branding renders the nav bar in dark mode
       "AnimatedMark": Object {
         "dark": Object {
           "type": "default",
-          "url": "/test/ui/logos/spinner_on_dark.gif",
+          "url": "/test/ui/logos/spinner_on_dark.svg",
         },
         "light": Object {
           "type": "default",
-          "url": "/test/ui/logos/spinner_on_light.gif",
+          "url": "/test/ui/logos/spinner_on_light.svg",
         },
         "type": "default",
-        "url": "/test/ui/logos/spinner_on_dark.gif",
+        "url": "/test/ui/logos/spinner_on_dark.svg",
       },
       "Application": Object {
         "dark": Object {
@@ -6622,14 +6622,14 @@ exports[`CollapsibleNav without custom branding renders the nav bar in default m
       "AnimatedMark": Object {
         "dark": Object {
           "type": "default",
-          "url": "/test/ui/logos/spinner_on_dark.gif",
+          "url": "/test/ui/logos/spinner_on_dark.svg",
         },
         "light": Object {
           "type": "default",
-          "url": "/test/ui/logos/spinner_on_light.gif",
+          "url": "/test/ui/logos/spinner_on_light.svg",
         },
         "type": "default",
-        "url": "/test/ui/logos/spinner_on_light.gif",
+        "url": "/test/ui/logos/spinner_on_light.svg",
       },
       "Application": Object {
         "dark": Object {
diff --git a/src/core/public/chrome/ui/header/__snapshots__/header.test.tsx.snap b/src/core/public/chrome/ui/header/__snapshots__/header.test.tsx.snap
index d8399c474cc9..df773ea51660 100644
--- a/src/core/public/chrome/ui/header/__snapshots__/header.test.tsx.snap
+++ b/src/core/public/chrome/ui/header/__snapshots__/header.test.tsx.snap
@@ -1717,14 +1717,14 @@ exports[`Header handles visibility and lock changes 1`] = `
       "AnimatedMark": Object {
         "dark": Object {
           "type": "default",
-          "url": "/ui/logos/spinner_on_dark.gif",
+          "url": "/ui/logos/spinner_on_dark.svg",
         },
         "light": Object {
           "type": "default",
-          "url": "/ui/logos/spinner_on_light.gif",
+          "url": "/ui/logos/spinner_on_light.svg",
         },
         "type": "default",
-        "url": "/ui/logos/spinner_on_light.gif",
+        "url": "/ui/logos/spinner_on_light.svg",
       },
       "Application": Object {
         "dark": Object {
@@ -2410,14 +2410,14 @@ exports[`Header handles visibility and lock changes 1`] = `
                       "AnimatedMark": Object {
                         "dark": Object {
                           "type": "default",
-                          "url": "/ui/logos/spinner_on_dark.gif",
+                          "url": "/ui/logos/spinner_on_dark.svg",
                         },
                         "light": Object {
                           "type": "default",
-                          "url": "/ui/logos/spinner_on_light.gif",
+                          "url": "/ui/logos/spinner_on_light.svg",
                         },
                         "type": "default",
-                        "url": "/ui/logos/spinner_on_light.gif",
+                        "url": "/ui/logos/spinner_on_light.svg",
                       },
                       "Application": Object {
                         "dark": Object {
@@ -2912,14 +2912,14 @@ exports[`Header handles visibility and lock changes 1`] = `
                         "AnimatedMark": Object {
                           "dark": Object {
                             "type": "default",
-                            "url": "/ui/logos/spinner_on_dark.gif",
+                            "url": "/ui/logos/spinner_on_dark.svg",
                           },
                           "light": Object {
                             "type": "default",
-                            "url": "/ui/logos/spinner_on_light.gif",
+                            "url": "/ui/logos/spinner_on_light.svg",
                           },
                           "type": "default",
-                          "url": "/ui/logos/spinner_on_light.gif",
+                          "url": "/ui/logos/spinner_on_light.svg",
                         },
                         "Application": Object {
                           "dark": Object {
@@ -3667,14 +3667,14 @@ exports[`Header handles visibility and lock changes 1`] = `
                         "AnimatedMark": Object {
                           "dark": Object {
                             "type": "default",
-                            "url": "/ui/logos/spinner_on_dark.gif",
+                            "url": "/ui/logos/spinner_on_dark.svg",
                           },
                           "light": Object {
                             "type": "default",
-                            "url": "/ui/logos/spinner_on_light.gif",
+                            "url": "/ui/logos/spinner_on_light.svg",
                           },
                           "type": "default",
-                          "url": "/ui/logos/spinner_on_light.gif",
+                          "url": "/ui/logos/spinner_on_light.svg",
                         },
                         "Application": Object {
                           "dark": Object {
@@ -3974,14 +3974,14 @@ exports[`Header handles visibility and lock changes 1`] = `
                                               "AnimatedMark": Object {
                                                 "dark": Object {
                                                   "type": "default",
-                                                  "url": "/ui/logos/spinner_on_dark.gif",
+                                                  "url": "/ui/logos/spinner_on_dark.svg",
                                                 },
                                                 "light": Object {
                                                   "type": "default",
-                                                  "url": "/ui/logos/spinner_on_light.gif",
+                                                  "url": "/ui/logos/spinner_on_light.svg",
                                                 },
                                                 "type": "default",
-                                                "url": "/ui/logos/spinner_on_light.gif",
+                                                "url": "/ui/logos/spinner_on_light.svg",
                                               },
                                               "Application": Object {
                                                 "dark": Object {
@@ -6468,14 +6468,14 @@ exports[`Header handles visibility and lock changes 1`] = `
           "AnimatedMark": Object {
             "dark": Object {
               "type": "default",
-              "url": "/ui/logos/spinner_on_dark.gif",
+              "url": "/ui/logos/spinner_on_dark.svg",
             },
             "light": Object {
               "type": "default",
-              "url": "/ui/logos/spinner_on_light.gif",
+              "url": "/ui/logos/spinner_on_light.svg",
             },
             "type": "default",
-            "url": "/ui/logos/spinner_on_light.gif",
+            "url": "/ui/logos/spinner_on_light.svg",
           },
           "Application": Object {
             "dark": Object {
@@ -11516,14 +11516,14 @@ exports[`Header renders condensed header 1`] = `
       "AnimatedMark": Object {
         "dark": Object {
           "type": "default",
-          "url": "/ui/logos/spinner_on_dark.gif",
+          "url": "/ui/logos/spinner_on_dark.svg",
         },
         "light": Object {
           "type": "default",
-          "url": "/ui/logos/spinner_on_light.gif",
+          "url": "/ui/logos/spinner_on_light.svg",
         },
         "type": "default",
-        "url": "/ui/logos/spinner_on_light.gif",
+        "url": "/ui/logos/spinner_on_light.svg",
       },
       "Application": Object {
         "dark": Object {
@@ -12323,14 +12323,14 @@ exports[`Header renders condensed header 1`] = `
                         "AnimatedMark": Object {
                           "dark": Object {
                             "type": "default",
-                            "url": "/ui/logos/spinner_on_dark.gif",
+                            "url": "/ui/logos/spinner_on_dark.svg",
                           },
                           "light": Object {
                             "type": "default",
-                            "url": "/ui/logos/spinner_on_light.gif",
+                            "url": "/ui/logos/spinner_on_light.svg",
                           },
                           "type": "default",
-                          "url": "/ui/logos/spinner_on_light.gif",
+                          "url": "/ui/logos/spinner_on_light.svg",
                         },
                         "Application": Object {
                           "dark": Object {
@@ -12590,14 +12590,14 @@ exports[`Header renders condensed header 1`] = `
                                               "AnimatedMark": Object {
                                                 "dark": Object {
                                                   "type": "default",
-                                                  "url": "/ui/logos/spinner_on_dark.gif",
+                                                  "url": "/ui/logos/spinner_on_dark.svg",
                                                 },
                                                 "light": Object {
                                                   "type": "default",
-                                                  "url": "/ui/logos/spinner_on_light.gif",
+                                                  "url": "/ui/logos/spinner_on_light.svg",
                                                 },
                                                 "type": "default",
-                                                "url": "/ui/logos/spinner_on_light.gif",
+                                                "url": "/ui/logos/spinner_on_light.svg",
                                               },
                                               "Application": Object {
                                                 "dark": Object {
@@ -15075,14 +15075,14 @@ exports[`Header renders condensed header 1`] = `
           "AnimatedMark": Object {
             "dark": Object {
               "type": "default",
-              "url": "/ui/logos/spinner_on_dark.gif",
+              "url": "/ui/logos/spinner_on_dark.svg",
             },
             "light": Object {
               "type": "default",
-              "url": "/ui/logos/spinner_on_light.gif",
+              "url": "/ui/logos/spinner_on_light.svg",
             },
             "type": "default",
-            "url": "/ui/logos/spinner_on_light.gif",
+            "url": "/ui/logos/spinner_on_light.svg",
           },
           "Application": Object {
             "dark": Object {
@@ -21006,14 +21006,14 @@ exports[`Header toggles primary navigation menu when clicked 1`] = `
       "AnimatedMark": Object {
         "dark": Object {
           "type": "default",
-          "url": "/ui/logos/spinner_on_dark.gif",
+          "url": "/ui/logos/spinner_on_dark.svg",
         },
         "light": Object {
           "type": "default",
-          "url": "/ui/logos/spinner_on_light.gif",
+          "url": "/ui/logos/spinner_on_light.svg",
         },
         "type": "default",
-        "url": "/ui/logos/spinner_on_light.gif",
+        "url": "/ui/logos/spinner_on_light.svg",
       },
       "Application": Object {
         "dark": Object {
@@ -21813,14 +21813,14 @@ exports[`Header toggles primary navigation menu when clicked 1`] = `
                         "AnimatedMark": Object {
                           "dark": Object {
                             "type": "default",
-                            "url": "/ui/logos/spinner_on_dark.gif",
+                            "url": "/ui/logos/spinner_on_dark.svg",
                           },
                           "light": Object {
                             "type": "default",
-                            "url": "/ui/logos/spinner_on_light.gif",
+                            "url": "/ui/logos/spinner_on_light.svg",
                           },
                           "type": "default",
-                          "url": "/ui/logos/spinner_on_light.gif",
+                          "url": "/ui/logos/spinner_on_light.svg",
                         },
                         "Application": Object {
                           "dark": Object {
@@ -22080,14 +22080,14 @@ exports[`Header toggles primary navigation menu when clicked 1`] = `
                                               "AnimatedMark": Object {
                                                 "dark": Object {
                                                   "type": "default",
-                                                  "url": "/ui/logos/spinner_on_dark.gif",
+                                                  "url": "/ui/logos/spinner_on_dark.svg",
                                                 },
                                                 "light": Object {
                                                   "type": "default",
-                                                  "url": "/ui/logos/spinner_on_light.gif",
+                                                  "url": "/ui/logos/spinner_on_light.svg",
                                                 },
                                                 "type": "default",
-                                                "url": "/ui/logos/spinner_on_light.gif",
+                                                "url": "/ui/logos/spinner_on_light.svg",
                                               },
                                               "Application": Object {
                                                 "dark": Object {
@@ -24565,14 +24565,14 @@ exports[`Header toggles primary navigation menu when clicked 1`] = `
           "AnimatedMark": Object {
             "dark": Object {
               "type": "default",
-              "url": "/ui/logos/spinner_on_dark.gif",
+              "url": "/ui/logos/spinner_on_dark.svg",
             },
             "light": Object {
               "type": "default",
-              "url": "/ui/logos/spinner_on_light.gif",
+              "url": "/ui/logos/spinner_on_light.svg",
             },
             "type": "default",
-            "url": "/ui/logos/spinner_on_light.gif",
+            "url": "/ui/logos/spinner_on_light.svg",
           },
           "Application": Object {
             "dark": Object {
diff --git a/src/core/public/chrome/ui/header/__snapshots__/home_loader.test.tsx.snap b/src/core/public/chrome/ui/header/__snapshots__/home_loader.test.tsx.snap
index 6641841c0e1c..29396eb80d65 100644
--- a/src/core/public/chrome/ui/header/__snapshots__/home_loader.test.tsx.snap
+++ b/src/core/public/chrome/ui/header/__snapshots__/home_loader.test.tsx.snap
@@ -23,14 +23,14 @@ exports[`Home loader displays a EuiToolTip 1`] = `
             "AnimatedMark": Object {
               "dark": Object {
                 "type": "default",
-                "url": "/ui/logos/spinner_on_dark.gif",
+                "url": "/ui/logos/spinner_on_dark.svg",
               },
               "light": Object {
                 "type": "default",
-                "url": "/ui/logos/spinner_on_light.gif",
+                "url": "/ui/logos/spinner_on_light.svg",
               },
               "type": "default",
-              "url": "/ui/logos/spinner_on_light.gif",
+              "url": "/ui/logos/spinner_on_light.svg",
             },
             "Application": Object {
               "dark": Object {
@@ -130,14 +130,14 @@ exports[`Home loader shows the loading indicator if loading count > 0 1`] = `
             "AnimatedMark": Object {
               "dark": Object {
                 "type": "default",
-                "url": "/ui/logos/spinner_on_dark.gif",
+                "url": "/ui/logos/spinner_on_dark.svg",
               },
               "light": Object {
                 "type": "default",
-                "url": "/ui/logos/spinner_on_light.gif",
+                "url": "/ui/logos/spinner_on_light.svg",
               },
               "type": "default",
-              "url": "/ui/logos/spinner_on_light.gif",
+              "url": "/ui/logos/spinner_on_light.svg",
             },
             "Application": Object {
               "dark": Object {
diff --git a/src/core/server/core_app/assets/logos/spinner.gif b/src/core/server/core_app/assets/logos/spinner.gif
deleted file mode 100644
index de9446f345c6..000000000000
Binary files a/src/core/server/core_app/assets/logos/spinner.gif and /dev/null differ
diff --git a/src/core/server/core_app/assets/logos/spinner_on_dark.gif b/src/core/server/core_app/assets/logos/spinner_on_dark.gif
deleted file mode 100644
index bca3614c2fab..000000000000
Binary files a/src/core/server/core_app/assets/logos/spinner_on_dark.gif and /dev/null differ
diff --git a/src/core/server/core_app/assets/logos/spinner_on_dark.svg b/src/core/server/core_app/assets/logos/spinner_on_dark.svg
new file mode 100644
index 000000000000..81e7e1ea474c
--- /dev/null
+++ b/src/core/server/core_app/assets/logos/spinner_on_dark.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.2.3, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
+	 width="1024px" height="200px" viewBox="0 0 1024 200" fill="none"
+	>
+<g>
+	<polygon points="204.11 142.81 174.37 46.12 150.88 46.12 121.13 142.81 91.65 46.06 64.64 46.06 107.69 187.04 129.61 187.04 162.63 85 195.5 187.04 217.42 187.04 260.48 46.12 233.6 46.12 204.11 142.81" fill="white"/>
+	<polygon points="451.67 70.52 524.33 70.52 444.36 182.73 444.36 187.04 563.74 187.04 563.74 162.64 487.81 162.64 567.65 50.56 567.65 46.12 451.67 46.12 451.67 70.52" fill="white"/>
+	<path d="M390,61c-12.09-12.61-28.57-19.24-48-19.24-41,0-72,32.22-72,75s30.95,75,72,75c19.35,0,35.84-6.6,48-19.12v16.16h27.58V44.7H390Zm-45.15,104.7c-27.1,0-46.77-20.6-46.77-49s19.67-48.84,46.77-48.84S391.5,88.4,391.5,116.7,371.89,165.68,344.88,165.68Z" fill="white"/>
+	<path d="M696.14,125.88c0,25.29-13.92,39.8-38.18,39.8s-38.32-14.51-38.32-39.8V44.7H592v83.39c0,46.91,35.51,63.56,65.92,63.56s65.77-16.65,65.77-63.56V44.7H696.14Z" fill="white"/>
+	<path d="M883.3,93.62A85.09,85.09,0,0,0,878.86,76a56.88,56.88,0,0,0-9.46-16.64A45.46,45.46,0,0,0,853.3,47q-9.93-4.71-24.54-4.7-19.05,0-32.48,8.22A53,53,0,0,0,782.19,63V8.35h-24.4V187h27.66V113.71q0-12.52,2.8-21.27A37.82,37.82,0,0,1,796,78.35a28.86,28.86,0,0,1,11.42-7.76,39.44,39.44,0,0,1,13.83-2.42c7.47,0,13.55,1.53,18.2,4.57a31.27,31.27,0,0,1,10.82,12,52.22,52.22,0,0,1,5.22,16.12,107.39,107.39,0,0,1,1.38,16.89V187h27.66V108.75A114.2,114.2,0,0,0,883.3,93.62Z" fill="white"/>
+	<circle fill="#3585F9" cx="937.12" cy="167.6" r="22.24"/>
+</g>
+</svg>
diff --git a/src/core/server/core_app/assets/logos/spinner_on_light.gif b/src/core/server/core_app/assets/logos/spinner_on_light.gif
deleted file mode 100644
index de9446f345c6..000000000000
Binary files a/src/core/server/core_app/assets/logos/spinner_on_light.gif and /dev/null differ
diff --git a/src/core/server/core_app/assets/logos/spinner_on_light.svg b/src/core/server/core_app/assets/logos/spinner_on_light.svg
new file mode 100644
index 000000000000..24bdbd09bee9
--- /dev/null
+++ b/src/core/server/core_app/assets/logos/spinner_on_light.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.2.3, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
+	 width="1024px" height="200px" viewBox="0 0 1024 200" fill="none">
+<g>
+	<polygon points="204.11 142.81 174.37 46.12 150.88 46.12 121.13 142.81 91.65 46.06 64.64 46.06 107.69 187.04 129.61 187.04 162.63 85 195.5 187.04 217.42 187.04 260.48 46.12 233.6 46.12 204.11 142.81" fill="black"/>
+	<polygon points="451.67 70.52 524.33 70.52 444.36 182.73 444.36 187.04 563.74 187.04 563.74 162.64 487.81 162.64 567.65 50.56 567.65 46.12 451.67 46.12 451.67 70.52" fill="black"/>
+	<path d="M390,61c-12.09-12.61-28.57-19.24-48-19.24-41,0-72,32.22-72,75s30.95,75,72,75c19.35,0,35.84-6.6,48-19.12v16.16h27.58V44.7H390Zm-45.15,104.7c-27.1,0-46.77-20.6-46.77-49s19.67-48.84,46.77-48.84S391.5,88.4,391.5,116.7,371.89,165.68,344.88,165.68Z" fill="black"/>
+	<path d="M696.14,125.88c0,25.29-13.92,39.8-38.18,39.8s-38.32-14.51-38.32-39.8V44.7H592v83.39c0,46.91,35.51,63.56,65.92,63.56s65.77-16.65,65.77-63.56V44.7H696.14Z" fill="black"/>
+	<path d="M883.3,93.62A85.09,85.09,0,0,0,878.86,76a56.88,56.88,0,0,0-9.46-16.64A45.46,45.46,0,0,0,853.3,47q-9.93-4.71-24.54-4.7-19.05,0-32.48,8.22A53,53,0,0,0,782.19,63V8.35h-24.4V187h27.66V113.71q0-12.52,2.8-21.27A37.82,37.82,0,0,1,796,78.35a28.86,28.86,0,0,1,11.42-7.76,39.44,39.44,0,0,1,13.83-2.42c7.47,0,13.55,1.53,18.2,4.57a31.27,31.27,0,0,1,10.82,12,52.22,52.22,0,0,1,5.22,16.12,107.39,107.39,0,0,1,1.38,16.89V187h27.66V108.75A114.2,114.2,0,0,0,883.3,93.62Z" fill="black" />
+	<circle fill="#3585F9" cx="937.12" cy="167.6" r="22.24"/>
+</g>
+</svg>
diff --git a/src/core/server/core_app/assets/logos/wazuh_center_mark_on_light.svg b/src/core/server/core_app/assets/logos/wazuh_center_mark_on_light.svg
index 7445c31da2ba..afc9c79926b7 100644
--- a/src/core/server/core_app/assets/logos/wazuh_center_mark_on_light.svg
+++ b/src/core/server/core_app/assets/logos/wazuh_center_mark_on_light.svg
@@ -1,13 +1,13 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 25.2.3, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 width="64px" height="64px" viewBox="0 0 64 64" style="enable-background:new 0 0 64 64;" xml:space="preserve">
-<style type="text/css">
-	.st0{fill:#007AFF;}
-</style>
-<g>
-	<polygon points="37,38.4 29.3,13.5 23.3,13.5 15.6,38.4 8,13.5 1.1,13.5 12.1,49.8 17.8,49.8 26.3,23.5 34.8,49.8 40.4,49.8 
-		51.5,13.5 44.6,13.5 	"/>
-	<circle class="st0" cx="57.2" cy="44.8" r="5.7"/>
-</g>
-</svg>
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.2.3, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="64px" height="64px" viewBox="0 0 64 64" style="enable-background:new 0 0 64 64;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#007AFF;}
+</style>
+<g>
+	<polygon points="37,38.4 29.3,13.5 23.3,13.5 15.6,38.4 8,13.5 1.1,13.5 12.1,49.8 17.8,49.8 26.3,23.5 34.8,49.8 40.4,49.8
+		51.5,13.5 44.6,13.5 	"/>
+	<circle class="st0" cx="57.2" cy="44.8" r="5.7"/>
+</g>
+</svg>
diff --git a/src/core/server/rendering/views/__snapshots__/template.test.tsx.snap b/src/core/server/rendering/views/__snapshots__/template.test.tsx.snap
index 97bb8d1c7a5a..5ab535db8183 100644
--- a/src/core/server/rendering/views/__snapshots__/template.test.tsx.snap
+++ b/src/core/server/rendering/views/__snapshots__/template.test.tsx.snap
@@ -610,10 +610,10 @@ Array [
         <img
           alt="OpenSearch Dashboards logo"
           class="loadingLogo"
-          data-test-image-url="/ui/logos/spinner_on_light.gif"
+          data-test-image-url="/ui/logos/spinner_on_light.svg"
           data-test-subj="defaultLogo"
           loading="eager"
-          src="/ui/logos/spinner_on_light.gif"
+          src="/ui/logos/spinner_on_light.svg"
         />
       </div>
       <div
@@ -1003,10 +1003,10 @@ Array [
         <img
           alt="custom title logo"
           class="loadingLogo"
-          data-test-image-url="/ui/logos/spinner_on_light.gif"
+          data-test-image-url="/ui/logos/spinner_on_light.svg"
           data-test-subj="defaultLogo"
           loading="eager"
-          src="/ui/logos/spinner_on_light.gif"
+          src="/ui/logos/spinner_on_light.svg"
         />
       </div>
       <div
@@ -1133,10 +1133,10 @@ Array [
         <img
           alt="OpenSearch Dashboards logo"
           class="loadingLogo"
-          data-test-image-url="/ui/logos/spinner_on_light.gif"
+          data-test-image-url="/ui/logos/spinner_on_light.svg"
           data-test-subj="defaultLogo"
           loading="eager"
-          src="/ui/logos/spinner_on_light.gif"
+          src="/ui/logos/spinner_on_light.svg"
         />
       </div>
       <div
@@ -1263,10 +1263,10 @@ Array [
         <img
           alt="OpenSearch Dashboards logo"
           class="loadingLogo"
-          data-test-image-url="/ui/logos/spinner_on_light.gif"
+          data-test-image-url="/ui/logos/spinner_on_light.svg"
           data-test-subj="defaultLogo"
           loading="eager"
-          src="/ui/logos/spinner_on_light.gif"
+          src="/ui/logos/spinner_on_light.svg"
         />
       </div>
       <div
diff --git a/src/dev/build/lib/config.ts b/src/dev/build/lib/config.ts
index c182b2617dad..e48cac508d8f 100644
--- a/src/dev/build/lib/config.ts
+++ b/src/dev/build/lib/config.ts
@@ -55,7 +55,7 @@ interface Package {
   workspaces: {
     packages: string[];
   };
-  wazuh: { version: string };
+  wazuh: { version: string; revision: string };
   [key: string]: unknown;
 }
 
diff --git a/src/dev/build/tasks/create_package_json_task.ts b/src/dev/build/tasks/create_package_json_task.ts
index 7b8d2a311a0b..0c795da6e13e 100644
--- a/src/dev/build/tasks/create_package_json_task.ts
+++ b/src/dev/build/tasks/create_package_json_task.ts
@@ -46,7 +46,7 @@ export const CreatePackageJson: Task = {
       version: config.getBuildVersion(),
       branch: pkg.branch,
       build: {
-        number: config.getBuildNumber(),
+        number: pkg.wazuh.version.replace(/\./g, '') + pkg.wazuh.revision,
         sha: config.getBuildSha(),
         distributable: true,
         release: config.isRelease,
diff --git a/src/plugins/dashboard/public/application/components/dashboard_listing/__snapshots__/dashboard_listing.test.tsx.snap b/src/plugins/dashboard/public/application/components/dashboard_listing/__snapshots__/dashboard_listing.test.tsx.snap
index 6e438921318d..52e1f34a59bc 100644
--- a/src/plugins/dashboard/public/application/components/dashboard_listing/__snapshots__/dashboard_listing.test.tsx.snap
+++ b/src/plugins/dashboard/public/application/components/dashboard_listing/__snapshots__/dashboard_listing.test.tsx.snap
@@ -153,14 +153,14 @@ exports[`dashboard listing hideWriteControls 1`] = `
                 "AnimatedMark": Object {
                   "dark": Object {
                     "type": "default",
-                    "url": "/ui/logos/spinner_on_dark.gif",
+                    "url": "/ui/logos/spinner_on_dark.svg",
                   },
                   "light": Object {
                     "type": "default",
-                    "url": "/ui/logos/spinner_on_light.gif",
+                    "url": "/ui/logos/spinner_on_light.svg",
                   },
                   "type": "default",
-                  "url": "/ui/logos/spinner_on_light.gif",
+                  "url": "/ui/logos/spinner_on_light.svg",
                 },
                 "Application": Object {
                   "dark": Object {
@@ -1356,14 +1356,14 @@ exports[`dashboard listing render table listing with initial filters from URL 1`
                 "AnimatedMark": Object {
                   "dark": Object {
                     "type": "default",
-                    "url": "/ui/logos/spinner_on_dark.gif",
+                    "url": "/ui/logos/spinner_on_dark.svg",
                   },
                   "light": Object {
                     "type": "default",
-                    "url": "/ui/logos/spinner_on_light.gif",
+                    "url": "/ui/logos/spinner_on_light.svg",
                   },
                   "type": "default",
-                  "url": "/ui/logos/spinner_on_light.gif",
+                  "url": "/ui/logos/spinner_on_light.svg",
                 },
                 "Application": Object {
                   "dark": Object {
@@ -2620,14 +2620,14 @@ exports[`dashboard listing renders call to action when no dashboards exist 1`] =
                 "AnimatedMark": Object {
                   "dark": Object {
                     "type": "default",
-                    "url": "/ui/logos/spinner_on_dark.gif",
+                    "url": "/ui/logos/spinner_on_dark.svg",
                   },
                   "light": Object {
                     "type": "default",
-                    "url": "/ui/logos/spinner_on_light.gif",
+                    "url": "/ui/logos/spinner_on_light.svg",
                   },
                   "type": "default",
-                  "url": "/ui/logos/spinner_on_light.gif",
+                  "url": "/ui/logos/spinner_on_light.svg",
                 },
                 "Application": Object {
                   "dark": Object {
@@ -3884,14 +3884,14 @@ exports[`dashboard listing renders table rows 1`] = `
                 "AnimatedMark": Object {
                   "dark": Object {
                     "type": "default",
-                    "url": "/ui/logos/spinner_on_dark.gif",
+                    "url": "/ui/logos/spinner_on_dark.svg",
                   },
                   "light": Object {
                     "type": "default",
-                    "url": "/ui/logos/spinner_on_light.gif",
+                    "url": "/ui/logos/spinner_on_light.svg",
                   },
                   "type": "default",
-                  "url": "/ui/logos/spinner_on_light.gif",
+                  "url": "/ui/logos/spinner_on_light.svg",
                 },
                 "Application": Object {
                   "dark": Object {
@@ -5148,14 +5148,14 @@ exports[`dashboard listing renders warning when listingLimit is exceeded 1`] = `
                 "AnimatedMark": Object {
                   "dark": Object {
                     "type": "default",
-                    "url": "/ui/logos/spinner_on_dark.gif",
+                    "url": "/ui/logos/spinner_on_dark.svg",
                   },
                   "light": Object {
                     "type": "default",
-                    "url": "/ui/logos/spinner_on_light.gif",
+                    "url": "/ui/logos/spinner_on_light.svg",
                   },
                   "type": "default",
-                  "url": "/ui/logos/spinner_on_light.gif",
+                  "url": "/ui/logos/spinner_on_light.svg",
                 },
                 "Application": Object {
                   "dark": Object {
diff --git a/src/plugins/dashboard/public/application/components/dashboard_top_nav/__snapshots__/dashboard_top_nav.test.tsx.snap b/src/plugins/dashboard/public/application/components/dashboard_top_nav/__snapshots__/dashboard_top_nav.test.tsx.snap
index fd91fc512d4a..c0893b20e66e 100644
--- a/src/plugins/dashboard/public/application/components/dashboard_top_nav/__snapshots__/dashboard_top_nav.test.tsx.snap
+++ b/src/plugins/dashboard/public/application/components/dashboard_top_nav/__snapshots__/dashboard_top_nav.test.tsx.snap
@@ -148,14 +148,14 @@ exports[`Dashboard top nav render in embed mode 1`] = `
                 "AnimatedMark": Object {
                   "dark": Object {
                     "type": "default",
-                    "url": "/ui/logos/spinner_on_dark.gif",
+                    "url": "/ui/logos/spinner_on_dark.svg",
                   },
                   "light": Object {
                     "type": "default",
-                    "url": "/ui/logos/spinner_on_light.gif",
+                    "url": "/ui/logos/spinner_on_light.svg",
                   },
                   "type": "default",
-                  "url": "/ui/logos/spinner_on_light.gif",
+                  "url": "/ui/logos/spinner_on_light.svg",
                 },
                 "Application": Object {
                   "dark": Object {
@@ -1213,14 +1213,14 @@ exports[`Dashboard top nav render in embed mode, and force hide filter bar 1`] =
                 "AnimatedMark": Object {
                   "dark": Object {
                     "type": "default",
-                    "url": "/ui/logos/spinner_on_dark.gif",
+                    "url": "/ui/logos/spinner_on_dark.svg",
                   },
                   "light": Object {
                     "type": "default",
-                    "url": "/ui/logos/spinner_on_light.gif",
+                    "url": "/ui/logos/spinner_on_light.svg",
                   },
                   "type": "default",
-                  "url": "/ui/logos/spinner_on_light.gif",
+                  "url": "/ui/logos/spinner_on_light.svg",
                 },
                 "Application": Object {
                   "dark": Object {
@@ -2278,14 +2278,14 @@ exports[`Dashboard top nav render in embed mode, components can be forced show b
                 "AnimatedMark": Object {
                   "dark": Object {
                     "type": "default",
-                    "url": "/ui/logos/spinner_on_dark.gif",
+                    "url": "/ui/logos/spinner_on_dark.svg",
                   },
                   "light": Object {
                     "type": "default",
-                    "url": "/ui/logos/spinner_on_light.gif",
+                    "url": "/ui/logos/spinner_on_light.svg",
                   },
                   "type": "default",
-                  "url": "/ui/logos/spinner_on_light.gif",
+                  "url": "/ui/logos/spinner_on_light.svg",
                 },
                 "Application": Object {
                   "dark": Object {
@@ -3343,14 +3343,14 @@ exports[`Dashboard top nav render in full screen mode with appended URL param bu
                 "AnimatedMark": Object {
                   "dark": Object {
                     "type": "default",
-                    "url": "/ui/logos/spinner_on_dark.gif",
+                    "url": "/ui/logos/spinner_on_dark.svg",
                   },
                   "light": Object {
                     "type": "default",
-                    "url": "/ui/logos/spinner_on_light.gif",
+                    "url": "/ui/logos/spinner_on_light.svg",
                   },
                   "type": "default",
-                  "url": "/ui/logos/spinner_on_light.gif",
+                  "url": "/ui/logos/spinner_on_light.svg",
                 },
                 "Application": Object {
                   "dark": Object {
@@ -4408,14 +4408,14 @@ exports[`Dashboard top nav render in full screen mode, no componenets should be
                 "AnimatedMark": Object {
                   "dark": Object {
                     "type": "default",
-                    "url": "/ui/logos/spinner_on_dark.gif",
+                    "url": "/ui/logos/spinner_on_dark.svg",
                   },
                   "light": Object {
                     "type": "default",
-                    "url": "/ui/logos/spinner_on_light.gif",
+                    "url": "/ui/logos/spinner_on_light.svg",
                   },
                   "type": "default",
-                  "url": "/ui/logos/spinner_on_light.gif",
+                  "url": "/ui/logos/spinner_on_light.svg",
                 },
                 "Application": Object {
                   "dark": Object {
@@ -5473,14 +5473,14 @@ exports[`Dashboard top nav render with all components 1`] = `
                 "AnimatedMark": Object {
                   "dark": Object {
                     "type": "default",
-                    "url": "/ui/logos/spinner_on_dark.gif",
+                    "url": "/ui/logos/spinner_on_dark.svg",
                   },
                   "light": Object {
                     "type": "default",
-                    "url": "/ui/logos/spinner_on_light.gif",
+                    "url": "/ui/logos/spinner_on_light.svg",
                   },
                   "type": "default",
-                  "url": "/ui/logos/spinner_on_light.gif",
+                  "url": "/ui/logos/spinner_on_light.svg",
                 },
                 "Application": Object {
                   "dark": Object {
diff --git a/src/plugins/opensearch_dashboards_overview/public/components/overview/__snapshots__/overview.test.tsx.snap b/src/plugins/opensearch_dashboards_overview/public/components/overview/__snapshots__/overview.test.tsx.snap
index 17c6da932ad5..cd45191e1eaf 100644
--- a/src/plugins/opensearch_dashboards_overview/public/components/overview/__snapshots__/overview.test.tsx.snap
+++ b/src/plugins/opensearch_dashboards_overview/public/components/overview/__snapshots__/overview.test.tsx.snap
@@ -188,14 +188,14 @@ exports[`Overview renders with news without solutions and without features 1`] =
         "AnimatedMark": Object {
           "dark": Object {
             "type": "default",
-            "url": "/ui/logos/spinner_on_dark.gif",
+            "url": "/ui/logos/spinner_on_dark.svg",
           },
           "light": Object {
             "type": "default",
-            "url": "/ui/logos/spinner_on_light.gif",
+            "url": "/ui/logos/spinner_on_light.svg",
           },
           "type": "default",
-          "url": "/ui/logos/spinner_on_light.gif",
+          "url": "/ui/logos/spinner_on_light.svg",
         },
         "Application": Object {
           "dark": Object {
@@ -789,14 +789,14 @@ exports[`Overview renders with news, solutions, and features 1`] = `
         "AnimatedMark": Object {
           "dark": Object {
             "type": "default",
-            "url": "/ui/logos/spinner_on_dark.gif",
+            "url": "/ui/logos/spinner_on_dark.svg",
           },
           "light": Object {
             "type": "default",
-            "url": "/ui/logos/spinner_on_light.gif",
+            "url": "/ui/logos/spinner_on_light.svg",
           },
           "type": "default",
-          "url": "/ui/logos/spinner_on_light.gif",
+          "url": "/ui/logos/spinner_on_light.svg",
         },
         "Application": Object {
           "dark": Object {
@@ -1274,14 +1274,14 @@ exports[`Overview renders with news, with solutions, and without features 1`] =
         "AnimatedMark": Object {
           "dark": Object {
             "type": "default",
-            "url": "/ui/logos/spinner_on_dark.gif",
+            "url": "/ui/logos/spinner_on_dark.svg",
           },
           "light": Object {
             "type": "default",
-            "url": "/ui/logos/spinner_on_light.gif",
+            "url": "/ui/logos/spinner_on_light.svg",
           },
           "type": "default",
-          "url": "/ui/logos/spinner_on_light.gif",
+          "url": "/ui/logos/spinner_on_light.svg",
         },
         "Application": Object {
           "dark": Object {
@@ -1759,14 +1759,14 @@ exports[`Overview renders with news, without solutions, and with features 1`] =
         "AnimatedMark": Object {
           "dark": Object {
             "type": "default",
-            "url": "/ui/logos/spinner_on_dark.gif",
+            "url": "/ui/logos/spinner_on_dark.svg",
           },
           "light": Object {
             "type": "default",
-            "url": "/ui/logos/spinner_on_light.gif",
+            "url": "/ui/logos/spinner_on_light.svg",
           },
           "type": "default",
-          "url": "/ui/logos/spinner_on_light.gif",
+          "url": "/ui/logos/spinner_on_light.svg",
         },
         "Application": Object {
           "dark": Object {
@@ -2304,14 +2304,14 @@ exports[`Overview renders without news and features, with solutions 1`] = `
         "AnimatedMark": Object {
           "dark": Object {
             "type": "default",
-            "url": "/ui/logos/spinner_on_dark.gif",
+            "url": "/ui/logos/spinner_on_dark.svg",
           },
           "light": Object {
             "type": "default",
-            "url": "/ui/logos/spinner_on_light.gif",
+            "url": "/ui/logos/spinner_on_light.svg",
           },
           "type": "default",
-          "url": "/ui/logos/spinner_on_light.gif",
+          "url": "/ui/logos/spinner_on_light.svg",
         },
         "Application": Object {
           "dark": Object {
@@ -2968,14 +2968,14 @@ exports[`Overview renders without news and solutions, with features 1`] = `
         "AnimatedMark": Object {
           "dark": Object {
             "type": "default",
-            "url": "/ui/logos/spinner_on_dark.gif",
+            "url": "/ui/logos/spinner_on_dark.svg",
           },
           "light": Object {
             "type": "default",
-            "url": "/ui/logos/spinner_on_light.gif",
+            "url": "/ui/logos/spinner_on_light.svg",
           },
           "type": "default",
-          "url": "/ui/logos/spinner_on_light.gif",
+          "url": "/ui/logos/spinner_on_light.svg",
         },
         "Application": Object {
           "dark": Object {
@@ -3692,14 +3692,14 @@ exports[`Overview renders without news, solutions, and features 1`] = `
         "AnimatedMark": Object {
           "dark": Object {
             "type": "default",
-            "url": "/ui/logos/spinner_on_dark.gif",
+            "url": "/ui/logos/spinner_on_dark.svg",
           },
           "light": Object {
             "type": "default",
-            "url": "/ui/logos/spinner_on_light.gif",
+            "url": "/ui/logos/spinner_on_light.svg",
           },
           "type": "default",
-          "url": "/ui/logos/spinner_on_light.gif",
+          "url": "/ui/logos/spinner_on_light.svg",
         },
         "Application": Object {
           "dark": Object {
@@ -4472,14 +4472,14 @@ exports[`Overview renders without news, with solutions and features 1`] = `
         "AnimatedMark": Object {
           "dark": Object {
             "type": "default",
-            "url": "/ui/logos/spinner_on_dark.gif",
+            "url": "/ui/logos/spinner_on_dark.svg",
           },
           "light": Object {
             "type": "default",
-            "url": "/ui/logos/spinner_on_light.gif",
+            "url": "/ui/logos/spinner_on_light.svg",
           },
           "type": "default",
-          "url": "/ui/logos/spinner_on_light.gif",
+          "url": "/ui/logos/spinner_on_light.svg",
         },
         "Application": Object {
           "dark": Object {