@nebutra/icons 0.1.0

package/src/components/Forward10Seconds.tsx

@@ -0,0 +1,32 @@
+import type * as React from "react";
+import { forwardRef } from "react";
+export interface IconProps extends React.SVGProps<SVGSVGElement> {
+  /** Icon size in px (default: 16). Overrides width/height props. */
+  size?: number | string;
+}
+const Forward10Seconds = forwardRef<SVGSVGElement, IconProps>(
+  ({ size = 16, width, height, ...props }, ref) => (
+    <svg
+      aria-hidden="true"
+      xmlns="http://www.w3.org/2000/svg"
+      width={width ?? size}
+      height={height ?? size}
+      fill="none"
+      strokeLinejoin="round"
+      viewBox="0 0 16 16"
+      ref={ref}
+      {...props}
+    >
+      <path
+        fill="currentColor"
+        fillRule="evenodd"
+        d="M0 7.945a7 7 0 0 1 4.262-6.444H1v-1.5h4.925a1 1 0 0 1 1 1v4.925h-1.5V2.674A5.5 5.5 0 0 0 7 13.445h.75v1.5H7a7 7 0 0 1-7-7m14.37-2.317c-.896 0-1.622.726-1.622 1.622v2.13a1.622 1.622 0 1 0 3.245 0V7.25c0-.896-.727-1.622-1.623-1.622m-.377 1.622a.377.377 0 1 1 .755 0v2.13a.377.377 0 1 1-.755 0zm-2.75-.877a.622.622 0 0 0-.774-.604l-1 .25-.604.151.302 1.208.604-.151.226-.057v2.58h-1v1.245h3.246V9.75h-1z"
+        clipRule="evenodd"
+      />
+    </svg>
+  ),
+);
+Forward10Seconds.displayName = "Forward10Seconds";
+
+export { Forward10Seconds };
+export default Forward10Seconds;

package/src/components/Fulcrum.tsx

@@ -0,0 +1,32 @@
+import type * as React from "react";
+import { forwardRef } from "react";
+export interface IconProps extends React.SVGProps<SVGSVGElement> {
+  /** Icon size in px (default: 16). Overrides width/height props. */
+  size?: number | string;
+}
+const Fulcrum = forwardRef<SVGSVGElement, IconProps>(
+  ({ size = 16, width, height, ...props }, ref) => (
+    <svg
+      aria-hidden="true"
+      xmlns="http://www.w3.org/2000/svg"
+      width={width ?? size}
+      height={height ?? size}
+      fill="none"
+      strokeLinejoin="round"
+      viewBox="0 0 16 16"
+      ref={ref}
+      {...props}
+    >
+      <path
+        fill="currentColor"
+        fillRule="evenodd"
+        d="m15.206 1.721.721-.206-.412-1.442-.721.206-14 4-.721.206.412 1.442.721-.206zM7.111 5.397 8 4l.889 1.397 5.157 8.103L15 15H1l.955-1.5zM3.733 13.5 8 6.794l4.268 6.706z"
+        clipRule="evenodd"
+      />
+    </svg>
+  ),
+);
+Fulcrum.displayName = "Fulcrum";
+
+export { Fulcrum };
+export default Fulcrum;

package/src/components/Fullscreen.tsx

@@ -0,0 +1,32 @@
+import type * as React from "react";
+import { forwardRef } from "react";
+export interface IconProps extends React.SVGProps<SVGSVGElement> {
+  /** Icon size in px (default: 16). Overrides width/height props. */
+  size?: number | string;
+}
+const Fullscreen = forwardRef<SVGSVGElement, IconProps>(
+  ({ size = 16, width, height, ...props }, ref) => (
+    <svg
+      aria-hidden="true"
+      xmlns="http://www.w3.org/2000/svg"
+      width={width ?? size}
+      height={height ?? size}
+      fill="none"
+      strokeLinejoin="round"
+      viewBox="0 0 16 16"
+      ref={ref}
+      {...props}
+    >
+      <path
+        fill="currentColor"
+        fillRule="evenodd"
+        d="M1 5.25V6h1.5V2.5H6V1H2a1 1 0 0 0-1 1zM5.25 15H6v-1.5H2.5V10H1v4a1 1 0 0 0 1 1zM15 10v4a1 1 0 0 1-1 1h-4v-1.5h3.5V10zm-4.25-9H10v1.5h3.5V6H15V2a1 1 0 0 0-1-1z"
+        clipRule="evenodd"
+      />
+    </svg>
+  ),
+);
+Fullscreen.displayName = "Fullscreen";
+
+export { Fullscreen };
+export default Fullscreen;

package/src/components/FullscreenClose.tsx

