diff --git a/documentation/src/refine-theme/icons/landing-hero/supabase.tsx b/documentation/src/refine-theme/icons/landing-hero/supabase.tsx
new file mode 100644
index 00000000..ac187d4d
--- /dev/null
+++ b/documentation/src/refine-theme/icons/landing-hero/supabase.tsx
@@ -0,0 +1,23 @@
+import React from "react";
+
+export const LandingHeroSupabaseIcon = (
+    props: React.SVGProps<SVGSVGElement>,
+) => (<svg
+        width={24}
+        height={64}
+        viewBox="-35.5 26 32 32"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+        {...props}
+    >
+  width="24" height="24" viewBox="-35.5 26 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid">
+    <path
+        d="M-33.442 42.023v-7.637a.68.68 0 0 1 .385-.651l13.173-7.608c.237-.148.503-.178.74-.03l13.232 7.637a.71.71 0 0 1 .355.651V49.63a.71.71 0 0 1-.355.651l-11.367 6.57a56.27 56.27 0 0 1-1.806 1.036c-.266.148-.533.148-.8 0l-13.202-7.608c-.237-.148-.355-.326-.355-.622v-7.637z"
+        fill="#009438"
+    />
+    <path
+        d="M-24.118 39.18v8.9c0 1.006-.8 1.894-1.865 1.865-.65-.03-1.154-.296-1.5-.858-.178-.266-.237-.562-.237-.888V35.836c0-.83.503-1.42 1.154-1.687s1.302-.207 1.954 0c.622.178 1.095.562 1.5 1.036l7.874 9.443c.03.03.06.09.118.148v-9c0-.947.65-1.687 1.57-1.776 1.154-.148 1.924.68 2.042 1.54v12.6c0 .7-.326 1.214-.918 1.54-.444.237-.918.296-1.42.266a3.23 3.23 0 0 1-1.954-.829c-.296-.266-.503-.592-.77-.888l-7.49-8.97c0-.03-.03-.06-.06-.09z"
+        fill="#fefefe"
+    />
+</svg>
+);