diff --git a/documentation/src/assets/integration-icons/nextjs.tsx b/documentation/src/assets/integration-icons/nextjs.tsx
index 829fa588..5d28c433 100644
--- a/documentation/src/assets/integration-icons/nextjs.tsx
+++ b/documentation/src/assets/integration-icons/nextjs.tsx
@@ -2,95 +2,33 @@ import * as React from "react";
 import { SVGProps } from "react";
 
 const SvgNextjs = (props: SVGProps<SVGSVGElement>) => (
-    <svg
-        width={64}
-        height={64}
-        viewBox="0 0 64 64"
+   <svg viewBox="29 23.10000000000001 681.2 778.5" xmlns="http://www.w3.org/2000/svg" width="24" height="24">
+    <path
+        d="M539.2 167.8c-39.8-24.8-77.2-34.5-114.8-59.2-23.2-15.8-55.5-53.2-82.5-85.5-5.2 51.8-21 72.8-39 87.8-38.2 30-62.2 39-95.2 57-27.8 14.2-178.5 104.2-178.5 297.7s162.8 336 343.5 336 337.5-131.2 337.5-330-147-288.8-171-303.8z"
+        fill="#00598e"
+    />
+    <path
+        d="M478.2 633.5c12 0 24.8.8 33.8 6.8s14.2 19.5 17.2 27 0 12-6 15c-5.2 3-6 1.5-11.2-8.2s-9.8-19.5-36-19.5-34.5 9-47.2 19.5-17.2 14.2-21.8 8.2-3-12 5.2-19.5 21.8-19.5 34.5-24.8 19.5-4.5 31.5-4.5zM353.8 719c15 12 37.5 21.8 85.5 21.8S521 727.2 536 716c6.8-5.2 9.8-.8 10.5 2.2s2.2 7.5-3 12.8c-3.8 3.8-38.2 27.8-78.8 31.5s-95.2 6-128.2-24c-5.2-5.2-3.8-12.8 0-15.8s6.8-5.2 11.2-5.2 3.8 0 6.1 1.5z"
+        fill="#fff"
+    />
+    <path
+        d="M170 662c57-.8 67.5-10.5 117.8-33 271.5-121.5 321.8-232.5 331.5-258s24-66.8 9-112.5c-2.9-8.8-5-15.9-6.5-21.6-36.1-40.3-71.9-62.4-82.7-69.1-39-24.8-77.3-34.5-114.8-59.2-23.2-15-55.5-53.2-82.5-85.5-5.2 51.8-20.2 73.5-39 87.8-38.2 30-62.2 39-95.2 57C179.8 182.8 29 272 29 465.5c0 61.8 16.6 118.4 45.1 166.8l7.4-.3c15.7 14.2 40.5 30.8 88.5 30z"
+        fill="#0073ba"
+    />
+    <path
+        d="M539 167.8c-39-24.8-77.2-34.5-114.8-59.2-23.2-15-55.5-53.2-82.5-85.5-5.2 51.8-20.2 73.5-39 87.8-38.2 30-62.2 39-95.2 57C179.8 182.8 29 272 29 465.5c0 61.8 16.6 118.4 45.1 166.8 60.7 103.2 175.4 169.2 298.4 169.2 180.8 0 337.5-131.2 337.5-330 0-109.1-44.3-185.5-88.3-234.6-36.1-40.4-71.9-62.4-82.7-69.1zm91.2 87.7c49.2 61.6 74.2 134.2 74.2 216 0 47.4-9 92.2-26.8 133.2-16.9 38.8-41.2 73.2-72.3 102.3-61.5 57.4-144.1 89-232.7 89-43.8 0-86.8-8.4-127.8-24.9-40.3-16.2-76.5-39.4-107.8-69C70.9 639.7 34.6 555.7 34.6 465.5c0-80.3 26.1-151.7 77.5-212.2 39.3-46.2 81.7-71.8 98-80.6 8-4.3 15.4-8.2 22.6-11.9 22.6-11.6 44-22.6 73.4-45.6 15.7-11.9 32.4-30.8 39.5-78.7 24.8 29.5 53.5 62.6 75.5 76.8 19.5 12.9 39.5 21.9 58.8 30.6 18.3 8.2 37.2 16.8 55.9 28.7l.7.4c54.9 34.1 84.1 70.6 93.7 82.5z"
+        fill="#004975"
+    />
+    <path d="M345.5 38c10.5 30.8 9 46.5 9 53.2s-3.8 24.8-15.8 33.8c-5.2 3.8-6.8 6.8-6.8 7.5 0 3 6.8 5.2 6.8 12 0 8.2-3.8 24.8-43.5 64.5s-96.8 75-141 96.8S89 326 83 315.5s2.2-33.8 30-64.5 115.5-75 115.5-75L338 99.5l6-29.2" fill="#93c5e4" />
+    <path
+        d="M345.5 37.2c-6.8 49.5-21.8 64.5-42 80.2-33.8 25.5-66.8 41.2-74.2 45-19.5 9.8-90 48.8-126.8 105-11.2 17.2 0 24 2.2 25.5s27.8 4.5 82.5-28.5S266 212 296.8 179.8c16.5-17.2 18.8-27 18.8-31.5 0-5.2-3.8-7.5-9.8-9-3-.8-3.8-2.2 0-4.5S325.2 125 329 122s21.8-15 22.5-34.5-.7-33-6-50.3zM176.8 582.5c.8-58.5 55.5-113.2 124.5-114 87.8-.8 148.5 87 192.8 86.2 37.5-.8 109.5-74.2 144.8-74.2 37.5 0 48 39 48 62.2s-7.5 65.2-25.5 91.5-29.2 36-50.2 34.5c-27-2.2-81-86.2-115.5-87.8-43.5-1.5-138 90.8-212.2 90.8-45 0-58.5-6.8-73.5-16.5-22.8-15.7-34-39.7-33.2-72.7z"
+        fill="#fff"
+    />
+    <path
+        d="M628.2 258.5c15 45.8.8 87-9 112.5s-60 136.5-331.5 258c-50.2 22.5-60.8 32.2-117.8 33-48 .8-72.8-15.8-88.5-30l-7.4.3c60.7 103.2 175.4 169.2 298.4 169.2 180.8 0 337.5-131.2 337.5-330 0-109.1-44.3-185.5-88.3-234.6 1.6 5.7 3.8 12.8 6.6 21.6z"
         fill="none"
-        xmlns="http://www.w3.org/2000/svg"
-        {...props}
-    >
-        <g clipPath={`url(#nextjs_svg-${props.id}__a)`}>
-            <mask
-                id={`nextjs_svg-${props.id}__b`}
-                style={{
-                    maskType: "alpha",
-                }}
-                maskUnits="userSpaceOnUse"
-                x={0}
-                y={0}
-                width={64}
-                height={64}
-            >
-                <path
-                    d="M32 64c17.673 0 32-14.327 32-32C64 14.327 49.673 0 32 0 14.327 0 0 14.327 0 32c0 17.673 14.327 32 32 32Z"
-                    fill="#000"
-                />
-            </mask>
-            <g mask={`url(#nextjs_svg-${props.id}__b)`}>
-                <path
-                    d="M32 64c17.673 0 32-14.327 32-32C64 14.327 49.673 0 32 0 14.327 0 0 14.327 0 32c0 17.673 14.327 32 32 32Z"
-                    fill="currentColor"
-                    className="text-gray-1000 dark:text-gray-0"
-                />
-                <path
-                    d="M53.159 56.007 24.584 19.2H19.2v25.59h4.307V24.67l26.27 33.941a32.11 32.11 0 0 0 3.382-2.604Z"
-                    fill={`url(#nextjs_svg-${props.id}__c)`}
-                />
-                <path
-                    d="M45.155 19.2H40.89v25.6h4.266V19.2Z"
-                    fill={`url(#nextjs_svg-${props.id}__d)`}
-                />
-            </g>
-        </g>
-        <defs>
-            <linearGradient
-                id={`nextjs_svg-${props.id}__c`}
-                x1={38.756}
-                y1={41.422}
-                x2={51.378}
-                y2={57.067}
-                gradientUnits="userSpaceOnUse"
-            >
-                <stop
-                    stopColor="currentColor"
-                    className="text-gray-0 dark:text-gray-1000"
-                />
-                <stop
-                    offset={1}
-                    stopColor="currentColor"
-                    className="text-gray-0 dark:text-gray-1000"
-                    stopOpacity={0}
-                />
-            </linearGradient>
-            <linearGradient
-                id={`nextjs_svg-${props.id}__d`}
-                x1={43.022}
-                y1={19.2}
-                x2={42.95}
-                y2={38}
-                gradientUnits="userSpaceOnUse"
-            >
-                <stop
-                    stopColor="currentColor"
-                    className="text-gray-0 dark:text-gray-1000"
-                />
-                <stop
-                    offset={1}
-                    stopColor="currentColor"
-                    className="text-gray-0 dark:text-gray-1000"
-                    stopOpacity={0}
-                />
-            </linearGradient>
-            <clipPath id={`nextjs_svg-${props.id}__a}`}>
-                <path
-                    fill="currentColor"
-                    className="text-gray-0 dark:text-gray-1000"
-                    d="M0 0h64v64H0z"
-                />
-            </clipPath>
-        </defs>
-    </svg>
+    />
+</svg>
 );
 
 export default SvgNextjs;