diff --git a/src/frontend/src/icons/Streamlit/SvgStreamlit.jsx b/src/frontend/src/icons/Streamlit/SvgStreamlit.jsx
new file mode 100644
index 000000000..0db3372c6
--- /dev/null
+++ b/src/frontend/src/icons/Streamlit/SvgStreamlit.jsx
@@ -0,0 +1,25 @@
+export default function SvgStreamlit(props) {
+ return (
+
+ );
+}
diff --git a/src/frontend/src/icons/Streamlit/index.tsx b/src/frontend/src/icons/Streamlit/index.tsx
new file mode 100644
index 000000000..1a4c55119
--- /dev/null
+++ b/src/frontend/src/icons/Streamlit/index.tsx
@@ -0,0 +1,8 @@
+import React, { forwardRef } from "react";
+import SvgStreamlit from "./SvgStreamlit";
+
+export const Streamlit = forwardRef>(
+ (props, ref) => {
+ return ;
+ },
+);
diff --git a/src/frontend/src/utils/styleUtils.ts b/src/frontend/src/utils/styleUtils.ts
index c73ec5d23..be25e82af 100644
--- a/src/frontend/src/utils/styleUtils.ts
+++ b/src/frontend/src/utils/styleUtils.ts
@@ -193,6 +193,7 @@ import SvgWolfram from "../icons/Wolfram/Wolfram";
import { HackerNewsIcon } from "../icons/hackerNews";
import { SupabaseIcon } from "../icons/supabase";
import { iconsType } from "../types/components";
+import { Streamlit } from "../icons/Streamlit";
export const gradients = [
"bg-gradient-to-br from-gray-800 via-rose-700 to-violet-900",
@@ -526,4 +527,5 @@ export const nodeIconsLucide: iconsType = {
FolderPlusIcon,
FolderIcon,
Discord: FaDiscord,
+ Streamlit,
};