Merge pull request #810 from at-the-vr/atv/docs/astro-logo

chore: update astro logo

Author: maiieul

apps/website/src/components/icons/AstroLogo.tsx

@@ -2,15 +2,47 @@ import { component$, type PropsOf } from '@builder.io/qwik';
 
 export default component$((props: PropsOf<'svg'>) => {
   return (
-    <svg {...props} viewBox="0 0 57 72" fill="none" xmlns="http://www.w3.org/2000/svg">
-      <path
-        d="M18.5385 61.3257C15.2904 58.3524 14.3422 52.105 15.6955 47.5789C18.0419 50.4325 21.2931 51.3364 24.6608 51.8467C29.8596 52.6341 34.9653 52.3396 39.7948 49.96C40.3473 49.6876 40.8579 49.3254 41.4616 48.9584C41.9147 50.275 42.0327 51.6042 41.8744 52.957C41.4895 56.2515 39.8523 58.7965 37.2482 60.7257C36.2069 61.4973 35.105 62.1871 34.0295 62.9147C30.7256 65.151 29.8317 67.7731 31.0732 71.5874C31.1027 71.6803 31.129 71.7732 31.1958 72C29.5089 71.2441 28.2767 70.1433 27.3378 68.696C26.3461 67.1684 25.8743 65.4786 25.8495 63.6502C25.8371 62.7604 25.8371 61.8627 25.7176 60.9855C25.4258 58.8469 24.4233 57.8894 22.5347 57.8343C20.5963 57.7776 19.0631 58.9776 18.6565 60.8674C18.6254 61.0123 18.5804 61.1556 18.5354 61.3241L18.5385 61.3257Z"
-        fill="#FF5D01"
-      ></path>
-      <path
-        d="M0 46.8248C0 46.8248 9.6182 42.1327 19.2633 42.1327L26.5354 19.5951C26.8076 18.5052 27.6025 17.7645 28.5 17.7645C29.3975 17.7645 30.1924 18.5052 30.4646 19.5951L37.7367 42.1327C49.1599 42.1327 57 46.8248 57 46.8248C57 46.8248 40.6627 2.25578 40.6307 2.16636C40.1618 0.848661 39.3703 0 38.3031 0H18.6986C17.6314 0 16.8718 0.848661 16.3709 2.16636C16.3357 2.2541 0 46.8248 0 46.8248Z"
-        fill="currentColor"
-      ></path>
-    </svg>
+    <>
+      <style>
+        {`
+          html.light .flame {
+            fill: url(#gradient);
+          }
+          html.dark .flame {
+            fill: url(#gradient);
+          }
+        `}
+      </style>
+      <svg
+        {...props}
+        width="85"
+        height="107"
+        viewBox="0 0 85 107"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          class="flame"
+          d="M27.5893 91.1365C22.7555 86.7178 21.3443 77.4335 23.3583 70.7072C26.8503 74.948 31.6888 76.2914 36.7005 77.0497C44.4374 78.2199 52.0358 77.7822 59.2231 74.2459C60.0453 73.841 60.8052 73.3027 61.7036 72.7574C62.378 74.714 62.5535 76.6892 62.3179 78.6996C61.7452 83.5957 59.3086 87.3778 55.4332 90.2448C53.8835 91.3916 52.2437 92.4167 50.6432 93.4979C45.7262 96.8213 44.3959 100.718 46.2435 106.386C46.2874 106.525 46.3267 106.663 46.426 107C43.9155 105.876 42.0817 104.24 40.6844 102.089C39.2086 99.8193 38.5065 97.3081 38.4696 94.5909C38.4511 93.2686 38.4511 91.9345 38.2733 90.6309C37.8391 87.4527 36.3471 86.0297 33.5364 85.9478C30.6518 85.8636 28.37 87.6469 27.7649 90.4554C27.7187 90.6707 27.6517 90.8837 27.5847 91.1341L27.5893 91.1365Z"
+        />
+        <path
+          d="M0 69.5866C0 69.5866 14.3139 62.6137 28.6678 62.6137L39.4901 29.1204C39.8953 27.5007 41.0783 26.3999 42.4139 26.3999C43.7495 26.3999 44.9325 27.5007 45.3377 29.1204L56.1601 62.6137C73.1601 62.6137 84.8278 69.5866 84.8278 69.5866C84.8278 69.5866 60.5145 3.35233 60.467 3.21944C59.7692 1.2612 58.5911 0 57.0029 0H27.8274C26.2392 0 25.1087 1.2612 24.3634 3.21944C24.3108 3.34983 0 69.5866 0 69.5866Z"
+          fill="currentColor"
+        />
+        <defs>
+          <linearGradient
+            id="gradient"
+            x1="22.4702"
+            y1="107"
+            x2="69.1451"
+            y2="84.9468"
+            gradientUnits="userSpaceOnUse"
+          >
+            <stop stop-color="#D83333" />
+            <stop offset="1" stop-color="#F041FF" />
+          </linearGradient>
+        </defs>
+      </svg>
+    </>
   );
 });