@@ -0,0 +1,32 @@
+import type * as React from "react";
+import { forwardRef } from "react";
+export interface IconProps extends React.SVGProps<SVGSVGElement> {
+  /** Icon size in px (default: 16). Overrides width/height props. */
+  size?: number | string;
+}
+const FullscreenClose = forwardRef<SVGSVGElement, IconProps>(
+  ({ size = 16, width, height, ...props }, ref) => (
+    <svg
+      aria-hidden="true"
+      xmlns="http://www.w3.org/2000/svg"
+      width={width ?? size}
+      height={height ?? size}
+      fill="none"
+      strokeLinejoin="round"
+      viewBox="0 0 16 16"
+      ref={ref}
+      {...props}
+    >
+      <path
+        fill="currentColor"
+        fillRule="evenodd"
+        d="M6 1v4a1 1 0 0 1-1 1H1V4.5h3.5V1zm8.25 5H15V4.5h-3.5V1H10v4a1 1 0 0 0 1 1zM10 14.25V15h1.5v-3.5h3.54V10H11a1 1 0 0 0-1 1zM1.75 10H1v1.5h3.5V15H6v-4a1 1 0 0 0-1-1z"
+        clipRule="evenodd"
+      />
+    </svg>
+  ),
+);
+FullscreenClose.displayName = "FullscreenClose";
+
+export { FullscreenClose };
+export default FullscreenClose;

package/src/components/Function.tsx

@@ -0,0 +1,32 @@
+import type * as React from "react";
+import { forwardRef } from "react";
+export interface IconProps extends React.SVGProps<SVGSVGElement> {
+  /** Icon size in px (default: 16). Overrides width/height props. */
+  size?: number | string;
+}
+const Function = forwardRef<SVGSVGElement, IconProps>(
+  ({ size = 16, width, height, ...props }, ref) => (
+    <svg
+      aria-hidden="true"
+      xmlns="http://www.w3.org/2000/svg"
+      width={width ?? size}
+      height={height ?? size}
+      fill="none"
+      strokeLinejoin="round"
+      viewBox="0 0 16 16"
+      ref={ref}
+      {...props}
+    >
+      <path
+        fill="currentColor"
+        fillRule="evenodd"
+        d="M8.75 4a2.5 2.5 0 0 1 2.5-2.5H12V0h-.75a4 4 0 0 0-4 4v2H4v1.5h3.25V12a2.5 2.5 0 0 1-2.5 2.5H4V16h.75a4 4 0 0 0 4-4V7.5H12V6H8.75z"
+        clipRule="evenodd"
+      />
+    </svg>
+  ),
+);
+Function.displayName = "Function";
+
+export { Function };
+export default Function;

package/src/components/FunctionBun.tsx

