Use branded desktop tool icons

apps/desktop/app/(app)/settings/page.tsx

@@ -591,7 +591,6 @@ function SettingsToolCard({
 	onPreviewConnect: () => void
 	onPreviewDisconnect: () => void
 }) {
-	const Icon = tool.icon
 	return (
 		<div
 			className={cn(
@@ -606,7 +605,12 @@ function SettingsToolCard({
 						className="flex size-12 shrink-0 items-center justify-center rounded-[12px] border border-[rgba(82,89,102,0.2)] bg-[#14161A]"
 						style={inputBevelStyle}
 					>
-						<Icon className="size-6 text-[#FAFAFA]" />
+						<img
+							src={tool.iconSrc}
+							alt=""
+							className="size-7 object-contain"
+							draggable={false}
+						/>
 					</div>
 				</div>
 				<div className="min-w-0 pr-1">

apps/desktop/app/onboarding/page.tsx

@@ -490,7 +490,6 @@ function ToolCard({
 	busy: boolean
 	onPreview: () => void
 }) {
-	const Icon = tool.icon
 	const canPreview = !busy && !tool.connected
 	return (
 		<div
@@ -505,7 +504,12 @@ function ToolCard({
 					className="flex size-12 shrink-0 items-center justify-center rounded-[12px] border border-[rgba(82,89,102,0.16)] bg-[#0C1016]"
 					style={inputBevelStyle}
 				>
-					<Icon className="size-6 text-[#FAFAFA]" />
+					<img
+						src={tool.iconSrc}
+						alt=""
+						className="size-7 object-contain"
+						draggable={false}
+					/>
 				</div>
 				{tool.id !== "codex" ? (
 					<span className="mt-1 font-semibold text-[#4BA0FA] text-[11px] uppercase tracking-[0.08em]">

apps/desktop/lib/tool-catalog.ts

@@ -1,6 +1,5 @@
 "use client"
 
-import { Bot, Code2, Terminal, type LucideIcon } from "lucide-react"
 import type { DesktopToolId, DesktopToolStatus } from "@/lib/tools"
 
 export type DesktopToolCatalogEntry = {
@@ -10,7 +9,7 @@ export type DesktopToolCatalogEntry = {
 	tagline: string
 	description: string
 	docsUrl: string
-	icon: LucideIcon
+	iconSrc: string
 	perks: string[]
 	restartHint: string
 }
@@ -32,7 +31,7 @@ export const DESKTOP_TOOL_CATALOG: Record<
 		description:
 			"Connect the Supermemory MCP server so Claude Code can search and save memories while you work.",
 		docsUrl: "https://supermemory.ai/docs/integrations/claude-code",
-		icon: Bot,
+		iconSrc: "/images/plugins/claude-code.svg",
 		perks: [
 			"Search and save memories from coding sessions",
 			"Project decisions become reusable context",
@@ -48,7 +47,7 @@ export const DESKTOP_TOOL_CATALOG: Record<
 		description:
 			"Add Supermemory to Codex MCP servers so coding sessions can recall durable context.",
 		docsUrl: "https://supermemory.ai/docs/integrations/codex",
-		icon: Terminal,
+		iconSrc: "/images/plugins/codex.png",
 		perks: [
 			"Persistent memory for Codex CLI sessions",
 			"Uses the Supermemory MCP server",
@@ -64,7 +63,7 @@ export const DESKTOP_TOOL_CATALOG: Record<
 		description:
 			"Write the Supermemory MCP server into Cursor's MCP config for one-click memory access.",
 		docsUrl: "https://supermemory.ai/docs/supermemory-mcp/setup",
-		icon: Code2,
+		iconSrc: "/images/plugins/cursor.png",
 		perks: [
 			"Memory tools directly inside Cursor",
 			"One MCP config for project context",