diff --git a/packages/frontend/src/components/Logo.tsx b/packages/frontend/src/components/Logo.tsx
new file mode 100644
index 00000000..1c4c7daf
--- /dev/null
+++ b/packages/frontend/src/components/Logo.tsx
@@ -0,0 +1,22 @@
+import React from 'react';
+import { Link } from 'react-router-dom';
+import { Heading } from './shared/Heading';
+
+interface LogoProps {
+  orgSlug?: string;
+}
+
+export const Logo = ({ orgSlug }: LogoProps) => {
+  return (
+    <Link to={`/${orgSlug}`}>
+      <div className="flex items-center gap-3 px-0 lg:px-2">
+        <img
+          src="/logo.svg"
+          alt="Snowball Logo"
+          className="h-10 w-10 rounded-lg"
+        />
+        <Heading className="text-[24px] font-semibold">Snowball</Heading>
+      </div>
+    </Link>
+  );
+};