@@ -0,0 +1,140 @@
+import type * as React from "react";
+import { forwardRef } from "react";
+export interface IconProps extends React.SVGProps<SVGSVGElement> {
+  /** Icon size in px (default: 16). Overrides width/height props. */
+  size?: number | string;
+}
+const FunctionBun = forwardRef<SVGSVGElement, IconProps>(
+  ({ size = 16, width, height, ...props }, ref) => (
+    <svg
+      aria-hidden="true"
+      xmlns="http://www.w3.org/2000/svg"
+      width={width ?? size}
+      height={height ?? size}
+      fill="none"
+      strokeLinejoin="round"
+      viewBox="0 0 16 16"
+      ref={ref}
+      {...props}
+    >
+      <path
+        fill="currentColor"
+        d="M13.75 0A2.25 2.25 0 0 1 16 2.25V8h-1.5V2.25a.75.75 0 0 0-.75-.75H2.25a.75.75 0 0 0-.75.75v11.5c0 .414.336.75.75.75H8V16H2.25A2.25 2.25 0 0 1 0 13.75V2.25A2.25 2.25 0 0 1 2.25 0zM9.997 5h-.75c-.826 0-1.496.67-1.496 1.496V7H9.5v1.5H7.751v1.005A2.996 2.996 0 0 1 4.755 12.5h-.75V11h.75c.825 0 1.496-.67 1.496-1.495V8.5H4.5V7h1.751v-.504A2.996 2.996 0 0 1 9.247 3.5h.75z"
+      />
+      <path
+        fill="#000"
+        d="m15.182 11.302-.041-.043-.041-.042-.042-.042-.04-.043q-.022-.02-.042-.042l-.041-.042q-.02-.022-.042-.042c.41.412.644.973.652 1.561 0 1.402-1.386 2.542-3.09 2.542-.955 0-1.81-.357-2.377-.918l.041.042.041.042.041.043.042.042.04.042.042.043.041.042c.567.584 1.44.96 2.418.96 1.705 0 3.091-1.14 3.091-2.537 0-.597-.25-1.163-.693-1.608"
+        style={{
+          fill: "#000",
+          fillOpacity: 1,
+        }}
+      />
+      <path
+        fill="#FBF0DF"
+        d="M15.34 12.567c0 1.287-1.292 2.33-2.886 2.33-1.593 0-2.885-1.043-2.885-2.33 0-.797.495-1.502 1.255-1.92s1.233-.846 1.63-.846c.398 0 .737.35 1.63.846.76.418 1.255 1.123 1.255 1.92"
+        style={{
+          fill: "color(display-p3 .9843 .9412 .8745)",
+          fillOpacity: 1,
+        }}
+      />
+      <path
+        fill="#F6DECE"
+        d="M15.34 12.567q-.001-.249-.066-.489c-.226 2.818-3.574 2.953-4.89 2.11.591.471 1.322.721 2.07.71 1.591 0 2.885-1.046 2.885-2.33"
+        style={{
+          fill: "color(display-p3 .9647 .8706 .8078)",
+          fillOpacity: 1,
+        }}
+      />
+      <path
+        fill="#FFFEFC"
+        d="M11.344 10.492c.368-.227.858-.652 1.34-.653a.8.8 0 0 0-.23-.038c-.2 0-.412.106-.68.265q-.14.084-.292.182c-.192.121-.412.26-.659.397-.785.436-1.254 1.154-1.254 1.922v.1c.5-1.81 1.407-1.948 1.775-2.175"
+        style={{
+          fill: "color(display-p3 1 .9961 .9882)",
+          fillOpacity: 1,
+        }}
+      />
+      <path
+        fill="#CCBEA7"
+        fillRule="evenodd"
+        d="M12.217 10.015c.001.2-.04.397-.12.58-.08.181-.197.344-.344.475-.023.021-.005.062.024.05.278-.111.653-.443.495-1.112-.007-.038-.055-.028-.055.007m.187 0a1.4 1.4 0 0 1 .133 1.14c-.01.03.025.055.045.03.18-.237.338-.707-.134-1.215-.023-.022-.06.012-.044.042zm.228-.014c.158.114.29.263.387.434.097.172.158.363.177.56q0 .012.005.02.007.01.018.011.01.003.02-.004a.03.03 0 0 0 .01-.017c.077-.296.034-.799-.59-1.06-.033-.014-.055.032-.027.052zm-1.522.88c.188-.058.362-.156.51-.287a1.4 1.4 0 0 0 .353-.475c.015-.03.062-.019.054.015-.142.677-.62.818-.916.8-.032 0-.03-.044-.001-.054"
+        clipRule="evenodd"
+        style={{
+          fill: "color(display-p3 .8 .7451 .6549)",
+          fillOpacity: 1,
+        }}
+      />
+      <path
+        fill="#000"
+        d="M12.454 15.11c-1.704 0-3.091-1.14-3.091-2.543 0-.846.51-1.635 1.363-2.108.247-.135.459-.271.648-.39q.154-.1.296-.186c.29-.176.537-.294.784-.294.248 0 .464.102.734.266q.122.072.253.158c.205.13.437.278.742.446.853.473 1.363 1.261 1.363 2.108 0 1.402-1.387 2.543-3.092 2.543m0-5.309c-.2 0-.412.106-.68.265q-.14.084-.292.182c-.192.122-.412.26-.66.397-.784.436-1.253 1.154-1.253 1.922 0 1.285 1.294 2.331 2.885 2.331s2.885-1.046 2.885-2.33c0-.769-.469-1.487-1.254-1.921-.312-.17-.555-.328-.752-.453q-.135-.086-.247-.156c-.25-.152-.432-.237-.632-.237"
+        style={{
+          fill: "#000",
+          fillOpacity: 1,
+        }}
+      />
+      <path
+        fill="#B71422"
+        d="M13.035 13.185a.76.76 0 0 1-.24.398.56.56 0 0 1-.33.16.56.56 0 0 1-.34-.16.76.76 0 0 1-.238-.398.06.06 0 0 1 .017-.051.06.06 0 0 1 .05-.018h1.016a.06.06 0 0 1 .05.018.06.06 0 0 1 .015.05"
+        style={{
+          fill: "color(display-p3 .7176 .0784 .1333)",
+          fillOpacity: 1,
+        }}
+      />
+      <path
+        fill="#FF6164"
+        d="M12.125 13.59a.56.56 0 0 0 .34.16.56.56 0 0 0 .338-.16 1 1 0 0 0 .082-.09.56.56 0 0 0-.403-.196.5.5 0 0 0-.413.235q.028.027.056.051"
+        style={{
+          fill: "color(display-p3 1 .3804 .3922)",
+          fillOpacity: 1,
+        }}
+      />
+      <path
+        fill="#000"
+        d="M12.138 13.523a.44.44 0 0 1 .345-.176.5.5 0 0 1 .33.143l.054-.065a.57.57 0 0 0-.388-.163.51.51 0 0 0-.403.2 1 1 0 0 0 .062.061"
+        style={{
+          fill: "#000",
+          fillOpacity: 1,
+        }}
+      />
+      <path
+        fill="#000"
+        d="M12.462 13.793a.6.6 0 0 1-.367-.17.8.8 0 0 1-.257-.426.1.1 0 0 1 .022-.085.12.12 0 0 1 .093-.043h1.017a.12.12 0 0 1 .093.043.1.1 0 0 1 .021.085.8.8 0 0 1-.256.427.6.6 0 0 1-.366.17m-.509-.626c-.013 0-.016.006-.017.008a.7.7 0 0 0 .225.37.5.5 0 0 0 .3.147.5.5 0 0 0 .302-.146.7.7 0 0 0 .224-.37l-.007-.006-.01-.001z"
+        style={{
+          fill: "#000",
+          fillOpacity: 1,
+        }}
+      />
+      <path
+        fill="#FEBBD0"
+        d="M13.709 13.237c.266 0 .482-.13.482-.29 0-.161-.216-.292-.482-.292s-.482.13-.482.291.216.291.482.291M11.214 13.237c.266 0 .482-.13.482-.29 0-.161-.216-.292-.482-.292-.267 0-.483.13-.483.291s.216.291.483.291"
+        style={{
+          fill: "color(display-p3 .9961 .7333 .8157)",
+          fillOpacity: 1,
+        }}
+      />
+      <path
+        fill="#000"
+        fillRule="evenodd"
+        d="M11.44 12.83c.09 0 .178-.027.253-.079a.478.478 0 0 0 .07-.717.45.45 0 0 0-.495-.101.46.46 0 0 0-.204.171.475.475 0 0 0 .056.589c.085.087.2.136.32.136m2.042 0c.09 0 .178-.027.254-.077a.477.477 0 0 0 .072-.718.45.45 0 0 0-.495-.103.46.46 0 0 0-.205.172.476.476 0 0 0 .055.588c.085.087.2.137.32.137"
+        clipRule="evenodd"
+        style={{
+          fill: "#000",
+          fillOpacity: 1,
+        }}
+      />
+      <path
+        fill="#fff"
+        fillRule="evenodd"
+        d="M11.3 12.393q.052 0 .095-.03a.18.18 0 0 0 .074-.179.2.2 0 0 0-.047-.09.17.17 0 0 0-.263.027.18.18 0 0 0 .021.22.17.17 0 0 0 .12.052m2.042 0q.052 0 .095-.03a.179.179 0 0 0 .027-.27.17.17 0 0 0-.186-.037.17.17 0 0 0-.077.065.18.18 0 0 0 .02.22.17.17 0 0 0 .12.052z"
+        clipRule="evenodd"
+        style={{
+          fill: "#fff",
+          fillOpacity: 1,
+        }}
+      />
+    </svg>
+  ),
+);
+FunctionBun.displayName = "FunctionBun";
+
+export { FunctionBun };
+export default FunctionBun;

