diff --git a/apps/landing/src/shared/icons/brands.tsx b/apps/landing/src/shared/icons/brands.tsx
index 6eee4815..5fd2e4a0 100644
--- a/apps/landing/src/shared/icons/brands.tsx
+++ b/apps/landing/src/shared/icons/brands.tsx
@@ -2,6 +2,7 @@ import { CodexIcon } from "@onequery/ui/icons/codex-icon";
 import { GoogleSearchConsoleIcon } from "@onequery/ui/icons/google-search-console-icon";
 import { GranolaIcon } from "@onequery/ui/icons/granola-icon";
 import { HermesAgentIcon } from "@onequery/ui/icons/hermes-agent-icon";
+import { JamIcon } from "@onequery/ui/icons/jam-icon";
 import { SendGridIcon } from "@onequery/ui/icons/sendgrid-icon";
 import { SimpleIconSvg, SvgIcon } from "@onequery/ui/icons/svg-icon";
 import type { IconSvgProps, SimpleIconData } from "@onequery/ui/icons/svg-icon";
@@ -139,26 +140,6 @@ function HermesIcon({ size, ...props }: IconSvgProps) {
   return <HermesAgentIcon {...props} defaultLabel="Hermes Agent" size={size} />;
 }
 
-function JamIcon({ size, ...props }: IconSvgProps) {
-  return (
-    <SvgIcon
-      {...props}
-      defaultLabel="Jam"
-      fill="none"
-      size={size}
-      viewBox="0 0 24 24"
-    >
-      <path
-        d="M15 10.5 19.553 8A1 1 0 0 1 21 8.894v6.212A1 1 0 0 1 19.553 16L15 13.5v2A2.5 2.5 0 0 1 12.5 18h-7A2.5 2.5 0 0 1 3 15.5v-7A2.5 2.5 0 0 1 5.5 6h7A2.5 2.5 0 0 1 15 8.5v2Z"
-        stroke="currentColor"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-        strokeWidth="2"
-      />
-    </SvgIcon>
-  );
-}
-
 function CodexAppServerApiIcon(props: IconSvgProps) {
   return <CodexIcon {...props} defaultLabel="Codex App Server API" />;
 }
diff --git a/packages/ui/package.json b/packages/ui/package.json
index 84e939ae..6be01222 100644
--- a/packages/ui/package.json
+++ b/packages/ui/package.json
@@ -15,6 +15,7 @@
     "./icons/google-search-console-icon": "./src/icons/google-search-console-icon.tsx",
     "./icons/granola-icon": "./src/icons/granola-icon.tsx",
     "./icons/hermes-agent-icon": "./src/icons/hermes-agent-icon.tsx",
+    "./icons/jam-icon": "./src/icons/jam-icon.tsx",
     "./icons/sendgrid-icon": "./src/icons/sendgrid-icon.tsx",
     "./hooks/*": "./src/hooks/*.ts",
     "./icons/svg-icon": "./src/icons/svg-icon.tsx"
diff --git a/packages/ui/src/data-sources/provider-icons.test.tsx b/packages/ui/src/data-sources/provider-icons.test.tsx
index 260a0e13..f1e91fb9 100644
--- a/packages/ui/src/data-sources/provider-icons.test.tsx
+++ b/packages/ui/src/data-sources/provider-icons.test.tsx
@@ -92,6 +92,18 @@ describe("shared provider icon accessibility", () => {
     expect(markup).toContain("<title>Granola provider</title>");
   });
 
+  it("renders Jam with the official hosted logo", () => {
+    const markup = renderProviderIcon("jam", {
+      title: "Jam provider",
+    });
+
+    expect(markup).toContain('viewBox="0 0 384 384"');
+    expect(markup).toContain(
+      'href="https://storage.googleapis.com/jam-assets/jam-logo.webp"'
+    );
+    expect(markup).toContain("<title>Jam provider</title>");
+  });
+
   it("renders AWS Athena Connector as a monochrome icon", () => {
     const markup = renderProviderIcon("aws_athena_connector");
 
diff --git a/packages/ui/src/data-sources/provider-icons.tsx b/packages/ui/src/data-sources/provider-icons.tsx
index 07b6e0cb..75e6b394 100644
--- a/packages/ui/src/data-sources/provider-icons.tsx
+++ b/packages/ui/src/data-sources/provider-icons.tsx
@@ -3,7 +3,6 @@ import {
   IconDatabase,
   IconHelpCircle,
   IconTerminal2,
-  IconVideo,
 } from "@tabler/icons-react";
 import type { ComponentType } from "react";
 import {
@@ -36,6 +35,7 @@ import { CodexIcon } from "../icons/codex-icon";
 import { GoogleSearchConsoleIcon } from "../icons/google-search-console-icon";
 import { GranolaIcon } from "../icons/granola-icon";
 import { HermesAgentIcon } from "../icons/hermes-agent-icon";
+import { JamIcon } from "../icons/jam-icon";
 import { SendGridIcon } from "../icons/sendgrid-icon";
 import {
   SimpleIconSvg,
@@ -226,10 +226,6 @@ function E2BIcon(props: ProviderIconProps) {
   );
 }
 
-function JamIcon(props: ProviderIconProps) {
-  return <TablerProviderIcon {...props} defaultLabel="Jam" Icon={IconVideo} />;
-}
-
 function MicrosoftClarityIcon({ size = 24, ...props }: ProviderIconProps) {
   return (
     <SvgIcon
diff --git a/packages/ui/src/icons/jam-icon.tsx b/packages/ui/src/icons/jam-icon.tsx
new file mode 100644
index 00000000..3a1d5ac6
--- /dev/null
+++ b/packages/ui/src/icons/jam-icon.tsx
@@ -0,0 +1,18 @@
+import { SvgIcon } from "./svg-icon";
+import type { IconSvgProps } from "./svg-icon";
+
+export const JAM_LOGO_URL =
+  "https://storage.googleapis.com/jam-assets/jam-logo.webp";
+
+export function JamIcon({ size = 24, ...props }: IconSvgProps) {
+  return (
+    <SvgIcon {...props} defaultLabel="Jam" size={size} viewBox="0 0 384 384">
+      <image
+        height="384"
+        href={JAM_LOGO_URL}
+        preserveAspectRatio="xMidYMid meet"
+        width="384"
+      />
+    </SvgIcon>
+  );
+}