diff --git a/documentation/src/assets/integration-icons/nextjs.tsx b/documentation/src/assets/integration-icons/nextjs.tsx
index 5d28c433..829fa588 100644
--- a/documentation/src/assets/integration-icons/nextjs.tsx
+++ b/documentation/src/assets/integration-icons/nextjs.tsx
@@ -2,33 +2,95 @@ import * as React from "react";
 import { SVGProps } from "react";
 
 const SvgNextjs = (props: SVGProps<SVGSVGElement>) => (
-   <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"
+    <svg
+        width={64}
+        height={64}
+        viewBox="0 0 64 64"
         fill="none"
-    />
-</svg>
+        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>
 );
 
 export default SvgNextjs;