diff --git a/src/frontend/src/icons/mistral/index.tsx b/src/frontend/src/icons/mistral/index.tsx
new file mode 100644
index 000000000..6125953aa
--- /dev/null
+++ b/src/frontend/src/icons/mistral/index.tsx
@@ -0,0 +1,9 @@
+import React, { forwardRef } from "react";
+import SvgMistralIcon from "./mistralIcon";
+
+export const MistralIcon = forwardRef<
+ SVGSVGElement,
+ React.PropsWithChildren<{}>
+>((props, ref) => {
+ return ;
+});
diff --git a/src/frontend/src/icons/mistral/mistralIcon.jsx b/src/frontend/src/icons/mistral/mistralIcon.jsx
new file mode 100644
index 000000000..d11bbe037
--- /dev/null
+++ b/src/frontend/src/icons/mistral/mistralIcon.jsx
@@ -0,0 +1,35 @@
+const SvgMistralIcon = (props) => (
+
+ );
+ export default SvgMistralIcon;
+
\ No newline at end of file
diff --git a/src/frontend/src/utils/styleUtils.ts b/src/frontend/src/utils/styleUtils.ts
index adead59c4..c3b5645b9 100644
--- a/src/frontend/src/utils/styleUtils.ts
+++ b/src/frontend/src/utils/styleUtils.ts
@@ -204,6 +204,7 @@ import SvgWolfram from "../icons/Wolfram/Wolfram";
import { HackerNewsIcon } from "../icons/hackerNews";
import { SupabaseIcon } from "../icons/supabase";
import { iconsType } from "../types/components";
+import { MistralIcon } from "../icons/mistral";
export const gradients = [
"bg-gradient-to-br from-gray-800 via-rose-700 to-violet-900",
@@ -552,4 +553,5 @@ export const nodeIconsLucide: iconsType = {
PaperclipIcon,
Settings,
Streamlit,
+ MistralAI:MistralIcon
};