diff --git a/documentation/src/refine-theme/icons/landing-hero/material-ui.tsx b/documentation/src/refine-theme/icons/landing-hero/material-ui.tsx
index ee7d1772..8a5d908e 100644
--- a/documentation/src/refine-theme/icons/landing-hero/material-ui.tsx
+++ b/documentation/src/refine-theme/icons/landing-hero/material-ui.tsx
@@ -1,41 +1,42 @@
 import React from "react";
 
 export const LandingHeroMaterialUIIcon = (
-    props: React.SVGProps<SVGSVGElement>,
-) => (
+    props: React.SVGProps<SVGSVGElement>) => (
     <svg
         width={24}
         height={64}
-        viewBox="0 0 97.75 97.75"
+        viewBox="0 0 213.000000 215.000000"
         fill="none"
         xmlns="http://www.w3.org/2000/svg"
         {...props}
-<g>
-        <g>
-            <path
-                d="M69.682,47.319c0-3.81-1.367-6.447-2.539-8.501c-1.563-2.539-3.029-4.688-3.029-7.228c0-2.834,2.15-5.471,5.178-5.471
-			c0.136,0,0.268,0.017,0.398,0.024c-5.483-5.023-12.789-8.091-20.812-8.091c-10.769,0-20.241,5.524-25.753,13.893
-			c0.723,0.021,1.405,0.037,1.984,0.037c3.224,0,8.214-0.392,8.214-0.392c1.661-0.099,1.857,2.343,0.198,2.539
-			c0,0-1.67,0.196-3.527,0.293l11.222,33.389l6.746-20.229l-4.803-13.157c-1.659-0.097-3.232-0.293-3.232-0.293
-			c-1.66-0.098-1.466-2.637,0.195-2.539c0,0,5.09,0.391,8.117,0.391c3.224,0,8.216-0.391,8.216-0.391
-			c1.663-0.098,1.856,2.342,0.196,2.539c0,0-1.674,0.196-3.527,0.293l11.139,33.133l3.074-10.272
-			C68.669,53.02,69.682,49.957,69.682,47.319z"
-            />
-            <path d="M18.054,48.874c0,12.2,7.091,22.743,17.372,27.739L20.722,36.331C19.012,40.163,18.054,44.406,18.054,48.874z" />
-            <path
-                d="M49.417,51.57l-9.249,26.871c2.762,0.812,5.682,1.257,8.708,1.257c3.589,0,7.031-0.621,10.235-1.748
-			c-0.084-0.132-0.158-0.271-0.221-0.425L49.417,51.57z"
-            />
-            <path
-                d="M64.37,75.516c9.164-5.343,15.327-15.271,15.327-26.641c0.001-5.359-1.368-10.397-3.776-14.788
-			c0.134,0.981,0.208,2.036,0.208,3.169c0,3.128-0.583,6.644-2.344,11.04L64.37,75.516z"
-            />
-            <path
-                d="M48.875,0C21.882,0,0,21.882,0,48.875S21.882,97.75,48.875,97.75S97.75,75.868,97.75,48.875S75.868,0,48.875,0z
-			 M48.876,83.156c-18.902,0-34.281-15.379-34.281-34.282c0-18.902,15.378-34.28,34.281-34.28c18.901,0,34.278,15.378,34.278,34.28
-			C83.154,67.777,67.777,83.156,48.876,83.156z"
-            />
-        </g>
+    >
+    <g transform="translate(0.000000,215.000000) scale(0.100000,-0.100000)" fill="currentColor" stroke="none">
+        <path
+            d="M990 2071 c-39 -13 -141 -66 -248 -129 -53 -32 -176 -103 -272 -158 -206 -117 -276 -177 -306 -264 -17 -50 -19 -88 -19 -460 0 -476 0 -474 94 -568 55 -56 124 -98 604 -369 169 -95 256 -104 384 -37 104 54 532 303 608 353 76 50 126 113 147 184 8 30 12 160 12 447 0 395 -1 406 -22 461 -34 85 -98 138 -317 264 -104 59 -237 136 -295 170 -153 90 -194 107 -275 111 -38 2 -81 0 -95 -5z m205 -561 c66 -38 166 -95 223 -127 l102 -58 0 -262 c0 -262 0 -263 -22 -276 -13 -8 -52 -31 -88 -51 -36 -21 -126 -72 -200 -115 l-135 -78 -3 261 -3 261 -166 95 c-91 52 -190 109 -219 125 -30 17 -52 34 -51 39 3 9 424 256 437 255 3 0 59 -31 125 -69z"
+        ></path>
     </g>
+        <defs>
+            <filter
+                id="filter0_f_1305_2599"
+                x={13.5}
+                y={12}
+                width={37}
+                height={40}
+                filterUnits="userSpaceOnUse"
+                colorInterpolationFilters="sRGB"
+            >
+                <feFlood floodOpacity={0} result="BackgroundImageFix" />
+                <feBlend
+                    mode="normal"
+                    in="SourceGraphic"
+                    in2="BackgroundImageFix"
+                    result="shape"
+                />
+                <feGaussianBlur
+                    stdDeviation={4}
+                    result="effect1_foregroundBlur_1305_2599"
+                />
+            </filter>
+        </defs>
     </svg>
 );