package/src/components/FunctionBunMonochrome.tsx

@@ -0,0 +1,34 @@
+import type * as React from "react";
+import { forwardRef } from "react";
+export interface IconProps extends React.SVGProps<SVGSVGElement> {
+  /** Icon size in px (default: 16). Overrides width/height props. */
+  size?: number | string;
+}
+const FunctionBunMonochrome = forwardRef<SVGSVGElement, IconProps>(
+  ({ size = 16, width, height, ...props }, ref) => (
+    <svg
+      aria-hidden="true"
+      xmlns="http://www.w3.org/2000/svg"
+      width={width ?? size}
+      height={height ?? size}
+      fill="none"
+      strokeLinejoin="round"
+      viewBox="0 0 16 16"
+      ref={ref}
+      {...props}
+    >
+      <path
+        fill="currentColor"
+        d="M13.75 0A2.25 2.25 0 0 1 16 2.25V8h-1.5V2.25a.75.75 0 0 0-.75-.75H2.25a.75.75 0 0 0-.75.75v11.5c0 .414.336.75.75.75H8V16H2.25A2.25 2.25 0 0 1 0 13.75V2.25A2.25 2.25 0 0 1 2.25 0zM9.997 5h-.75c-.826 0-1.496.67-1.496 1.496V7H9.5v1.5H7.751v1.005A2.996 2.996 0 0 1 4.755 12.5h-.75V11h.75c.825 0 1.496-.67 1.496-1.495V8.5H4.5V7h1.751v-.504A2.996 2.996 0 0 1 9.247 3.5h.75z"
+      />
+      <path
+        fill="currentColor"
+        d="M12.49 15.582c1.928 0 3.49-1.262 3.49-2.818 0-.965-.598-1.817-1.518-2.323-.374-.208-.668-.394-.913-.55-.46-.292-.745-.473-1.059-.473-.319 0-.679.229-1.154.53q-.4.26-.819.493C9.599 10.947 9 11.8 9 12.764c0 1.556 1.563 2.818 3.49 2.818m-.407-5.2c.097-.221.146-.46.145-.702 0-.042.058-.054.066-.008.192.81-.262 1.21-.598 1.345-.036.014-.058-.035-.03-.06.178-.16.32-.357.417-.576m.598-.03a1.7 1.7 0 0 0-.227-.671v-.005c-.02-.036.025-.076.054-.05.57.614.38 1.183.161 1.47-.024.029-.067-.002-.055-.037.072-.229.095-.47.067-.707m.517-.164a1.7 1.7 0 0 0-.469-.525V9.66c-.033-.025-.007-.08.033-.063.755.316.807.924.715 1.281a.034.034 0 0 1-.038.026.03.03 0 0 1-.02-.013.04.04 0 0 1-.007-.024 1.7 1.7 0 0 0-.214-.678m-1.48.163c-.18.16-.373.222-.6.291-.034 0-.056-.022-.045-.052.51-.265.69-.48.872-.808 0 0 .045-.034.055.024 0 .089-.102.387-.282.546m1.438 3.269a.86.86 0 0 1-.272.452.63.63 0 0 1-.374.18.63.63 0 0 1-.386-.18.86.86 0 0 1-.27-.452.07.07 0 0 1 .02-.058.1.1 0 0 1 .025-.016q.015-.006.03-.004h1.154a.066.066 0 0 1 .07.047.1.1 0 0 1 .003.03m-1.587-.633a.54.54 0 0 1-.693-.071.574.574 0 0 1-.068-.712.55.55 0 0 1 .247-.208.54.54 0 0 1 .598.123.577.577 0 0 1-.084.868m2.47.001a.54.54 0 0 1-.692-.073.57.57 0 0 1 .181-.919.535.535 0 0 1 .6.124.57.57 0 0 1 .116.616.56.56 0 0 1-.204.252"
+      />
+    </svg>
+  ),
+);
+FunctionBunMonochrome.displayName = "FunctionBunMonochrome";
+
+export { FunctionBunMonochrome };
+export default FunctionBunMonochrome;

