From 4ca10776ee035352fe2294e50852f8f200a4e603 Mon Sep 17 00:00:00 2001
From: tehcneko <chsqwyx@gmail.com>
Date: Fri, 8 Aug 2025 13:19:05 +0100
Subject: [PATCH] optimize svg size

---
 src/webui/www/private/images/L.svg            |  7 +-
 src/webui/www/private/images/spinner.svg      | 76 ++++++-------------
 .../www/private/images/toolbox-divider.svg    |  6 +-
 3 files changed, 29 insertions(+), 60 deletions(-)

diff --git a/src/webui/www/private/images/L.svg b/src/webui/www/private/images/L.svg
index e46f16eec..048773794 100644
--- a/src/webui/www/private/images/L.svg
+++ b/src/webui/www/private/images/L.svg
@@ -1,6 +1 @@
-<svg width="18" height="18" xmlns="http://www.w3.org/2000/svg">
-    <line x1="7.5" y1="0" x2="7.5" y2="9" stroke="#808080" stroke-width="1"
-        stroke-dasharray="1,1" />
-    <line x1="7" y1="8.5" x2="18" y2="8.5" stroke="#808080" stroke-width="1"
-        stroke-dasharray="1,1" />
-</svg>
\ No newline at end of file
+<svg width="18" height="18" xmlns="http://www.w3.org/2000/svg"><path stroke="gray" stroke-dasharray="1,1" d="M7.5 0v9M7 8.5h11" /></svg>
\ No newline at end of file
diff --git a/src/webui/www/private/images/spinner.svg b/src/webui/www/private/images/spinner.svg
index cad28dc1c..eb47a71fa 100644
--- a/src/webui/www/private/images/spinner.svg
+++ b/src/webui/www/private/images/spinner.svg
@@ -1,52 +1,26 @@
-<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
-    <g transform="translate(8,8)">
-        <g>
-            <line y1="-4" y2="-7" stroke="#999999" stroke-width="2" stroke-linecap="round" opacity="0">
-                <animate attributeName="opacity" values="1;0" dur="0.8s" begin="0s"
-                    repeatCount="indefinite" />
-            </line>
-        </g>
-        <g transform="rotate(45)">
-            <line y1="-4" y2="-7" stroke="#999999" stroke-width="2" stroke-linecap="round" opacity="0">
-                <animate attributeName="opacity" values="1;0" dur="0.8s" begin="0.1s"
-                    repeatCount="indefinite" />
-            </line>
-        </g>
-        <g transform="rotate(90)">
-            <line y1="-4" y2="-7" stroke="#999999" stroke-width="2" stroke-linecap="round" opacity="0">
-                <animate attributeName="opacity" values="1;0" dur="0.8s" begin="0.2s"
-                    repeatCount="indefinite" />
-            </line>
-        </g>
-        <g transform="rotate(135)">
-            <line y1="-4" y2="-7" stroke="#999999" stroke-width="2" stroke-linecap="round" opacity="0">
-                <animate attributeName="opacity" values="1;0" dur="0.8s" begin="0.3s"
-                    repeatCount="indefinite" />
-            </line>
-        </g>
-        <g transform="rotate(180)">
-            <line y1="-4" y2="-7" stroke="#999999" stroke-width="2" stroke-linecap="round" opacity="0">
-                <animate attributeName="opacity" values="1;0" dur="0.8s" begin="0.4s"
-                    repeatCount="indefinite" />
-            </line>
-        </g>
-        <g transform="rotate(225)">
-            <line y1="-4" y2="-7" stroke="#999999" stroke-width="2" stroke-linecap="round" opacity="0">
-                <animate attributeName="opacity" values="1;0" dur="0.8s" begin="0.5s"
-                    repeatCount="indefinite" />
-            </line>
-        </g>
-        <g transform="rotate(270)">
-            <line y1="-4" y2="-7" stroke="#999999" stroke-width="2" stroke-linecap="round" opacity="0">
-                <animate attributeName="opacity" values="1;0" dur="0.8s" begin="0.6s"
-                    repeatCount="indefinite" />
-            </line>
-        </g>
-        <g transform="rotate(315)">
-            <line y1="-4" y2="-7" stroke="#999999" stroke-width="2" stroke-linecap="round" opacity="0">
-                <animate attributeName="opacity" values="1;0" dur="0.8s" begin="0.7s"
-                    repeatCount="indefinite" />
-            </line>
-        </g>
-    </g>
+<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg">
+    <path stroke="#999" stroke-linecap="round" stroke-width="2" d="M8 4V1" opacity="0">
+        <animate attributeName="opacity" begin="0s" dur="0.8s" repeatCount="indefinite" values="1;0" />
+    </path>
+    <path stroke="#999" stroke-linecap="round" stroke-width="2" d="M10.828 5.172 12.95 3.05" opacity="0">
+        <animate attributeName="opacity" begin="0.1s" dur="0.8s" repeatCount="indefinite" values="1;0" />
+    </path>
+    <path stroke="#999" stroke-linecap="round" stroke-width="2" d="M12 8h3" opacity="0">
+        <animate attributeName="opacity" begin="0.2s" dur="0.8s" repeatCount="indefinite" values="1;0" />
+    </path>
+    <path stroke="#999" stroke-linecap="round" stroke-width="2" d="m10.828 10.828 2.122 2.122" opacity="0">
+        <animate attributeName="opacity" begin="0.3s" dur="0.8s" repeatCount="indefinite" values="1;0" />
+    </path>
+    <path stroke="#999" stroke-linecap="round" stroke-width="2" d="M8 12v3" opacity="0">
+        <animate attributeName="opacity" begin="0.4s" dur="0.8s" repeatCount="indefinite" values="1;0" />
+    </path>
+    <path stroke="#999" stroke-linecap="round" stroke-width="2" d="M5.172 10.828 3.05 12.95" opacity="0">
+        <animate attributeName="opacity" begin="0.5s" dur="0.8s" repeatCount="indefinite" values="1;0" />
+    </path>
+    <path stroke="#999" stroke-linecap="round" stroke-width="2" d="M4 8H1" opacity="0">
+        <animate attributeName="opacity" begin="0.6s" dur="0.8s" repeatCount="indefinite" values="1;0" />
+    </path>
+    <path stroke="#999" stroke-linecap="round" stroke-width="2" d="M5.172 5.172 3.05 3.05" opacity="0">
+        <animate attributeName="opacity" begin="0.7s" dur="0.8s" repeatCount="indefinite" values="1;0" />
+    </path>
 </svg>
\ No newline at end of file
diff --git a/src/webui/www/private/images/toolbox-divider.svg b/src/webui/www/private/images/toolbox-divider.svg
index f9ba3067c..8fbb13727 100644
--- a/src/webui/www/private/images/toolbox-divider.svg
+++ b/src/webui/www/private/images/toolbox-divider.svg
@@ -1,4 +1,4 @@
-<svg width="2" height="20" xmlns="http://www.w3.org/2000/svg">
-    <rect x="0" y="0" width="1" height="20" fill="#fff" />
-    <rect x="1" y="0" width="1" height="20" fill="#c4c4c4" />
+<svg xmlns="http://www.w3.org/2000/svg" width="2" height="20">
+    <path fill="#fff" d="M0 0h1v20H0z" />
+    <path fill="#c4c4c4" d="M1 0h1v20H1z" />
 </svg>
\ No newline at end of file