diff --git a/packages/web/src/components/ui/McpServerIcon/asana.svg b/packages/web/src/components/ui/McpServerIcon/asana.svg
new file mode 100644
index 00000000..a302f651
--- /dev/null
+++ b/packages/web/src/components/ui/McpServerIcon/asana.svg
@@ -0,0 +1,6 @@
+<svg width="256px" height="237px" viewBox="0 0 256 237" version="1.1" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid">
+    <title>Asana</title>
+    <g>
+        <path d="M200.324957,125.270044 C169.575962,125.270044 144.649915,150.19729 144.649915,180.947483 C144.649915,211.696478 169.575962,236.623724 200.324957,236.623724 C231.073952,236.623724 256,211.696478 256,180.947483 C256,150.19729 231.073952,125.270044 200.324957,125.270044 L200.324957,125.270044 Z M55.6754021,125.274837 C24.9270063,125.274837 0,150.19729 0,180.947483 C0,211.696478 24.9270063,236.623724 55.6754021,236.623724 C86.425116,236.623724 111.35332,211.696478 111.35332,180.947483 C111.35332,150.19729 86.425116,125.274837 55.6754021,125.274837 L55.6754021,125.274837 Z M183.674444,55.674204 C183.674444,86.425116 158.748396,111.354638 128.000599,111.354638 C97.2505258,111.354638 72.3247177,86.425116 72.3247177,55.674204 C72.3247177,24.9294026 97.2505258,0 128.000599,0 C158.748396,0 183.674444,24.9294026 183.674444,55.674204 L183.674444,55.674204 Z" fill="#F06A6A"/>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/packages/web/src/components/ui/McpServerIcon/index.tsx b/packages/web/src/components/ui/McpServerIcon/index.tsx
index 33b34bed..acbf9e4b 100644
--- a/packages/web/src/components/ui/McpServerIcon/index.tsx
+++ b/packages/web/src/components/ui/McpServerIcon/index.tsx
@@ -1,5 +1,6 @@
 import type { MarketplaceServer } from "@/lib/marketplace-data";
 import { cn } from "@/lib/utils";
+import AsanaIcon from "./asana.svg?react";
 import AstroIcon from "./astro.svg?react";
 import Context7Icon from "./context7.svg?react";
 import FigmaIcon from "./figma.svg?react";
@@ -73,6 +74,10 @@ function Icon({ icon }: { icon: string }) {
     return <AstroIcon className="w-8 h-8" />;
   }
 
+  if (icon === "asana") {
+    return <AsanaIcon className="w-8 h-8" />;
+  }
+
   // if (icon === "mcp") {
   return <McpIcon className="w-8 h-8" />;
   // }
diff --git a/packages/web/src/lib/marketplace-data.ts b/packages/web/src/lib/marketplace-data.ts
index 41b65c42..180d6933 100644
--- a/packages/web/src/lib/marketplace-data.ts
+++ b/packages/web/src/lib/marketplace-data.ts
@@ -114,4 +114,14 @@ export const MARKETPLACE_SERVERS: MarketplaceServer[] = [
     docsUrl: "https://mcp.docs.astro.build/",
     category: "development",
   },
+  {
+    name: "Asana",
+    description: "Asana is a project management tool for teams.",
+    command: "https://mcp.asana.com/sse",
+    type: "http",
+    icon: "asana",
+    toolCount: 44,
+    docsUrl: "https://developers.asana.com/docs/using-asanas-mcp-server",
+    category: "productivity",
+  },
 ];