package/src/components/FunctionEdge.tsx

@@ -0,0 +1,38 @@
+import type * as React from "react";
+import { forwardRef } from "react";
+export interface IconProps extends React.SVGProps<SVGSVGElement> {
+  /** Icon size in px (default: 16). Overrides width/height props. */
+  size?: number | string;
+}
+const FunctionEdge = forwardRef<SVGSVGElement, IconProps>(
+  ({ size = 16, width, height, ...props }, ref) => (
+    <svg
+      aria-hidden="true"
+      xmlns="http://www.w3.org/2000/svg"
+      width={width ?? size}
+      height={height ?? size}
+      fill="none"
+      strokeLinejoin="round"
+      viewBox="0 0 16 16"
+      ref={ref}
+      {...props}
+    >
+      <path
+        fill="currentColor"
+        fillRule="evenodd"
+        d="M0 2.25A2.25 2.25 0 0 1 2.25 0h11.5A2.25 2.25 0 0 1 16 2.25V8h-1.5V2.25a.75.75 0 0 0-.75-.75H2.25a.75.75 0 0 0-.75.75v11.5c0 .414.336.75.75.75H8V16H2.25A2.25 2.25 0 0 1 0 13.75zM9.246 5C8.42 5 7.75 5.67 7.75 6.496V7H9.5v1.5H7.75v1.004A2.996 2.996 0 0 1 4.754 12.5h-.75V11h.75c.826 0 1.496-.67 1.496-1.496V8.5H4.5V7h1.75v-.504A2.996 2.996 0 0 1 9.246 3.5h.75V5z"
+        clipRule="evenodd"
+      />
+      <path
+        fill="currentColor"
+        fillRule="evenodd"
+        d="M11.5 11.875c0-.207.168-.375.375-.375H16V10h-4.125a1.875 1.875 0 0 0-1.5 3 1.875 1.875 0 0 0 1.5 3H16v-1.5h-4.125a.375.375 0 0 1 0-.75H15v-1.5h-3.125a.375.375 0 0 1-.375-.375"
+        clipRule="evenodd"
+      />
+    </svg>
+  ),
+);
+FunctionEdge.displayName = "FunctionEdge";
+
+export { FunctionEdge };
+export default FunctionEdge;

