feat(logo): update SVG logo component with customizable props

uiuxarghya · uiuxarghya · commit 645b7289a2ea · 2025-07-29T04:14:41.000+05:30
diff --git a/src/components/logo.tsx b/src/components/logo.tsx
@@ -0,0 +1,25 @@
+import React from "react";
+
+export default function Logo(props: React.SVGProps<SVGSVGElement>) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      fill="none"
+      viewBox="0 0 420 101"
+      {...props}
+    >
+      <path
+        fill="currentColor"
+        d="M109.108 89.604v-9.288h5.676c1.605 0 2.408-.86 2.408-2.58V29.748h10.836v50.224c0 2.924-.86 5.246-2.58 6.966-1.72 1.777-4.013 2.666-6.88 2.666h-9.46ZM122.61 24.76c-1.949 0-3.612-.63-4.988-1.892-1.319-1.261-1.978-2.924-1.978-4.988 0-2.064.659-3.727 1.978-4.988 1.376-1.261 3.039-1.892 4.988-1.892 2.007 0 3.669.63 4.988 1.892 1.319 1.261 1.978 2.924 1.978 4.988 0 2.064-.659 3.727-1.978 4.988-1.319 1.261-2.981 1.892-4.988 1.892ZM148.976 73.608c-3.039 0-5.762-.516-8.17-1.548-2.408-1.09-4.329-2.637-5.762-4.644-1.376-2.064-2.064-4.558-2.064-7.482 0-2.924.688-5.36 2.064-7.31 1.433-2.007 3.382-3.497 5.848-4.472 2.522-1.032 5.389-1.548 8.6-1.548h11.696v-2.408c0-2.007-.631-3.64-1.892-4.902-1.262-1.319-3.268-1.978-6.02-1.978-2.695 0-4.702.63-6.02 1.892-1.319 1.204-2.179 2.78-2.58 4.73l-9.976-3.354a17.221 17.221 0 0 1 3.268-5.934c1.548-1.835 3.583-3.297 6.106-4.386 2.58-1.147 5.704-1.72 9.374-1.72 5.618 0 10.062 1.405 13.33 4.214 3.268 2.81 4.902 6.88 4.902 12.212v15.91c0 1.72.802 2.58 2.408 2.58h3.44v8.944h-7.224c-2.122 0-3.87-.516-5.246-1.548-1.376-1.032-2.064-2.408-2.064-4.128v-.086h-1.634c-.23.688-.746 1.605-1.548 2.752-.803 1.09-2.064 2.064-3.784 2.924-1.72.86-4.071 1.29-7.052 1.29Zm1.892-8.772c3.038 0 5.504-.831 7.396-2.494 1.949-1.72 2.924-3.985 2.924-6.794v-.86h-10.922c-2.007 0-3.584.43-4.73 1.29-1.147.86-1.72 2.064-1.72 3.612s.602 2.81 1.806 3.784c1.204.975 2.952 1.462 5.246 1.462ZM187.659 72.404l-13.588-42.656h11.524l9.89 34.744h1.548l9.89-34.744h11.524l-13.588 42.656h-17.2ZM233.766 73.608c-3.038 0-5.762-.516-8.17-1.548-2.408-1.09-4.328-2.637-5.762-4.644-1.376-2.064-2.064-4.558-2.064-7.482 0-2.924.688-5.36 2.064-7.31 1.434-2.007 3.383-3.497 5.848-4.472 2.523-1.032 5.39-1.548 8.6-1.548h11.696v-2.408c0-2.007-.63-3.64-1.892-4.902-1.261-1.319-3.268-1.978-6.02-1.978-2.694 0-4.701.63-6.02 1.892-1.318 1.204-2.178 2.78-2.58 4.73l-9.976-3.354a17.238 17.238 0 0 1 3.268-5.934c1.548-1.835 3.584-3.297 6.106-4.386 2.58-1.147 5.705-1.72 9.374-1.72 5.619 0 10.062 1.405 13.33 4.214 3.268 2.81 4.902 6.88 4.902 12.212v15.91c0 1.72.803 2.58 2.408 2.58h3.44v8.944h-7.224c-2.121 0-3.87-.516-5.246-1.548-1.376-1.032-2.064-2.408-2.064-4.128v-.086h-1.634c-.229.688-.745 1.605-1.548 2.752-.802 1.09-2.064 2.064-3.784 2.924-1.72.86-4.07 1.29-7.052 1.29Zm1.892-8.772c3.039 0 5.504-.831 7.396-2.494 1.95-1.72 2.924-3.985 2.924-6.794v-.86h-10.922c-2.006 0-3.583.43-4.73 1.29-1.146.86-1.72 2.064-1.72 3.612s.602 2.81 1.806 3.784c1.204.975 2.953 1.462 5.246 1.462ZM265.941 72.404V29.748h10.836v42.656h-10.836Zm5.418-47.644c-1.949 0-3.612-.63-4.988-1.892-1.319-1.261-1.978-2.924-1.978-4.988 0-2.064.659-3.727 1.978-4.988 1.376-1.261 3.039-1.892 4.988-1.892 2.007 0 3.669.63 4.988 1.892 1.319 1.261 1.978 2.924 1.978 4.988 0 2.064-.659 3.727-1.978 4.988-1.319 1.261-2.981 1.892-4.988 1.892ZM302.201 73.608c-5.562 0-10.12-1.204-13.674-3.612-3.555-2.408-5.705-5.848-6.45-10.32l9.976-2.58c.401 2.007 1.06 3.583 1.978 4.73a8.463 8.463 0 0 0 3.526 2.494c1.433.459 2.981.688 4.644.688 2.522 0 4.386-.43 5.59-1.29 1.204-.917 1.806-2.035 1.806-3.354s-.574-2.322-1.72-3.01c-1.147-.745-2.982-1.347-5.504-1.806l-2.408-.43c-2.982-.573-5.705-1.347-8.17-2.322-2.466-1.032-4.444-2.437-5.934-4.214-1.491-1.777-2.236-4.07-2.236-6.88 0-4.243 1.548-7.482 4.644-9.718 3.096-2.293 7.166-3.44 12.212-3.44 4.758 0 8.714 1.06 11.868 3.182 3.153 2.121 5.217 4.902 6.192 8.342l-10.062 3.096c-.459-2.179-1.405-3.727-2.838-4.644-1.376-.917-3.096-1.376-5.16-1.376s-3.641.373-4.73 1.118c-1.09.688-1.634 1.663-1.634 2.924 0 1.376.573 2.408 1.72 3.096 1.146.63 2.694 1.118 4.644 1.462l2.408.43c3.21.573 6.106 1.347 8.686 2.322 2.637.917 4.701 2.265 6.192 4.042 1.548 1.72 2.322 4.07 2.322 7.052 0 4.472-1.634 7.94-4.902 10.406-3.211 2.408-7.54 3.612-12.986 3.612ZM340.785 72.404c-2.81 0-5.103-.86-6.88-2.58-1.72-1.777-2.58-4.128-2.58-7.052v-24.08h-10.664v-8.944h10.664V16.504h10.836v13.244h11.696v8.944h-11.696V60.88c0 1.72.802 2.58 2.408 2.58h8.256v8.944h-12.04ZM359.365 72.404V29.748h10.836v42.656h-10.836Zm5.418-47.644c-1.949 0-3.612-.63-4.988-1.892-1.318-1.261-1.978-2.924-1.978-4.988 0-2.064.66-3.727 1.978-4.988 1.376-1.261 3.039-1.892 4.988-1.892 2.007 0 3.67.63 4.988 1.892 1.319 1.261 1.978 2.924 1.978 4.988 0 2.064-.659 3.727-1.978 4.988-1.318 1.261-2.981 1.892-4.988 1.892ZM397.947 73.608c-4.128 0-7.883-.86-11.266-2.58-3.325-1.72-5.963-4.214-7.912-7.482-1.949-3.268-2.924-7.224-2.924-11.868v-1.204c0-4.644.975-8.6 2.924-11.868 1.949-3.268 4.587-5.762 7.912-7.482 3.383-1.72 7.138-2.58 11.266-2.58 4.071 0 7.568.717 10.492 2.15 2.924 1.433 5.275 3.411 7.052 5.934 1.835 2.465 3.039 5.275 3.612 8.428l-10.492 2.236c-.229-1.72-.745-3.268-1.548-4.644-.803-1.376-1.949-2.465-3.44-3.268-1.433-.803-3.239-1.204-5.418-1.204-2.179 0-4.157.487-5.934 1.462-1.72.917-3.096 2.322-4.128 4.214-.975 1.835-1.462 4.1-1.462 6.794v.86c0 2.695.487 4.988 1.462 6.88 1.032 1.835 2.408 3.24 4.128 4.214 1.777.917 3.755 1.376 5.934 1.376 3.268 0 5.733-.831 7.396-2.494 1.72-1.72 2.809-3.956 3.268-6.708l10.492 2.494a23.601 23.601 0 0 1-3.87 8.342c-1.777 2.465-4.128 4.415-7.052 5.848-2.924 1.433-6.421 2.15-10.492 2.15Z"
+      />
+      <path
+        fill="#3884FF"
+        d="m50.755 1.397 34.996 20.041a10.466 10.466 0 0 1 3.84 3.81A10.37 10.37 0 0 1 91 30.453v40.083c0 3.719-1.99 7.168-5.25 9.027L50.756 99.603a10.582 10.582 0 0 1-10.51 0L5.249 79.563a10.467 10.467 0 0 1-3.843-3.816A10.358 10.358 0 0 1 0 70.536V30.451a10.4 10.4 0 0 1 5.249-9.014L40.245 1.397a10.577 10.577 0 0 1 10.51 0ZM67.11 31.619l-17.117-9.783a10.577 10.577 0 0 0-10.484 0L22.39 31.619a10.468 10.468 0 0 0-3.85 3.814 10.36 10.36 0 0 0-1.411 5.213v19.529a10.39 10.39 0 0 0 5.261 9.027l17.117 9.784a10.581 10.581 0 0 0 10.484 0l17.117-9.784c1.6-.915 2.927-2.23 3.85-3.814a10.354 10.354 0 0 0 1.412-5.213V40.646c0-3.718-2.017-7.18-5.262-9.027Z"
+      />
+      <path
+        fill="currentColor"
+        d="M45.5 64C52.956 64 59 57.956 59 50.5S52.956 37 45.5 37 32 43.044 32 50.5 38.044 64 45.5 64Z"
+      />
+    </svg>
+  );
+}
