diff --git a/src/frontend/src/icons/LangChain/LangChainIcon.jsx b/src/frontend/src/icons/LangChain/LangChainIcon.jsx
new file mode 100644
index 000000000..c68bd3f4f
--- /dev/null
+++ b/src/frontend/src/icons/LangChain/LangChainIcon.jsx
@@ -0,0 +1,10 @@
+const SvgLangChainIcon = (props) => (
+
+
+
+);
+export default SvgLangChainIcon;
diff --git a/src/frontend/src/icons/LangChain/index.tsx b/src/frontend/src/icons/LangChain/index.tsx
new file mode 100644
index 000000000..48b8566e1
--- /dev/null
+++ b/src/frontend/src/icons/LangChain/index.tsx
@@ -0,0 +1,9 @@
+import React, { forwardRef } from "react";
+import SvgLangChainIcon from "./LangChainIcon";
+
+export const LangChainIcon = forwardRef<
+ SVGSVGElement,
+ React.PropsWithChildren<{}>
+>((props, ref) => {
+ return ;
+});
diff --git a/src/frontend/src/icons/LangChain/langchain-icon.svg b/src/frontend/src/icons/LangChain/langchain-icon.svg
new file mode 100644
index 000000000..e80068b50
--- /dev/null
+++ b/src/frontend/src/icons/LangChain/langchain-icon.svg
@@ -0,0 +1,5 @@
+
diff --git a/src/frontend/src/utils/styleUtils.ts b/src/frontend/src/utils/styleUtils.ts
index 123702b60..9a65e4f27 100644
--- a/src/frontend/src/utils/styleUtils.ts
+++ b/src/frontend/src/utils/styleUtils.ts
@@ -1,5 +1,6 @@
import {
AlertCircle,
+ AlertTriangle,
ArrowBigUp,
ArrowLeft,
ArrowUpToLine,
@@ -116,7 +117,6 @@ import {
Settings,
Settings2,
Share,
- AlertTriangle,
Share2,
Shield,
Sliders,
@@ -146,11 +146,10 @@ import {
Variable,
Wand2,
Workflow,
+ Wrench,
X,
XCircle,
Zap,
- PlaySquare,
- Wrench,
} from "lucide-react";
import { FaApple, FaDiscord, FaGithub } from "react-icons/fa";
import { AWSIcon } from "../icons/AWS";
@@ -177,6 +176,7 @@ import {
import { GroqIcon } from "../icons/Groq";
import { HuggingFaceIcon } from "../icons/HuggingFace";
import { IFixIcon } from "../icons/IFixIt";
+import { LangChainIcon } from "../icons/LangChain";
import { MetaIcon } from "../icons/Meta";
import { MidjourneyIcon } from "../icons/Midjorney";
import { MongoDBIcon } from "../icons/MongoDB";
@@ -325,6 +325,7 @@ export const nodeIconsLucide: iconsType = {
ChatOllamaModel: OllamaIcon,
Faiss: MetaIcon,
FaissSearch: MetaIcon,
+ LangChain: LangChainIcon,
AzureOpenAiModel: AzureIcon,
Redis: RedisIcon,
RedisSearch: RedisIcon,