修正FluxMQ官网图标

1ssqq1lxr · 1ssqq1lxr · commit 64b6408c7391 · 2026-04-27T18:03:52.000+08:00
diff --git a/public/product-icons/fluxmq.svg b/public/product-icons/fluxmq.svg
@@ -1,21 +1,29 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" role="img" aria-labelledby="title">
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 123 107" role="img" aria-labelledby="title">
   <title id="title">FluxMQ</title>
   <defs>
-    <linearGradient id="fluxGradient" x1="10" y1="8" x2="54" y2="56" gradientUnits="userSpaceOnUse">
+    <linearGradient id="fluxmqTheme" x1="0" y1="0" x2="123" y2="107" gradientUnits="userSpaceOnUse">
       <stop stop-color="#1eccbb"/>
       <stop offset="1" stop-color="#f4b63a"/>
     </linearGradient>
-    <filter id="fluxGlow" x="-30%" y="-30%" width="160%" height="160%">
+    <filter id="fluxmqGlow" x="-25%" y="-25%" width="150%" height="150%">
       <feGaussianBlur stdDeviation="2.5" result="blur"/>
       <feMerge>
         <feMergeNode in="blur"/>
         <feMergeNode in="SourceGraphic"/>
       </feMerge>
     </filter>
   </defs>
-  <path d="M32 4 56 18v28L32 60 8 46V18Z" fill="#0b1715"/>
-  <path d="M32 4 56 18v28L32 60 8 46V18Z" fill="none" stroke="url(#fluxGradient)" stroke-width="3"/>
-  <path d="M17 25c8-8 14 8 22 0 3-3 6-4 8-3" fill="none" stroke="url(#fluxGradient)" stroke-width="5" stroke-linecap="round" filter="url(#fluxGlow)"/>
-  <path d="M17 39c8-8 14 8 22 0 3-3 6-4 8-3" fill="none" stroke="#f8fafc" stroke-width="5" stroke-linecap="round"/>
-  <circle cx="48" cy="22" r="4" fill="#1eccbb"/>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M93.2847 102.997C90.5539 105.461 87.2389 106.516 82.4388 106.516H30.7571L25.3658 97.1838L31.5946 61.8519H56.9111L65.9341 48.9649H20.7769L15.3363 79.8204L0 53.2582L9.74093 36.3805H69.0239L73.6058 48.9649L49.7603 83.0229H65.4907L78.9901 63.7451L93.2777 102.997H93.2847Z"
+    fill="url(#fluxmqTheme)"
+    filter="url(#fluxmqGlow)"
+  />
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M78.061 23.4936H17.1944L25.6825 8.79074C29.3142 2.49857 33.1852 0 40.5754 0H92.2571L99.3235 12.2465L87.9779 28.4556L93.3551 43.2359L106.432 24.5564L123 53.2512L102.075 89.4911L78.054 23.4866L78.061 23.4936Z"
+    fill="url(#fluxmqTheme)"
+  />
 </svg>