package/src/components/FunctionEdgeColor.tsx

@@ -0,0 +1,38 @@
+import type * as React from "react";
+import { forwardRef } from "react";
+export interface IconProps extends React.SVGProps<SVGSVGElement> {
+  /** Icon size in px (default: 16). Overrides width/height props. */
+  size?: number | string;
+}
+const FunctionEdgeColor = forwardRef<SVGSVGElement, IconProps>(
+  ({ size = 16, width, height, ...props }, ref) => (
+    <svg
+      aria-hidden="true"
+      xmlns="http://www.w3.org/2000/svg"
+      width={width ?? size}
+      height={height ?? size}
+      fill="none"
+      strokeLinejoin="round"
+      viewBox="0 0 16 16"
+      ref={ref}
+      {...props}
+    >
+      <path
+        fill="currentColor"
+        fillRule="evenodd"
+        d="M0 2.25A2.25 2.25 0 0 1 2.25 0h11.5A2.25 2.25 0 0 1 16 2.25V8h-1.5V2.25a.75.75 0 0 0-.75-.75H2.25a.75.75 0 0 0-.75.75v11.5c0 .414.336.75.75.75H8V16H2.25A2.25 2.25 0 0 1 0 13.75zM9.246 5C8.42 5 7.75 5.67 7.75 6.496V7H9.5v1.5H7.75v1.004A2.996 2.996 0 0 1 4.754 12.5h-.75V11h.75c.826 0 1.496-.67 1.496-1.496V8.5H4.5V7h1.75v-.504A2.996 2.996 0 0 1 9.246 3.5h.75V5z"
+        clipRule="evenodd"
+      />
+      <path
+        fill="var(--ds-purple-700)"
+        fillRule="evenodd"
+        d="M11.5 11.875c0-.207.168-.375.375-.375H16V10h-4.125a1.875 1.875 0 0 0-1.5 3 1.875 1.875 0 0 0 1.5 3H16v-1.5h-4.125a.375.375 0 0 1 0-.75H15v-1.5h-3.125a.375.375 0 0 1-.375-.375"
+        clipRule="evenodd"
+      />
+    </svg>
+  ),
+);
+FunctionEdgeColor.displayName = "FunctionEdgeColor";
+
+export { FunctionEdgeColor };
+export default FunctionEdgeColor;

package/src/components/FunctionGo.tsx

@@ -0,0 +1,36 @@
+import type * as React from "react";
+import { forwardRef } from "react";
+export interface IconProps extends React.SVGProps<SVGSVGElement> {
+  /** Icon size in px (default: 16). Overrides width/height props. */
+  size?: number | string;
+}
+const FunctionGo = forwardRef<SVGSVGElement, IconProps>(
+  ({ size = 16, width, height, ...props }, ref) => (
+    <svg
+      aria-hidden="true"
+      xmlns="http://www.w3.org/2000/svg"
+      width={width ?? size}
+      height={height ?? size}
+      fill="none"
+      strokeLinejoin="round"
+      viewBox="0 0 16 16"
+      ref={ref}
+      {...props}
+    >
+      <path
+        fill="#00ACD7"
+        d="M15.722 11.14c-.53.142-.893.248-1.415.389-.126.035-.134.044-.244-.088-.126-.15-.219-.247-.396-.336-.53-.273-1.044-.194-1.524.133-.573.388-.867.961-.859 1.676.008.705.472 1.287 1.137 1.385.573.079 1.053-.133 1.432-.583.075-.097.143-.202.227-.326h-1.625c-.177 0-.22-.115-.16-.265.11-.273.311-.732.43-.961.024-.053.083-.141.21-.141H16c-.017.238-.017.476-.05.714a3.86 3.86 0 0 1-.691 1.73c-.606.837-1.398 1.358-2.4 1.499-.825.114-1.592-.053-2.265-.582-.624-.494-.977-1.147-1.07-1.959-.11-.961.16-1.826.716-2.584.598-.82 1.39-1.341 2.358-1.526.791-.15 1.55-.053 2.231.432.447.309.767.732.977 1.244.05.08.017.123-.084.15"
+      />
+      <path
+        fill="currentColor"
+        fillRule="evenodd"
+        d="M0 2.25A2.25 2.25 0 0 1 2.25 0h11.5A2.25 2.25 0 0 1 16 2.25V8h-1.5V2.25a.75.75 0 0 0-.75-.75H2.25a.75.75 0 0 0-.75.75v11.5c0 .414.336.75.75.75H8V16H2.25A2.25 2.25 0 0 1 0 13.75zm6.25 4.246A2.996 2.996 0 0 1 9.246 3.5h.75V5h-.75C8.42 5 7.75 5.67 7.75 6.496V7H9.5v1.5H7.75v1.004A2.996 2.996 0 0 1 4.754 12.5h-.75V11h.75c.826 0 1.496-.67 1.496-1.496V8.5H4.5V7h1.75z"
+        clipRule="evenodd"
+      />
+    </svg>
+  ),
+);
+FunctionGo.displayName = "FunctionGo";
+
+export { FunctionGo };
+export default FunctionGo;

