diff --git a/src/components/llm-logo-provider/GeminiLogo.tsx b/src/components/llm-logo-provider/GeminiLogo.tsx
index d0624d99..17212bd1 100644
--- a/src/components/llm-logo-provider/GeminiLogo.tsx
+++ b/src/components/llm-logo-provider/GeminiLogo.tsx
@@ -1,47 +1,263 @@
+import { useId } from 'react';
+
type GeminiLogoProps = {
className?: string;
};
-const GeminiLogo = ({ className = 'w-5 h-5' }: GeminiLogoProps) => (
-
-);
+const GeminiLogo = ({ className = 'w-5 h-5' }: GeminiLogoProps) => {
+ const id = useId().replace(/:/g, '');
+ const maskId = `${id}-gemini-mask`;
+ const gradientId = `${id}-gemini-gradient`;
+ const filterIds = Array.from({ length: 11 }, (_, index) => `${id}-gemini-filter-${index}`);
+
+ return (
+
+ );
+};
export default GeminiLogo;