diff --git a/src/frontend/src/icons/MongoDB/index.tsx b/src/frontend/src/icons/MongoDB/index.tsx
new file mode 100644
index 000000000..5caa770f5
--- /dev/null
+++ b/src/frontend/src/icons/MongoDB/index.tsx
@@ -0,0 +1,9 @@
+import React, { forwardRef } from "react";
+import { ReactComponent as SlackSVG } from "./mongodb-icon.svg";
+
+export const MongoDBIcon = forwardRef<
+ SVGSVGElement,
+ React.PropsWithChildren<{}>
+>((props, ref) => {
+ return ;
+});
diff --git a/src/frontend/src/icons/MongoDB/mongodb-icon.svg b/src/frontend/src/icons/MongoDB/mongodb-icon.svg
new file mode 100644
index 000000000..54403d528
--- /dev/null
+++ b/src/frontend/src/icons/MongoDB/mongodb-icon.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/frontend/src/utils.ts b/src/frontend/src/utils.ts
index 9e83fc70f..e2436a1ca 100644
--- a/src/frontend/src/utils.ts
+++ b/src/frontend/src/utils.ts
@@ -44,6 +44,7 @@ import clsx, { ClassValue } from "clsx";
import { twMerge } from "tailwind-merge";
import { ADJECTIVES, DESCRIPTIONS, NOUNS } from "./constants";
import { SupabaseIcon } from "./icons/supabase";
+import { MongoDBIcon } from "./icons/MongoDB";
export function classNames(...classes: Array) {
return classes.filter(Boolean).join(" ");
@@ -174,6 +175,7 @@ export const nodeIcons: {
OpenAIEmbeddings: OpenAiIcon,
Pinecone: PineconeIcon,
SupabaseVectorStore: SupabaseIcon,
+ MongoDBAtlasVectorSearch: MongoDBIcon,
// UnstructuredPowerPointLoader: PowerPointIcon, // word and powerpoint have differente styles
Qdrant: QDrantIcon,
// ReadTheDocsLoader: ReadTheDocsIcon, // does not work