From 3bdd814b3cb6a0713a73c26f4242677cdd6a5ca5 Mon Sep 17 00:00:00 2001
From: Chenlei Hu <huchenlei@proton.me>
Date: Tue, 6 May 2025 10:54:37 -0400
Subject: [PATCH] [Branding] Use new comfyorg logo (#3786)

---
 public/assets/images/Comfy_Logo_x32.png         | Bin 2904 -> 0 bytes
 public/assets/images/comfy-logo-single.svg      |   9 +++++++++
 src/components/dialog/header/ComfyOrgHeader.vue |   7 ++++++-
 3 files changed, 15 insertions(+), 1 deletion(-)
 delete mode 100644 public/assets/images/Comfy_Logo_x32.png
 create mode 100644 public/assets/images/comfy-logo-single.svg

diff --git a/public/assets/images/Comfy_Logo_x32.png b/public/assets/images/Comfy_Logo_x32.png
deleted file mode 100644
index a535a4dab3ae82f919e049a1bd4f07b6081dbb39..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 2904
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
C5O^s7

diff --git a/public/assets/images/comfy-logo-single.svg b/public/assets/images/comfy-logo-single.svg
new file mode 100644
index 0000000000..482367dca7
--- /dev/null
+++ b/public/assets/images/comfy-logo-single.svg
@@ -0,0 +1,9 @@
+<svg width="520" height="520" viewBox="0 0 520 520" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_227_285" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="520" height="520">
+<path d="M0 184.335C0 119.812 0 87.5502 12.5571 62.9055C23.6026 41.2274 41.2274 23.6026 62.9055 12.5571C87.5502 0 119.812 0 184.335 0H335.665C400.188 0 432.45 0 457.094 12.5571C478.773 23.6026 496.397 41.2274 507.443 62.9055C520 87.5502 520 119.812 520 184.335V335.665C520 400.188 520 432.45 507.443 457.094C496.397 478.773 478.773 496.397 457.094 507.443C432.45 520 400.188 520 335.665 520H184.335C119.812 520 87.5502 520 62.9055 507.443C41.2274 496.397 23.6026 478.773 12.5571 457.094C0 432.45 0 400.188 0 335.665V184.335Z" fill="#EEFF30"/>
+</mask>
+<g mask="url(#mask0_227_285)">
+<rect y="0.751831" width="520" height="520" fill="#172DD7"/>
+<path d="M176.484 428.831C168.649 428.831 162.327 425.919 158.204 420.412C153.966 414.755 152.861 406.857 155.171 398.749L164.447 366.178C165.187 363.585 164.672 360.794 163.059 358.636C161.446 356.483 158.921 355.216 156.241 355.216H129.571C121.731 355.216 115.409 352.308 111.289 346.802C107.051 341.14 105.946 333.242 108.258 325.134L140.124 213.748L143.642 201.51C148.371 184.904 165.62 171.407 182.097 171.407H214.009C217.817 171.407 221.167 168.868 222.215 165.183L232.769 128.135C237.494 111.545 254.742 98.048 271.219 98.048L339.468 97.9264L389.431 97.9221C397.268 97.9221 403.59 100.831 407.711 106.337C411.949 111.994 413.054 119.892 410.744 128L396.457 178.164C391.734 194.75 374.485 208.242 358.009 208.242L289.607 208.372H257.706C253.902 208.372 250.557 210.907 249.502 214.588L222.903 307.495C222.159 310.093 222.673 312.892 224.291 315.049C225.904 317.202 228.428 318.469 231.107 318.469C231.113 318.469 276.307 318.381 276.307 318.381H326.122C333.959 318.381 340.281 321.29 344.402 326.796C348.639 332.457 349.744 340.355 347.433 348.463L333.146 398.619C328.423 415.209 311.174 428.701 294.698 428.701L226.299 428.831H176.484Z" fill="#F0FF41"/>
+</g>
+</svg>
diff --git a/src/components/dialog/header/ComfyOrgHeader.vue b/src/components/dialog/header/ComfyOrgHeader.vue
index 9055c69148..8a8a0afa2c 100644
--- a/src/components/dialog/header/ComfyOrgHeader.vue
+++ b/src/components/dialog/header/ComfyOrgHeader.vue
@@ -1,6 +1,11 @@
 <!-- A dialog header with ComfyOrg logo -->
 <template>
   <div class="px-2 py-4">
-    <img src="/assets/images/Comfy_Logo_x32.png" alt="ComfyOrg Logo" />
+    <img
+      src="/assets/images/comfy-logo-single.svg"
+      alt="ComfyOrg Logo"
+      width="32"
+      height="32"
+    />
   </div>
 </template>