diff --git a/src/frontend/src/icons/VertexAI/index.tsx b/src/frontend/src/icons/VertexAI/index.tsx
new file mode 100644
index 000000000..a5115da7e
--- /dev/null
+++ b/src/frontend/src/icons/VertexAI/index.tsx
@@ -0,0 +1,9 @@
+import React, { forwardRef } from "react";
+import { ReactComponent as VertexAISVG } from "./vertex_ai.svg";
+
+export const VertexAIIcon = forwardRef<
+ SVGSVGElement,
+ React.PropsWithChildren<{}>
+>((props, ref) => {
+ return ;
+});
diff --git a/src/frontend/src/icons/VertexAI/vertex_ai.svg b/src/frontend/src/icons/VertexAI/vertex_ai.svg
new file mode 100644
index 000000000..9da1d8d8b
--- /dev/null
+++ b/src/frontend/src/icons/VertexAI/vertex_ai.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 b50cad2bd..ff1d93d93 100644
--- a/src/frontend/src/utils.ts
+++ b/src/frontend/src/utils.ts
@@ -47,6 +47,7 @@ import {
} from "lucide-react";
import { SupabaseIcon } from "./icons/supabase";
import { MongoDBIcon } from "./icons/MongoDB";
+import { VertexAIIcon } from "./icons/VertexAI";
export function classNames(...classes: Array) {
return classes.filter(Boolean).join(" ");
@@ -241,6 +242,12 @@ export const nodeIconsLucide: {
SupabaseVectorStore: SupabaseIcon as React.ForwardRefExoticComponent<
ComponentType>
>,
+ VertexAI: VertexAIIcon as React.ForwardRefExoticComponent<
+ ComponentType>
+ >,
+ ChatVertexAI: VertexAIIcon as React.ForwardRefExoticComponent<
+ ComponentType>
+ >,
agents: Rocket as React.ForwardRefExoticComponent<
ComponentType>
>,