diff --git a/apps/web/components/brain-connector-icons.tsx b/apps/web/components/brain-connector-icons.tsx
index b957a9e2..30d7a3bc 100644
--- a/apps/web/components/brain-connector-icons.tsx
+++ b/apps/web/components/brain-connector-icons.tsx
@@ -51,6 +51,38 @@ function GithubMark({ className }: { className?: string }) {
 	)
 }
 
+function GmailMark({ className }: { className?: string }) {
+	return (
+		<svg
+			className={className}
+			viewBox="0 0 256 193"
+			xmlns="http://www.w3.org/2000/svg"
+			aria-hidden="true"
+		>
+			<path
+				d="M58.182 192.05V93.14L27.507 65.077 0 49.504v125.091c0 9.658 7.825 17.455 17.455 17.455z"
+				fill="#4285F4"
+			/>
+			<path
+				d="M197.818 192.05h40.727c9.659 0 17.455-7.826 17.455-17.455V49.505l-31.156 17.837-27.026 25.798z"
+				fill="#34A853"
+			/>
+			<path
+				d="m58.182 93.14-4.174-38.647 4.174-36.989L128 69.868l69.818-52.364 4.668 33.95-4.668 41.685L128 145.504z"
+				fill="#EA4335"
+			/>
+			<path
+				d="M197.818 17.504V93.14L256 49.504V26.231c0-21.585-24.64-33.89-41.89-20.945z"
+				fill="#FBBC04"
+			/>
+			<path
+				d="m0 49.504 26.759 20.07L58.182 93.14V17.504L41.89 5.286C24.61-7.66 0 4.646 0 26.23z"
+				fill="#C5221F"
+			/>
+		</svg>
+	)
+}
+
 function LinearMark({ className }: { className?: string }) {
 	return (
 		<svg viewBox="0 0 24 24" fill="currentColor" className={className}>
@@ -99,6 +131,8 @@ export function brainConnectorIcon(
 	className = "size-[18px]",
 ): React.ReactNode {
 	switch (slug) {
+		case "gmail":
+			return <GmailMark className={className} />
 		case "github":
 			return <GithubMark className={cn(className, "text-[#FAFAFA]")} />
 		case "linear":