package/src/components/FunctionMiddleware.tsx

@@ -0,0 +1,39 @@
+import type * as React from "react";
+import { forwardRef } from "react";
+export interface IconProps extends React.SVGProps<SVGSVGElement> {
+  /** Icon size in px (default: 16). Overrides width/height props. */
+  size?: number | string;
+}
+const FunctionMiddleware = forwardRef<SVGSVGElement, IconProps>(
+  ({ size = 16, width, height, ...props }, ref) => (
+    <svg
+      aria-hidden="true"
+      xmlns="http://www.w3.org/2000/svg"
+      width={width ?? size}
+      height={height ?? size}
+      fill="none"
+      strokeLinejoin="round"
+      viewBox="0 0 16 16"
+      ref={ref}
+      {...props}
+    >
+      <g clipPath="url(#clip0_53_135_R_1eidkslubquiuq6ivb_)">
+        <path
+          fill="currentColor"
+          fillRule="evenodd"
+          d="M2.25 0A2.25 2.25 0 0 0 0 2.25v11.5A2.25 2.25 0 0 0 2.25 16h11.5A2.25 2.25 0 0 0 16 13.75V2.25A2.25 2.25 0 0 0 13.75 0zM1.5 2.25a.75.75 0 0 1 .75-.75h11.5a.75.75 0 0 1 .75.75v11.5a.75.75 0 0 1-.75.75H2.25a.75.75 0 0 1-.75-.75zm4 7.75V7.125a.875.875 0 1 1 1.75 0v4.125h1.5V7.125a.875.875 0 1 1 1.75 0v4.125H12V7.125a2.375 2.375 0 0 0-4-1.732 2.37 2.37 0 0 0-2.5-.477V4.75H4v6.5h1.5V10"
+          clipRule="evenodd"
+        />
+      </g>
+      <defs>
+        <clipPath id="clip0_53_135_R_1eidkslubquiuq6ivb_">
+          <path fill="currentColor" d="M0 0h16v16H0z" />
+        </clipPath>
+      </defs>
+    </svg>
+  ),
+);
+FunctionMiddleware.displayName = "FunctionMiddleware";
+
+export { FunctionMiddleware };
+export default FunctionMiddleware;

package/src/components/FunctionN.tsx

@@ -0,0 +1,38 @@
+import type * as React from "react";
+import { forwardRef } from "react";
+export interface IconProps extends React.SVGProps<SVGSVGElement> {
+  /** Icon size in px (default: 16). Overrides width/height props. */
+  size?: number | string;
+}
+const FunctionN = forwardRef<SVGSVGElement, IconProps>(
+  ({ size = 16, width, height, ...props }, ref) => (
+    <svg
+      aria-hidden="true"
+      xmlns="http://www.w3.org/2000/svg"
+      width={width ?? size}
+      height={height ?? size}
+      fill="none"
+      strokeLinejoin="round"
+      viewBox="0 0 16 16"
+      ref={ref}
+      {...props}
+    >
+      <path
+        fill="var(--ds-gray-1000)"
+        fillRule="evenodd"
+        d="M12.25 9.5 16 16H8.5z"
+        clipRule="evenodd"
+      />
+      <path
+        fill="currentColor"
+        fillRule="evenodd"
+        d="M2.25 0A2.25 2.25 0 0 0 0 2.25v11.5A2.25 2.25 0 0 0 2.25 16H6v-1.5H2.25a.75.75 0 0 1-.75-.75V2.25a.75.75 0 0 1 .75-.75h11.5a.75.75 0 0 1 .75.75V9H16V2.25A2.25 2.25 0 0 0 13.75 0zm6.996 5C8.42 5 7.75 5.67 7.75 6.496V7H9.5v1.5H7.75v1.004A2.996 2.996 0 0 1 4.754 12.5h-.75V11h.75c.826 0 1.496-.67 1.496-1.496V8.5H4.5V7h1.75v-.504A2.996 2.996 0 0 1 9.246 3.5h.75V5z"
+        clipRule="evenodd"
+      />
+    </svg>
+  ),
+);
+FunctionN.displayName = "FunctionN";
+
+export { FunctionN };
+export default FunctionN;

package/src/components/FunctionNode.tsx

