Optimize SVG

ryanlua · web-flow · commit fcf48cb36fd3 · 2025-03-29T21:03:59.000Z
Signed-off-by: GitHub &lt;noreply@github.com&gt;
diff --git a/images/favicon.svg b/images/favicon.svg
@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256">
+<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
   <path fill="#5901c9" d="M128 256c102 0 128-26 128-128S230 0 128 0 0 26 0 128s26 128 128 128Z"/>
   <path fill="#fff" d="M62 175.6v.3c-7 4.8-6.1 16.6 0 20.6v.3l-4.2 1.7v9h34.3v-11.9h-15c-8 0-10.6-1.7-10.6-5.2 0-2.6 2-4 7-4H92v-11.8H76c-8.8 0-9.6-3-9.6-5.1 0-3.6 3.5-4.2 7-4.2H92v-11.8H69.8c-16.3 0-14.6 17.2-7.8 22Zm27.7-56.8h-9.4c1.7 2.8 6.2 12.5-.5 15.4-2.4 1-7 1-9.5 0-4.7-1.9-4.8-6.2-1.7-13l-8.8-3.5c-5 9.8-4.4 29.2 15.3 29.2 20.8 0 19.6-20.4 14.6-28ZM45 100.2V112h47.1v-11.8h-15c-7.6 0-10.6-1.8-10.6-5.7 0-1.9 1-4 6.9-4h18.7v-12H69.8a11.9 11.9 0 0 0-7.8 21.6v.6c-5.6-.6-11.3-.5-17-.5ZM81.6 45c-11.7-.3-11.2 15.7-15 15.7-2.3 0-1.7-6 1.1-12.2l-7.6-3.3C55 56.8 56.3 72 67.3 72c12.2 0 10.7-15.8 15-15.8 3 0 1.9 9.4-1 15.7h9.5c2.4-6.3 5.4-26.9-9.2-26.9Zm54.3.6a2 2 0 0 1 2.3 2v51c0 1.7 2.1 2.7 3.5 1.7 11-7.5 57.4-21 57.4 31.5v72.5a2 2 0 0 1-2 2h-31.3a2 2 0 0 1-2-2v-67.4c0-10.4-2-17.3-8.8-17.3-7.6 0-16.8 10.7-16.8 28v56.7a2 2 0 0 1-2 2h-31a2 2 0 0 1-2-2V52.8a2 2 0 0 1 1.6-2l31-5.2Z"/>
 </svg>
