diff --git a/themes/luci-theme-material/htdocs/luci-static/material/favicon.ico b/themes/luci-theme-material/htdocs/luci-static/material/favicon.ico
deleted file mode 100644
index 72c311555f..0000000000
Binary files a/themes/luci-theme-material/htdocs/luci-static/material/favicon.ico and /dev/null differ
diff --git a/themes/luci-theme-material/htdocs/luci-static/material/logo.svg b/themes/luci-theme-material/htdocs/luci-static/material/logo.svg
new file mode 100644
index 0000000000..c7a445e93d
--- /dev/null
+++ b/themes/luci-theme-material/htdocs/luci-static/material/logo.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="-9 -1 100 100"><path d="m -9 -1h100v100h-100z" fill="#00B5E2"/><path d="m40.5 50.8a6.6 6.6 0 1 0 0 13.2 6.6 6.6 0 0 0 0-13.2m-40.5-33.9 7 6.8a47.5 47.5 0 0 1 67.2 0l7-6.8a57.2 57.2 0 0 0-81.2 0" fill="#fff"/><path d="m12.5 29.2 6.8 7a30 30 0 0 1 42.6 0l6.8-7a39.7 39.7 0 0 0-56.3 0" fill="#fff"/><path d="m24.8 41.6 6.8 6.9a12.6 12.6 0 0 1 18 0l6.8-6.9a22.3 22.3 0 0 0-31.6 0" fill="#fff"/><path d="m64.9 39.7a30.2 30.2 0 1 1-48.7 0l-6.9-7a39.9 39.9 0 1 0 62.5 0z" fill="#002B49"/></svg>
\ No newline at end of file
diff --git a/themes/luci-theme-material/htdocs/luci-static/material/logo_48.png b/themes/luci-theme-material/htdocs/luci-static/material/logo_48.png
new file mode 100644
index 0000000000..6fb1f75a40
Binary files /dev/null and b/themes/luci-theme-material/htdocs/luci-static/material/logo_48.png differ
diff --git a/themes/luci-theme-material/ucode/template/themes/material/header.ut b/themes/luci-theme-material/ucode/template/themes/material/header.ut
index ed6a637978..4a7e4cb8f1 100644
--- a/themes/luci-theme-material/ucode/template/themes/material/header.ut
+++ b/themes/luci-theme-material/ucode/template/themes/material/header.ut
@@ -40,7 +40,8 @@
 <meta name="application-name" content="{{ hostname }} - LuCI">
 <meta name="apple-mobile-web-app-title" content="{{ hostname }} - LuCI">
 <link rel="stylesheet" href="{{ media }}/cascade.css">
-<link rel="shortcut icon" href="{{ media }}/favicon.ico">
+<link rel="icon" href="{{ media }}/logo_48.png" sizes="48x48">
+<link rel="icon" href="{{ media }}/logo.svg" sizes="any">
 {% if (node?.css): %}
 <link rel="stylesheet" href="{{ resource }}/{{ node.css }}">
 {% endif %}