diff --git a/apps/reference/docs/reference.mdx b/apps/reference/docs/reference.mdx
index 594d661b38c..6b292769084 100644
--- a/apps/reference/docs/reference.mdx
+++ b/apps/reference/docs/reference.mdx
@@ -26,7 +26,7 @@ Reference documentation for the official Supabase client libraries, APIs, and to
     </div>
     {/* DART */}
     <div class="col col--6">
-      <ButtonCard icon={useBaseUrl("/img/icons/dart-icon.svg")} class="card" to={useBaseUrl("/reference/dart")} style={{ height: '100%' }} title="Dart" description="Dart and Flutter documentation."/>
+      <ButtonCard icon={useBaseUrl("/img/icons/flutter-icon.svg")} class="card" to={useBaseUrl("/reference/dart")} style={{ height: '100%' }} title="Flutter" description="Flutter and Dart documentation."/>
     </div>
     {/* CLI */}
     <div class="col col--6">
diff --git a/apps/reference/static/img/icons/flutter-icon.svg b/apps/reference/static/img/icons/flutter-icon.svg
new file mode 100644
index 00000000000..74ec3d22913
--- /dev/null
+++ b/apps/reference/static/img/icons/flutter-icon.svg
@@ -0,0 +1,94 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink"
+  width="64"
+  height="64"
+>
+  <g transform="matrix(.061615 0 0 .061615 -1.430818 -1.2754)">
+    <defs>
+      <path
+        id="A"
+        d="M959.4 500L679.8 779.7l279.6 279.7H639.9L360.2 779.7 639.9 500h319.5zM639.9 20.7L120.6 540l159.8 159.8 679-679.1H639.9z"
+      />
+    </defs>
+    <clipPath id="B"><use xlink:href="#A" /></clipPath>
+    <g clip-path="url(#B)">
+      <path d="M360.3 779.7L520 939.5 959.4 500H639.9z" fill="#39cefd" />
+    </g>
+    <defs>
+      <path
+        id="C"
+        d="M959.4 500L679.8 779.7l279.6 279.7H639.9L360.2 779.7 639.9 500h319.5zM639.9 20.7L120.6 540l159.8 159.8 679-679.1H639.9z"
+      />
+    </defs>
+    <clipPath id="D"><use xlink:href="#C" /></clipPath>
+    <path
+      clip-path="url(#D)"
+      d="M639.9 20.7h319.5l-679 679.1L120.6 540z"
+      fill="#39cefd"
+    />
+    <defs>
+      <path
+        id="E"
+        d="M959.4 500L679.8 779.7l279.6 279.7H639.9L360.2 779.7 639.9 500h319.5zM639.9 20.7L120.6 540l159.8 159.8 679-679.1H639.9z"
+      />
+    </defs>
+    <clipPath id="F"><use xlink:href="#E" /></clipPath>
+    <path
+      clip-path="url(#F)"
+      d="M520 939.5l119.9 119.8h319.5L679.8 779.7z"
+      fill="#03569b"
+    />
+    <defs>
+      <path
+        id="G"
+        d="M959.4 500L679.8 779.7l279.6 279.7H639.9L360.2 779.7 639.9 500h319.5zM639.9 20.7L120.6 540l159.8 159.8 679-679.1H639.9z"
+      />
+    </defs>
+    <clipPath id="H"><use xlink:href="#G" /></clipPath>
+    <linearGradient
+      id="I"
+      gradientUnits="userSpaceOnUse"
+      x1="566.635"
+      y1="970.339"
+      x2="685.65"
+      y2="851.324"
+    >
+      <stop offset="0" stop-color="#1a237e" stop-opacity=".4" />
+      <stop offset="1" stop-color="#1a237e" stop-opacity="0" />
+    </linearGradient>
+    <path
+      clip-path="url(#H)"
+      d="M757 857.4l-77.2-77.7L520 939.5z"
+      fill="url(#I)"
+    />
+    <defs>
+      <path
+        id="J"
+        d="M959.4 500L679.8 779.7l279.6 279.7H639.9L360.2 779.7 639.9 500h319.5zM639.9 20.7L120.6 540l159.8 159.8 679-679.1H639.9z"
+      />
+    </defs>
+    <clipPath id="K"><use xlink:href="#J" /></clipPath>
+    <g clip-path="url(#K)">
+      <path
+        d="M360.282 779.645L520.086 619.84 679.9 779.645 520.086 939.45z"
+        fill="#16b9fd"
+      />
+    </g>
+    <radialGradient
+      id="L"
+      cx="7824.659"
+      cy="-2855.979"
+      r="5082.889"
+      gradientTransform="matrix(0.25,0,0,-0.25,-1812,-622.5)"
+      gradientUnits="userSpaceOnUse"
+    >
+      <stop offset="0" stop-color="#fff" stop-opacity=".1" />
+      <stop offset="1" stop-color="#fff" stop-opacity="0" />
+    </radialGradient>
+    <path
+      d="M959.4 500L679.8 779.7l279.6 279.7H639.9L360.2 779.7 639.9 500h319.5zM639.9 20.7L120.6 540l159.8 159.8 679-679.1H639.9z"
+      fill="url(#L)"
+    />
+  </g>
+</svg>