diff --git a/images/flag-orpheus-top.png b/images/flag-orpheus-top.png
diff --git a/images/flag-orpheus-top.svg b/images/flag-orpheus-top.svg
@@ -0,0 +1,21 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="280" height="158" fill="none">
+  <clipPath id="a">
+    <path d="M0 0h280v157.5H0z"/>
+  </clipPath>
+  <mask id="b" fill="#fff">
+    <path fill-rule="evenodd" d="M119.1 32.2c1.7-.3 26-3.5 61.3 38.2 33.2 39.5 86.7 35 96.6 33.6.3 0 .5.6.3.8l-14.5 11.6c-.2.1-.2.5 0 .6 2 1 9 4.2 17 7.6.2.2.3.6 0 .7-7.6 2.6-60.1 20-89.3 6.8C159 118 145.3 103 127.6 88.3 110.3 73.8 100 66.6 87 63c0 0 25-23.7 30.8-29.6a96 96 0 0 1 1.3-1.3z" clip-rule="evenodd"/>
+  </mask>
+  <g clip-path="url(#a)">
+    <path fill="#fff" fill-rule="evenodd" d="m5.5 0-.7 7.1c-1.4 15.9-4 53.7 2 69.6C14.4 97.1 26.7 98 26.7 98S87.3 57 87 58.3s-1-5-8-16.7S72 5.7 72 0" clip-rule="evenodd"/>
+    <path stroke="#17171d" stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M5.3 0S-.8 56.3 7 76.7c7.7 20.4 23.7 22.9 23.7 22.9s59-33.2 58-39c-1-5.8-4-11.3-11-23s-5-31.9-5-37.6"/>
+    <g fill-rule="evenodd" clip-rule="evenodd">
+      <path fill="#fff" stroke="#17171d" stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M88 59.8c-3-3.5-9-11.2-38.3 6s-26 30-22.5 32.4c3.4 2.3 11 5.6 41-6.6s22.9-28.4 19.9-31.8z"/>
+      <path fill="#ec3750" stroke="#17171d" stroke-width="6" d="M119.1 32.2c1.7-.3 26-3.5 61.3 38.2 33.2 39.5 86.7 35 96.6 33.6.3 0 .5.6.3.8l-14.5 11.6c-.2.1-.2.5 0 .6 2 1 9 4.2 17 7.6.2.2.3.6 0 .7-7.6 2.6-60.1 20-89.3 6.8C159 118 145.3 103 127.6 88.3 110.3 73.8 100 66.6 87 63c0 0 25-23.7 30.8-29.6a96 96 0 0 1 1.3-1.3z" mask="url(#b)"/>
+      <path fill="#fff" d="M127 44.6a109 109 0 0 1-9.2 11.9c-8.4 7.7-.8 9.2 3 6.1l4.3-3.5 5.1 5.1L127 69c-4.6 5.1 1.3 7 4.9 3.2 1.7-2 9.2-10 12.4-14.6 2.8-2.7-.5-7.7-5-3.4-1.9 1.4-5.6 4.8-5.6 4.8s-4.2-4.2-4.2-4.4c0-.6 1.3-1.6 1.9-2.9 3.5-8.7-2-10.3-4.2-7zM150.6 64c3-2.5 5-2.2 6.3-1.5.5.3.8 1.9.9 3.3a53.6 53.6 0 0 1-12 21c-3.8 2.4-7.2 0-4.1-3L145 80l-4.6-2.8c-7.2 5.7-9.2 1-5.8-1.2 3.8-2.8 12-9 16-12.2zm-5.9 8.7 4.4 3s5.1-7.8 3.2-7.6zm28.2 8.3c1.4-1.5 1.9-6-3-7.5-6.7-3-14.3 7.7-14.3 7.7S152 86.4 152 91c0 4.4 3.8 6.2 4.5 6.6 5 .7 4.7-3 4-3.4-.9-.4-2.2-.9-3-2.2-1-2.2 1-5.7 2.2-7.5 2.3-2.8 7.3-8.4 9.7-5.4.8 3.3 2.7 2.8 3.5 2zm4.3 1.8c-2.8 3-3 7.4-9 13a55.7 55.7 0 0 1-5 3.9c-3 2.3-.4 5.6 5.6 1.9 1.4-.8 3.8-3.5 3.8-3.5l1.7.5s-1.4 6.7-2.2 9.4c-.8 2.7 3 6.1 5.3 1.2.6-1.7 1-4.3 1.2-7.7 0 0 .2-2.4-.3-3 0 0 7.1-2.7 8.5-4.4 1.4-1.8 1.1-3.6-4.3-2-5.3 1.5-6.2 2.3-6.2 2.3s2.8-3.7 4-6.9c1.9-3.1-.7-7.2-3-4.7zm22.2 17.5c-2.4.9-4.8 3.5-6.8 8.3-3 7-1.8 12.4 3.5 13.8 5.3 1.4 5.7-2.7 5.3-3-.3-.2-.2-.7-2.6-.9-2.4-.1-3.5-1.7-3.4-5.4.1-2.4 1.5-6.7 4-8.3.8-.5 1.3-.5 1.6-.5 1.2-.2 1.9.8 2 1 1.7 3 3.1 1.2 3-1-.6-3.4-2.8-5-6.6-4zm11 5.7c1.1-2.7 4.8-3.5 3 2.9-.5 4.4-4 11.6-3.8 12.6s5 1.9 6.2 2c1.4.1 3.3 1.6 2.3 2.5-1 1-2.1.7-2.4.7s-11.2-1.5-10.7-3.5.9-3 2-6.3c1-3.4 2.2-8.2 3.4-11zm12.5 2.6c.6-2 3.1-2.3 3.3.3.2 2-2 9.3-1.8 13 .2 1.4 1.8 2.4 3 1.6 1.6-1.2 2.8-5.6 3.8-9.1.3-1.8.4-3.2.8-4 1.7-2.8 3.7-1 3.5 2.5a35 35 0 0 1-3.5 11.4c-1.3 1.6-2.8 3.7-5.5 3.2a7.2 7.2 0 0 1-5.4-8.2c.9-6.7 1.1-8.7 1.8-10.7zm18.7 1.6c4-.5 6.8 0 8.3 1.4.8 1.2.7 3.4-.3 4.8-1 1.2-2 2.1-2 2.1 1.8 1 2.3 3.6 1.5 6.2-.7 2.6-4 4-9 3.4-1.7-.2-3.2-1-3-1.5.3-1 2-14.5 2-14.5.2-.7.1-1.7 2.5-1.9zm.4 2.7v4.4s4.5.2 5-2c.4-2.3-2.5-2.2-5-2.4zm-.8 7.6-1 4.8c.2-.3 6.3 1.1 6.5-2.4 0-3.5-5.5-2.4-5.5-2.4z"/>
+    </g>
+    <path fill="#17171d" d="m90 60-42 40.4 3.4 1.5L92.5 62z"/>
+    <path d="M75 72.7c.7 1.7 7.5 8.6 3.8 9.6s-2.4 9.5 4.9 7.6c7.3-2 9.6-11.5 2.6-15.5S75 72.7 75 72.7z" style="fill-rule:evenodd;clip-rule:evenodd;fill:#fff;stroke:#252429;stroke-width:3;stroke-linecap:round;stroke-linejoin:round"/>
+    <path d="M62 81.7c.7 1.7 7.5 8.6 3.8 9.6s-2.4 9.5 4.9 7.6c7.3-2 9.6-11.5 2.6-15.5S62 81.7 62 81.7z" style="fill-rule:evenodd;clip-rule:evenodd;fill:#fff;stroke:#252429;stroke-width:3;stroke-linecap:round;stroke-linejoin:round"/>
+    <path d="M49 90.7c.7 1.7 7.5 8.6 3.8 9.6s-2.4 9.5 4.9 7.6c7.3-2 9.6-11.5 2.6-15.5S49 90.7 49 90.7z" style="fill-rule:evenodd;clip-rule:evenodd;fill:#fff;stroke:#252429;stroke-width:3;stroke-linecap:round;stroke-linejoin:round"/>
+  </g>
+</svg>
diff --git a/images/logo.svg b/images/logo.svg
@@ -1,3 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="155" height="163">
-  <path fill="#fff" d="M17 130.6v.3c-7 4.8-6.1 16.6 0 20.6v.3l-4.2 1.7v9h34.3v-11.9h-15c-8 0-10.6-1.7-10.6-5.2 0-2.6 2-4 7-4H47v-11.8h-16c-8.8 0-9.6-3-9.6-5.1 0-3.6 3.5-4.2 7-4.2H47v-11.8H24.8c-16.3 0-14.6 17.2-7.8 22Zm27.7-56.8h-9.4c1.7 2.8 6.2 12.5-.5 15.4-2.4 1-7 1-9.5 0-4.7-1.9-4.8-6.2-1.7-13l-8.8-3.5c-5 9.8-4.4 29.2 15.3 29.2 20.8 0 19.6-20.4 14.6-28ZM0 55.2V67h47.1V55.2h-15c-7.6 0-10.6-1.8-10.6-5.7 0-1.9 1-4 6.9-4h18.7v-12H24.8A11.9 11.9 0 0 0 17 55.1v.6c-5.6-.6-11.3-.5-17-.5ZM36.6 0c-11.7-.3-11.2 15.7-15 15.7-2.3 0-1.7-6 1.1-12.2L15.1.2C10 11.8 11.3 27 22.3 27c12.2 0 10.7-15.8 15-15.8 3 0 1.9 9.4-1 15.7h9.5C48.2 20.6 51.2 0 36.6 0Zm54.3.6a2 2 0 0 1 2.3 2v51c0 1.7 2.1 2.7 3.5 1.7 11-7.5 57.4-21 57.4 31.5v72.5a2 2 0 0 1-2 2h-31.3a2 2 0 0 1-2-2V91.9c0-10.4-2-17.3-8.8-17.3-7.6 0-16.8 10.7-16.8 28v56.7a2 2 0 0 1-2 2H60.1a2 2 0 0 1-2-2V7.8a2 2 0 0 1 1.7-2l31-5.2Z"/>
+  <path fill="#fff" d="M17 130.6v.3c-7 4.8-6.1 16.6 0 20.6v.3l-4.2 1.7v9h34.3v-11.9h-15c-8 0-10.6-1.7-10.6-5.2 0-2.6 2-4 7-4H47v-11.8H31c-8.8 0-9.6-3-9.6-5.1 0-3.6 3.5-4.2 7-4.2H47v-11.8H24.8c-16.3 0-14.6 17.2-7.8 22Zm27.7-56.8h-9.4c1.7 2.8 6.2 12.5-.5 15.4-2.4 1-7 1-9.5 0-4.7-1.9-4.8-6.2-1.7-13l-8.8-3.5c-5 9.8-4.4 29.2 15.3 29.2 20.8 0 19.6-20.4 14.6-28ZM0 55.2V67h47.1V55.2h-15c-7.6 0-10.6-1.8-10.6-5.7 0-1.9 1-4 6.9-4h18.7v-12H24.8A11.9 11.9 0 0 0 17 55.1v.6c-5.6-.6-11.3-.5-17-.5ZM36.6 0c-11.7-.3-11.2 15.7-15 15.7-2.3 0-1.7-6 1.1-12.2L15.1.2C10 11.8 11.3 27 22.3 27c12.2 0 10.7-15.8 15-15.8 3 0 1.9 9.4-1 15.7h9.5C48.2 20.6 51.2 0 36.6 0Zm54.3.6a2 2 0 0 1 2.3 2v51c0 1.7 2.1 2.7 3.5 1.7 11-7.5 57.4-21 57.4 31.5v72.5a2 2 0 0 1-2 2h-31.3a2 2 0 0 1-2-2V91.9c0-10.4-2-17.3-8.8-17.3-7.6 0-16.8 10.7-16.8 28v56.7a2 2 0 0 1-2 2H60.1a2 2 0 0 1-2-2V7.8a2 2 0 0 1 1.7-2l31-5.2Z"/>
 </svg>
diff --git a/index.html b/index.html
@@ -18,7 +18,7 @@
 <body>
   <!-- Delete this HTML and replace with your own HTML -->
   <a class="banner" target="_blank" href="https://hackclub.com/">
-    <img src="images/flag-orpheus-top.png" />
+    <img src="images/flag-orpheus-top.svg" />
   </a>
 
   <header>