diff --git a/public/solution-animations/energy-station.svg b/public/solution-animations/energy-station.svg
@@ -26,7 +26,7 @@
       .blade{fill:#d9fff8;opacity:.8;animation:spin 5s linear infinite;transform-origin:210px 158px}
       .bar{fill:url(#sun);animation:rise 3s ease-in-out infinite alternate}
       .logoBox{fill:#0b1715;stroke:url(#sun);stroke-width:2}
-      .logoWave{fill:none;stroke:#f8fafc;stroke-width:3.4;stroke-linecap:round}
+      .fluxMark{fill:url(#sun)}
       .logoShield{fill:none;stroke:#f8fafc;stroke-width:3;stroke-linejoin:round}
       .logoCheck{fill:none;stroke:#f8fafc;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
       .logoName{font:700 19px Arial,sans-serif;fill:#f8fafc}
@@ -63,8 +63,10 @@
     <rect class="card" x="363" y="84" width="153" height="116" rx="8"/>
     <g transform="translate(382 105)">
       <rect class="logoBox" width="48" height="48" rx="12"/>
-      <path class="logoWave" d="M10 17c10-8 18 8 28 0"/>
-      <path class="logoWave" d="M10 30c10-8 18 8 28 0"/>
+      <g transform="translate(5 8) scale(.31)">
+        <path class="fluxMark" fill-rule="evenodd" clip-rule="evenodd" d="M93.2847 102.997C90.5539 105.461 87.2389 106.516 82.4388 106.516H30.7571L25.3658 97.1838L31.5946 61.8519H56.9111L65.9341 48.9649H20.7769L15.3363 79.8204L0 53.2582L9.74093 36.3805H69.0239L73.6058 48.9649L49.7603 83.0229H65.4907L78.9901 63.7451L93.2777 102.997H93.2847Z"/>
+        <path class="fluxMark" fill-rule="evenodd" clip-rule="evenodd" d="M78.061 23.4936H17.1944L25.6825 8.79074C29.3142 2.49857 33.1852 0 40.5754 0H92.2571L99.3235 12.2465L87.9779 28.4556L93.3551 43.2359L106.432 24.5564L123 53.2512L102.075 89.4911L78.054 23.4866L78.061 23.4936Z"/>
+      </g>
     </g>
     <text class="logoName" x="442" y="129">FluxMQ</text>
     <text class="small" x="442" y="150">7-node cluster</text>
diff --git a/public/solution-animations/factory-edge.svg b/public/solution-animations/factory-edge.svg
@@ -28,7 +28,7 @@
       .logoBox{fill:#0b1715;stroke:url(#accent);stroke-width:2}
       .logoH{fill:none;stroke:#f8fafc;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
       .logoArc{fill:none;stroke:url(#accent);stroke-width:2.5;stroke-linecap:round}
-      .logoWave{fill:none;stroke:#f8fafc;stroke-width:3;stroke-linecap:round}
+      .fluxMark{fill:url(#accent)}
       .logoShield{fill:none;stroke:#f8fafc;stroke-width:2.8;stroke-linejoin:round}
       .logoCheck{fill:none;stroke:#f8fafc;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}
       .logoNode{fill:none;stroke:#f8fafc;stroke-width:2.6;stroke-linecap:round}
@@ -86,8 +86,10 @@
     <rect class="card" x="533" y="82" width="135" height="86" rx="8"/>
     <g transform="translate(551 101)">
       <rect class="logoBox" width="40" height="40" rx="10"/>
-      <path class="logoWave" d="M8 15c9-7 15 7 24 0"/>
-      <path class="logoWave" d="M8 26c9-7 15 7 24 0"/>
+      <g transform="translate(4 7) scale(.26)">
+        <path class="fluxMark" fill-rule="evenodd" clip-rule="evenodd" d="M93.2847 102.997C90.5539 105.461 87.2389 106.516 82.4388 106.516H30.7571L25.3658 97.1838L31.5946 61.8519H56.9111L65.9341 48.9649H20.7769L15.3363 79.8204L0 53.2582L9.74093 36.3805H69.0239L73.6058 48.9649L49.7603 83.0229H65.4907L78.9901 63.7451L93.2777 102.997H93.2847Z"/>
+        <path class="fluxMark" fill-rule="evenodd" clip-rule="evenodd" d="M78.061 23.4936H17.1944L25.6825 8.79074C29.3142 2.49857 33.1852 0 40.5754 0H92.2571L99.3235 12.2465L87.9779 28.4556L93.3551 43.2359L106.432 24.5564L123 53.2512L102.075 89.4911L78.054 23.4866L78.061 23.4936Z"/>
+      </g>
     </g>
     <text class="logoName" x="601" y="123">FluxMQ</text>
     <text class="small" x="601" y="145">message bus</text>
diff --git a/public/solution-animations/robot-fleet.svg b/public/solution-animations/robot-fleet.svg
@@ -28,7 +28,7 @@
       .logoBox{fill:#0b1715;stroke:url(#accent);stroke-width:2}
       .logoH{fill:none;stroke:#f8fafc;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
       .logoArc{fill:none;stroke:url(#accent);stroke-width:2.5;stroke-linecap:round}
-      .logoWave{fill:none;stroke:#f8fafc;stroke-width:3;stroke-linecap:round}
+      .fluxMark{fill:url(#accent)}
       .logoShield{fill:none;stroke:#f8fafc;stroke-width:2.8;stroke-linejoin:round}
       .logoNode{fill:none;stroke:#f8fafc;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
       .logoName{font:700 17px Arial,sans-serif;fill:#f8fafc}
@@ -83,8 +83,10 @@
     <rect class="card" x="554" y="95" width="132" height="96" rx="8"/>
     <g transform="translate(572 116)">
       <rect class="logoBox" width="40" height="40" rx="10"/>
-      <path class="logoWave" d="M8 15c9-7 15 7 24 0"/>
-      <path class="logoWave" d="M8 26c9-7 15 7 24 0"/>
+      <g transform="translate(4 7) scale(.26)">
+        <path class="fluxMark" fill-rule="evenodd" clip-rule="evenodd" d="M93.2847 102.997C90.5539 105.461 87.2389 106.516 82.4388 106.516H30.7571L25.3658 97.1838L31.5946 61.8519H56.9111L65.9341 48.9649H20.7769L15.3363 79.8204L0 53.2582L9.74093 36.3805H69.0239L73.6058 48.9649L49.7603 83.0229H65.4907L78.9901 63.7451L93.2777 102.997H93.2847Z"/>
+        <path class="fluxMark" fill-rule="evenodd" clip-rule="evenodd" d="M78.061 23.4936H17.1944L25.6825 8.79074C29.3142 2.49857 33.1852 0 40.5754 0H92.2571L99.3235 12.2465L87.9779 28.4556L93.3551 43.2359L106.432 24.5564L123 53.2512L102.075 89.4911L78.054 23.4866L78.061 23.4936Z"/>
+      </g>
     </g>
     <text class="logoName" x="622" y="138">FluxMQ</text>
     <text class="small" x="622" y="160">cloud broker</text>
diff --git a/public/solution-animations/vehicle-data.svg b/public/solution-animations/vehicle-data.svg
@@ -29,7 +29,7 @@
       .chip{fill:#0f1c1a;stroke:#37625d;stroke-width:1}
       .wheel{fill:#07100f;stroke:#1eccbb;stroke-width:3}
       .logoBox{fill:#0b1715;stroke:url(#accent);stroke-width:2}
-      .logoWave{fill:none;stroke:#f8fafc;stroke-width:3.4;stroke-linecap:round}
+      .fluxMark{fill:url(#accent)}
       .logoName{font:700 19px Arial,sans-serif;fill:#f8fafc}
       .sysBox{fill:#0b1715;stroke:url(#accent);stroke-width:1.6}
       .sysLine{fill:none;stroke:#f8fafc;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
@@ -57,8 +57,10 @@
     <rect class="card" x="365" y="72" width="154" height="114" rx="8"/>
     <g transform="translate(386 92)">
       <rect class="logoBox" width="50" height="50" rx="12"/>
-      <path class="logoWave" d="M10 18c10-9 20 9 30 0"/>
-      <path class="logoWave" d="M10 31c10-9 20 9 30 0"/>
+      <g transform="translate(6 8) scale(.31)">
+        <path class="fluxMark" fill-rule="evenodd" clip-rule="evenodd" d="M93.2847 102.997C90.5539 105.461 87.2389 106.516 82.4388 106.516H30.7571L25.3658 97.1838L31.5946 61.8519H56.9111L65.9341 48.9649H20.7769L15.3363 79.8204L0 53.2582L9.74093 36.3805H69.0239L73.6058 48.9649L49.7603 83.0229H65.4907L78.9901 63.7451L93.2777 102.997H93.2847Z"/>
+        <path class="fluxMark" fill-rule="evenodd" clip-rule="evenodd" d="M78.061 23.4936H17.1944L25.6825 8.79074C29.3142 2.49857 33.1852 0 40.5754 0H92.2571L99.3235 12.2465L87.9779 28.4556L93.3551 43.2359L106.432 24.5564L123 53.2512L102.075 89.4911L78.054 23.4866L78.061 23.4936Z"/>
+      </g>
     </g>
     <text class="logoName" x="448" y="116">FluxMQ</text>
     <text class="small" x="448" y="136">vehicle gateway</text>
