diff --git a/src/frontend/src/icons/Pinecone/index.tsx b/src/frontend/src/icons/Pinecone/index.tsx
new file mode 100644
index 000000000..3e0b9123e
--- /dev/null
+++ b/src/frontend/src/icons/Pinecone/index.tsx
@@ -0,0 +1,9 @@
+import React, { forwardRef } from "react";
+import { ReactComponent as PineconeSVG } from "./pinecone_logo.svg";
+
+export const PineconeIcon = forwardRef<
+ SVGSVGElement,
+ React.PropsWithChildren<{}>
+>((props, ref) => {
+ return ;
+});
diff --git a/src/frontend/src/icons/Pinecone/pinecone_logo.svg b/src/frontend/src/icons/Pinecone/pinecone_logo.svg
new file mode 100644
index 000000000..e9884a424
--- /dev/null
+++ b/src/frontend/src/icons/Pinecone/pinecone_logo.svg
@@ -0,0 +1,21 @@
+
diff --git a/src/frontend/src/utils.ts b/src/frontend/src/utils.ts
index c09c64b2b..e1d2f9176 100644
--- a/src/frontend/src/utils.ts
+++ b/src/frontend/src/utils.ts
@@ -39,6 +39,7 @@ import { OpenAiIcon } from "./icons/OpenAi";
import { QDrantIcon } from "./icons/QDrant";
import { SearxIcon } from "./icons/Searx";
import { SlackIcon } from "./icons/Slack";
+import { PineconeIcon } from "./icons/Pinecone";
import clsx, { ClassValue } from "clsx";
import { twMerge } from "tailwind-merge";
import { ADJECTIVES, DESCRIPTIONS, NOUNS } from "./constants";
@@ -170,6 +171,7 @@ export const nodeIcons: {
ChatOpenAI: OpenAiIcon,
OpenAI: OpenAiIcon,
OpenAIEmbeddings: OpenAiIcon,
+ Pinecone: PineconeIcon,
// UnstructuredPowerPointLoader: PowerPointIcon, // word and powerpoint have differente styles
Qdrant: QDrantIcon,
// ReadTheDocsLoader: ReadTheDocsIcon, // does not work