@@ -0,0 +1,56 @@
+import type * as React from "react";
+import { forwardRef } from "react";
+export interface IconProps extends React.SVGProps<SVGSVGElement> {
+  /** Icon size in px (default: 16). Overrides width/height props. */
+  size?: number | string;
+}
+const FunctionNode = forwardRef<SVGSVGElement, IconProps>(
+  ({ size = 16, width, height, ...props }, ref) => (
+    <svg
+      aria-hidden="true"
+      xmlns="http://www.w3.org/2000/svg"
+      width={width ?? size}
+      height={height ?? size}
+      fill="none"
+      strokeLinejoin="round"
+      viewBox="0 0 16 16"
+      ref={ref}
+      {...props}
+    >
+      <g clipPath="url(#clip0_1534_28976)">
+        <path
+          fill="transparent"
+          stroke="currentColor"
+          strokeWidth={1.5}
+          d="M15.25 8V2.25a1.5 1.5 0 0 0-1.5-1.5H2.25a1.5 1.5 0 0 0-1.5 1.5v11.5a1.5 1.5 0 0 0 1.5 1.5H8"
+          style={{
+            stroke: "currentColor",
+            strokeOpacity: 1,
+          }}
+        />
+        <path
+          stroke="currentColor"
+          strokeLinecap="square"
+          strokeWidth={1.5}
+          d="M9.246 4.25v0A2.246 2.246 0 0 0 7 6.496v3.008a2.246 2.246 0 0 1-2.246 2.246v0M5.25 7.75h3.5"
+          style={{
+            stroke: "currentColor",
+            strokeOpacity: 1,
+          }}
+        />
+        <path
+          fill="#46A758"
+          d="m13 9 3 1.75v3.5L13 16l-3-1.75v-3.5z"
+          style={{
+            fill: "color(display-p3 .2745 .6549 .3451)",
+            fillOpacity: 1,
+          }}
+        />
+      </g>
+    </svg>
+  ),
+);
+FunctionNode.displayName = "FunctionNode";
+
+export { FunctionNode };
+export default FunctionNode;

package/src/components/FunctionPython.tsx

@@ -0,0 +1,47 @@
+import type * as React from "react";
+import { forwardRef } from "react";
+export interface IconProps extends React.SVGProps<SVGSVGElement> {
+  /** Icon size in px (default: 16). Overrides width/height props. */
+  size?: number | string;
+}
+const FunctionPython = forwardRef<SVGSVGElement, IconProps>(
+  ({ size = 16, width, height, ...props }, ref) => (
+    <svg
+      aria-hidden="true"
+      xmlns="http://www.w3.org/2000/svg"
+      width={width ?? size}
+      height={height ?? size}
+      fill="none"
+      strokeLinejoin="round"
+      viewBox="0 0 16 16"
+      ref={ref}
+      {...props}
+    >
+      <g clipPath="url(#clip0_351_605)">
+        <path
+          fill="currentColor"
+          fillRule="evenodd"
+          d="M0 2.25A2.25 2.25 0 0 1 2.25 0h11.5A2.25 2.25 0 0 1 16 2.25V8h-1.5V2.25a.75.75 0 0 0-.75-.75H2.25a.75.75 0 0 0-.75.75v11.5c0 .414.336.75.75.75H8V16H2.25A2.25 2.25 0 0 1 0 13.75zm6.25 4.246A2.996 2.996 0 0 1 9.246 3.5h.75V5h-.75C8.42 5 7.75 5.67 7.75 6.496V7H9.5v1.5H7.75v1.004A2.996 2.996 0 0 1 4.754 12.5h-.75V11h.75c.826 0 1.496-.67 1.496-1.496V8.5H4.5V7h1.75z"
+          clipRule="evenodd"
+        />
+        <path
+          fill="#FFC700"
+          d="M14 15a1 1 0 0 1-1 1h-.5a1 1 0 0 1-1-1v-1.5a1 1 0 0 1 1-1 1 1 0 0 0 1-1V11h.75a1.75 1.75 0 1 1 0 3.5H14z"
+        />
+        <path
+          fill="#338ED8"
+          d="M11 10a1 1 0 0 1 1-1h.5a1 1 0 0 1 1 1v1.5a1 1 0 0 1-1 1 1 1 0 0 0-1 1v.5h-.75a1.75 1.75 0 1 1 0-3.5H11z"
+        />
+      </g>
+      <defs>
+        <clipPath id="clip0_351_605">
+          <path fill="#fff" d="M0 0h16v16H0z" />
+        </clipPath>
+      </defs>
+    </svg>
+  ),
+);
+FunctionPython.displayName = "FunctionPython";
+
+export { FunctionPython };
+export default FunctionPython;