@nebutra/icons 0.1.0

package/src/components/LogoNewRelic.tsx

@@ -0,0 +1,50 @@
+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 LogoNewRelic = 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="#00AC69"
+        d="M12.261 5.539v4.922l-4.262 2.462V16l6.928-4V4z"
+        style={{
+          fill: "color(display-p3 0 .6745 .4118)",
+          fillOpacity: 1,
+        }}
+      />
+      <path
+        fill="#1CE783"
+        d="m7.999 3.078 4.262 2.46L14.928 4l-6.93-4L1.07 4l2.665 1.539z"
+        style={{
+          fill: "color(display-p3 .1098 .9059 .5137)",
+          fillOpacity: 1,
+        }}
+      />
+      <path
+        fill="#1D252C"
+        d="M5.334 9.54v4.922L7.999 16V8L1.07 4v3.078z"
+        style={{
+          fill: "color(display-p3 .1137 .1451 .1725)",
+          fillOpacity: 1,
+        }}
+      />
+    </svg>
+  ),
+);
+LogoNewRelic.displayName = "LogoNewRelic";
+
+export { LogoNewRelic };
+export default LogoNewRelic;

package/src/components/LogoNext.tsx

@@ -0,0 +1,75 @@
+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 LogoNext = 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_108)">
+        <circle
+          cx={8}
+          cy={8}
+          r={7.375}
+          fill="#000"
+          stroke="var(--ds-gray-1000)"
+          strokeLinecap="round"
+        />
+        <path
+          stroke="url(#paint0_linear_53_108_R_1eik6slubquiuq6ivb_)"
+          strokeMiterlimit={Math.SQRT2}
+          d="M10.63 11V5"
+        />
+        <path
+          fill="url(#paint1_linear_53_108_R_1eik6slubquiuq6ivb_)"
+          fillRule="evenodd"
+          d="M5.995 5h-1.25v6h1.25V6.968l6.366 7.74q.527-.344.992-.763z"
+        />
+      </g>
+      <defs>
+        <linearGradient
+          id="paint0_linear_53_108_R_1eik6slubquiuq6ivb_"
+          x1={11.13}
+          x2={11.13}
+          y1={5}
+          y2={11}
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor="#fff" />
+          <stop offset={0.609} stopColor="#fff" stopOpacity={0.57} />
+          <stop offset={0.797} stopColor="#fff" stopOpacity={0} />
+          <stop offset={1} stopColor="#fff" stopOpacity={0} />
+        </linearGradient>
+        <linearGradient
+          id="paint1_linear_53_108_R_1eik6slubquiuq6ivb_"
+          x1={9.938}
+          x2={13.557}
+          y1={9.063}
+          y2={13.399}
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor="#fff" />
+          <stop offset={1} stopColor="#fff" stopOpacity={0} />
+        </linearGradient>
+        <clipPath id="clip0_53_108">
+          <path fill="red" d="M0 0h16v16H0z" />
+        </clipPath>
+      </defs>
+    </svg>
+  ),
+);
+LogoNext.displayName = "LogoNext";
+
+export { LogoNext };
+export default LogoNext;

package/src/components/LogoNode.tsx

@@ -0,0 +1,129 @@
+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 LogoNode = 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}
+    >
+      <mask
+        id="mask0_872_3158"
+        width={14}
+        height={16}
+        x={1}
+        y={0}
+        maskUnits="userSpaceOnUse"
+        style={{
+          maskType: "luminance",
+        }}
+      >
+        <path
+          fill="#fff"
+          d="m7.623.101-6.246 3.62A.76.76 0 0 0 1 4.377v7.244c0 .27.143.52.377.655L7.624 15.9a.75.75 0 0 0 .754 0l6.245-3.623a.76.76 0 0 0 .377-.655V4.377c0-.27-.144-.52-.378-.656L8.378.1a.76.76 0 0 0-.756 0"
+        />
+      </mask>
+      <g mask="url(#mask0_872_3158)">
+        <path
+          fill="url(#paint0_linear_872_3158)"
+          d="m21.312 3.106-17.6-8.661-9.024 18.483 17.6 8.661z"
+        />
+      </g>
+      <mask
+        id="mask1_872_3158"
+        width={14}
+        height={16}
+        x={1}
+        y={0}
+        maskUnits="userSpaceOnUse"
+        style={{
+          maskType: "luminance",
+        }}
+      >
+        <path
+          fill="#fff"
+          d="M1.155 12.08c.06.078.134.146.222.196l5.358 3.108.892.515a.76.76 0 0 0 .583.071l6.588-12.11a.8.8 0 0 0-.176-.14l-4.09-2.37L8.372.1a.8.8 0 0 0-.196-.079z"
+        />
+      </mask>
+      <g mask="url(#mask1_872_3158)">
+        <path
+          fill="url(#paint1_linear_872_3158)"
+          d="M-6.455 5.668 5.972 22.555l16.435-12.191L9.98-6.523z"
+        />
+      </g>
+      <mask
+        id="mask2_872_3158"
+        width={14}
+        height={16}
+        x={1}
+        y={0}
+        maskUnits="userSpaceOnUse"
+        style={{
+          maskType: "luminance",
+        }}
+      >
+        <path
+          fill="#fff"
+          d="M7.925.004a.8.8 0 0 0-.302.097l-6.228 3.61 6.716 12.28a.8.8 0 0 0 .268-.092l6.246-3.623a.76.76 0 0 0 .365-.517L8.144.017a.8.8 0 0 0-.215-.013"
+        />
+      </mask>
+      <g mask="url(#mask2_872_3158)">
+        <path fill="url(#paint2_linear_872_3158)" d="M1.395.001v15.99h13.592V.002z" />
+      </g>
+      <defs>
+        <linearGradient
+          id="paint0_linear_872_3158"
+          x1={12.506}
+          x2={3.425}
+          y1={-1.238}
+          y2={17.215}
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop offset={0.3} stopColor="#3E863D" />
+          <stop offset={0.5} stopColor="#55934F" />
+          <stop offset={0.8} stopColor="#5AAD45" />
+        </linearGradient>
+        <linearGradient
+          id="paint1_linear_872_3158"
+          x1={-0.167}
+          x2={16.316}
+          y1={14.208}
+          y2={2.079}
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop offset={0.57} stopColor="#3E863D" />
+          <stop offset={0.72} stopColor="#619857" />
+          <stop offset={1} stopColor="#76AC64" />
+        </linearGradient>
+        <linearGradient
+          id="paint2_linear_872_3158"
+          x1={1.4}
+          x2={14.99}
+          y1={7.997}
+          y2={7.997}
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop offset={0.16} stopColor="#6BBF47" />
+          <stop offset={0.38} stopColor="#79B461" />
+          <stop offset={0.47} stopColor="#75AC64" />
+          <stop offset={0.7} stopColor="#659E5A" />
+          <stop offset={0.9} stopColor="#3E863D" />
+        </linearGradient>
+      </defs>
+    </svg>
+  ),
+);
+LogoNode.displayName = "LogoNode";
+
+export { LogoNode };
+export default LogoNode;

package/src/components/LogoNuxt.tsx

@@ -0,0 +1,30 @@
+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 LogoNuxt = 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="#00DC82"
+        d="M8.976 13.333h5.948a1.08 1.08 0 0 0 .932-.533 1.06 1.06 0 0 0 0-1.067L11.86 4.876a1.07 1.07 0 0 0-.932-.533 1.08 1.08 0 0 0-.931.533L8.976 6.631 6.98 3.2a1.07 1.07 0 0 0-.932-.533 1.08 1.08 0 0 0-.932.533l-4.97 8.533a1.06 1.06 0 0 0 .393 1.457c.163.094.35.143.538.143H4.81c1.479 0 2.57-.644 3.32-1.9l1.823-3.128.976-1.674 2.93 5.028H9.953zM4.75 11.658l-2.606-.001L6.05 4.953l1.949 3.352-1.305 2.24c-.499.816-1.065 1.113-1.944 1.113"
+      />
+    </svg>
+  ),
+);
+LogoNuxt.displayName = "LogoNuxt";
+
+export { LogoNuxt };
+export default LogoNuxt;

package/src/components/LogoOpenAi.tsx

@@ -0,0 +1,30 @@
+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 LogoOpenAi = 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="M14.945 6.549a3.94 3.94 0 0 0-.347-3.274 4.11 4.11 0 0 0-4.4-1.934A4.07 4.07 0 0 0 7.15 0C5.375-.005 3.8 1.123 3.253 2.79A4.04 4.04 0 0 0 .552 4.725a3.99 3.99 0 0 0 .503 4.727 3.94 3.94 0 0 0 .347 3.274 4.11 4.11 0 0 0 4.4 1.934A4.06 4.06 0 0 0 8.849 16c1.777.004 3.352-1.125 3.899-2.793a4.04 4.04 0 0 0 2.701-1.934 3.99 3.99 0 0 0-.504-4.725M8.85 14.954c-.71.001-1.4-.244-1.945-.694.025-.013.068-.036.095-.053l3.23-1.84a.52.52 0 0 0 .265-.454V7.422l1.365.777a.05.05 0 0 1 .026.037v3.72c-.002 1.654-1.36 2.995-3.036 2.998m-6.529-2.751a2.95 2.95 0 0 1-.362-2.01l.096.057 3.229 1.84a.53.53 0 0 0 .53 0l3.942-2.246V11.4a.05.05 0 0 1-.02.042L6.474 13.3c-1.454.825-3.31.334-4.151-1.098m-.85-6.955a3.02 3.02 0 0 1 1.582-1.314l-.001.11v3.68c-.001.187.1.36.265.453l3.941 2.246-1.364.777a.05.05 0 0 1-.046.004l-3.265-1.86a2.98 2.98 0 0 1-1.112-4.095m11.212 2.575L8.742 5.577l1.364-.777a.05.05 0 0 1 .046-.004l3.265 1.86a2.98 2.98 0 0 1 1.111 4.096 3.03 3.03 0 0 1-1.58 1.314v-3.79a.52.52 0 0 0-.264-.453m1.358-2.017-.095-.057-3.23-1.84a.53.53 0 0 0-.53 0L6.244 6.155V4.6a.05.05 0 0 1 .02-.041L9.528 2.7c1.453-.828 3.312-.335 4.15 1.1.354.606.482 1.315.362 2.005zM5.503 8.577 4.137 7.8a.05.05 0 0 1-.026-.037v-3.72c.001-1.656 1.363-2.998 3.041-2.997.71 0 1.397.246 1.943.694l-.096.054-3.229 1.84a.52.52 0 0 0-.265.453zM6.243 7 8 6l1.756 1v2L8 10 6.244 9z"
+      />
+    </svg>
+  ),
+);
+LogoOpenAi.displayName = "LogoOpenAi";
+
+export { LogoOpenAi };
+export default LogoOpenAi;

package/src/components/LogoOpenfeature.tsx

@@ -0,0 +1,30 @@
+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 LogoOpenfeature = 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="M10.439 12.156H5.56a4.44 4.44 0 0 1-3.07-1.217A4.07 4.07 0 0 1 1.219 8c0-1.102.457-2.16 1.272-2.939a4.44 4.44 0 0 1 3.07-1.217h4.878c1.151 0 2.256.438 3.07 1.217A4.07 4.07 0 0 1 14.781 8c0 1.102-.457 2.16-1.272 2.939a4.44 4.44 0 0 1-3.07 1.217m.019-7.218c-.633 0-1.252.18-1.778.516a3.1 3.1 0 0 0-1.178 1.374 2.94 2.94 0 0 0-.182 1.77c.124.593.428 1.139.876 1.567.447.428 1.017.72 1.638.838.62.118 1.263.057 1.848-.174A3.17 3.17 0 0 0 13.117 9.7a2.947 2.947 0 0 0 .295-2.874 3.1 3.1 0 0 0-.694-.995 3.2 3.2 0 0 0-1.04-.663 3.3 3.3 0 0 0-1.227-.23z"
+      />
+    </svg>
+  ),
+);
+LogoOpenfeature.displayName = "LogoOpenfeature";
+
+export { LogoOpenfeature };
+export default LogoOpenfeature;

package/src/components/LogoOptimizely.tsx

@@ -0,0 +1,46 @@
+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 LogoOptimizely = 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="#3BE081"
+        d="M5.54 8.651v1.592c1.212 0 2.37-.47 3.238-1.302a4.31 4.31 0 0 0 1.338-3.13H8.47c0 .76-.307 1.484-.868 2.008-.524.525-1.284.832-2.062.832"
+      />
+      <path
+        fill="#0037FF"
+        d="M5.54 13.029c-.778 0-1.52-.29-2.062-.832a2.78 2.78 0 0 1-.85-1.99c0-.742.307-1.465.85-1.99a2.98 2.98 0 0 1 2.062-.832V5.812a4.7 4.7 0 0 0-1.736.325 4.6 4.6 0 0 0-1.484.959c-.434.416-.76.886-.994 1.429a4.2 4.2 0 0 0-.344 1.682c0 .579.108 1.157.344 1.682.235.543.56 1.013.976 1.429s.923.742 1.465.959c.543.217 1.14.343 1.737.343h.018V13.03z"
+      />
+      <path
+        fill="#0CF"
+        d="M5.54 13.028v1.574c1.212 0 2.351-.47 3.202-1.284a4.34 4.34 0 0 0 1.338-3.111H8.452a2.78 2.78 0 0 1-.85 1.99 2.98 2.98 0 0 1-2.062.831"
+      />
+      <path
+        fill="#861DFF"
+        d="M5.54 4.22v1.573c1.212 0 2.351-.47 3.202-1.284.85-.832 1.338-1.953 1.338-3.111H8.452a2.78 2.78 0 0 1-.85 1.99 2.9 2.9 0 0 1-2.062.832"
+      />
+      <path
+        fill="#FF8110"
+        d="M10.46 4.455v1.573c1.212 0 2.351-.47 3.201-1.284C14.512 3.912 15 2.79 15 1.633h-1.628a2.78 2.78 0 0 1-.85 1.99 3 3 0 0 1-2.062.832"
+      />
+    </svg>
+  ),
+);
+LogoOptimizely.displayName = "LogoOptimizely";
+
+export { LogoOptimizely };
+export default LogoOptimizely;

package/src/components/LogoOptimizelyMonochrome.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 LogoOptimizelyMonochrome = 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="M5.706 8.632v1.624c1.234 0 2.42-.477 3.295-1.323a4.46 4.46 0 0 0 1.371-3.198H8.7c0 .768-.32 1.507-.875 2.051a3.09 3.09 0 0 1-2.12.846"
+      />
+      <path
+        fill="currentColor"
+        d="M5.705 13.104a3 3 0 0 1-2.1-.846 2.87 2.87 0 0 1-.875-2.041c0-.768.311-1.498.875-2.042a3 3 0 0 1 2.1-.846V5.715A4.74 4.74 0 0 0 2.43 7.028a4.6 4.6 0 0 0-1.011 1.458 4.55 4.55 0 0 0-.36 1.721c0 .593.117 1.176.35 1.72.233.545.574 1.041 1.001 1.46.428.417.944.748 1.507.971.564.224 1.167.34 1.77.34h.01v-1.594zM5.706 13.104v1.614a4.73 4.73 0 0 0 3.276-1.312 4.43 4.43 0 0 0 1.361-3.18H8.681c0 .769-.312 1.498-.875 2.042a3.12 3.12 0 0 1-2.1.836M5.706 4.12v1.615a4.73 4.73 0 0 0 3.276-1.313 4.45 4.45 0 0 0 1.361-3.179H8.681c0 .768-.312 1.497-.875 2.042a3.07 3.07 0 0 1-2.1.836M10.362 4.12v1.615a4.73 4.73 0 0 0 3.277-1.313 4.45 4.45 0 0 0 1.36-3.179h-1.662c0 .768-.31 1.497-.875 2.042a3.06 3.06 0 0 1-2.1.836"
+      />
+    </svg>
+  ),
+);
+LogoOptimizelyMonochrome.displayName = "LogoOptimizelyMonochrome";
+
+export { LogoOptimizelyMonochrome };
+export default LogoOptimizelyMonochrome;

package/src/components/LogoPosthog.tsx

@@ -0,0 +1,46 @@
+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 LogoPosthog = 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="#1D4AFF"
+        d="M3.485 8.706a.32.32 0 0 1-.572 0l-.282-.564a.32.32 0 0 1 0-.286l.282-.564a.32.32 0 0 1 .572 0l.282.564a.32.32 0 0 1 0 .286zm0 3.2a.32.32 0 0 1-.572 0l-.282-.565a.32.32 0 0 1 0-.286l.282-.564a.32.32 0 0 1 .572 0l.282.564a.32.32 0 0 1 0 .286z"
+      />
+      <path
+        fill="#F9BD2B"
+        d="M0 10.69a.32.32 0 0 1 .546-.226l1.467 1.467a.32.32 0 0 1-.226.546H.32a.32.32 0 0 1-.32-.32zm0-1.544a.32.32 0 0 0 .094.226l3.011 3.011a.32.32 0 0 0 .227.094h1.654a.32.32 0 0 0 .226-.546L.546 7.265A.32.32 0 0 0 0 7.491zm0-3.2a.32.32 0 0 0 .094.227l6.21 6.21a.32.32 0 0 0 .227.094h1.654a.32.32 0 0 0 .226-.546L.546 4.066A.32.32 0 0 0 0 4.292zm3.199 0a.32.32 0 0 0 .094.227L9.05 11.93a.32.32 0 0 0 .546-.226V10.05a.32.32 0 0 0-.094-.226L3.745 4.066a.32.32 0 0 0-.546.226zm3.745-1.88a.32.32 0 0 0-.546.226v1.654a.32.32 0 0 0 .094.227L9.05 8.732a.32.32 0 0 0 .546-.226V6.85a.32.32 0 0 0-.094-.226z"
+      />
+      <path
+        fill="#000"
+        d="m13.608 10.73-3.012-3.012a.32.32 0 0 0-.547.226v4.213c0 .177.144.32.32.32h4.666a.32.32 0 0 0 .32-.32v-.383c0-.177-.144-.318-.319-.341a2.47 2.47 0 0 1-1.428-.703m-2.023.724a.512.512 0 1 1 0-1.024.512.512 0 0 1 0 1.024"
+      />
+      <path
+        fill="#1D4AFF"
+        d="M0 12.157c0 .177.143.32.32.32h1.467a.32.32 0 0 0 .226-.546L.546 10.464A.32.32 0 0 0 0 10.69zM3.199 6.72.546 4.066A.32.32 0 0 0 0 4.292v1.654a.32.32 0 0 0 .094.227l3.105 3.105zm-2.653.546A.32.32 0 0 0 0 7.491v1.655a.32.32 0 0 0 .094.226l3.105 3.105v-2.56z"
+      />
+      <path
+        fill="#F54E00"
+        d="M6.398 6.851a.32.32 0 0 0-.093-.226l-2.56-2.559a.32.32 0 0 0-.546.226v1.654a.32.32 0 0 0 .094.227l3.105 3.105zM3.2 12.477h1.787a.32.32 0 0 0 .226-.546L3.2 9.918zm0-5.758v2.427a.32.32 0 0 0 .094.226l3.105 3.105V10.05a.32.32 0 0 0-.093-.226z"
+      />
+    </svg>
+  ),
+);
+LogoPosthog.displayName = "LogoPosthog";
+
+export { LogoPosthog };
+export default LogoPosthog;

package/src/components/LogoPosthogMonochrome.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 LogoPosthogMonochrome = 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="M3.485 8.617c-.117.207-.454.207-.572 0l-.282-.493a.25.25 0 0 1 0-.25l.282-.494c.118-.207.455-.207.572 0l.282.493a.25.25 0 0 1 0 .25zm0 2.8c-.117.206-.454.206-.572 0l-.282-.494a.25.25 0 0 1 0-.25l.282-.494c.118-.206.455-.206.572 0l.282.494a.25.25 0 0 1 0 .25z"
+      />
+      <path
+        fill="currentColor"
+        d="M0 10.355c0-.25.345-.375.546-.199l1.467 1.284c.202.176.059.478-.226.478H.32c-.177 0-.32-.125-.32-.28zm0-1.352c0 .074.034.145.094.198l3.011 2.635c.06.052.142.082.227.082h1.654c.285 0 .428-.302.226-.478L.546 7.357C.345 7.181 0 7.306 0 7.555zm0-2.8c0 .075.034.146.094.199l6.21 5.434c.06.052.142.082.227.082h1.654c.285 0 .428-.302.226-.478L.546 4.558C.345 4.382 0 4.507 0 4.756zm3.199 0c0 .075.034.146.094.199L9.05 11.44c.201.176.546.051.546-.198V9.794a.26.26 0 0 0-.094-.198L3.745 4.558c-.201-.176-.546-.051-.546.198zm3.745-1.645c-.201-.176-.546-.051-.546.198v1.448c0 .074.034.145.094.198L9.05 8.64c.201.176.546.051.546-.198V6.995a.26.26 0 0 0-.094-.198zM13.608 10.389l-3.012-2.636c-.202-.176-.547-.051-.547.198v3.687c0 .154.144.28.32.28h4.666c.177 0 .32-.126.32-.28v-.336c0-.155-.144-.278-.319-.298a2.6 2.6 0 0 1-1.428-.615m-2.023.633c-.283 0-.512-.2-.512-.448 0-.247.23-.448.512-.448s.512.2.512.448c0 .247-.23.448-.512.448"
+      />
+      <path
+        fill="currentColor"
+        d="M0 11.638c0 .155.143.28.32.28h1.467c.285 0 .428-.302.226-.478L.546 10.157C.345 9.98 0 10.105 0 10.353zm3.199-4.759L.546 4.56C.345 4.381 0 4.506 0 4.755v1.448c0 .074.034.145.094.198l3.105 2.717zm-2.653.478C.345 7.181 0 7.306 0 7.555v1.448c0 .074.034.145.094.198l3.105 2.717v-2.24zM6.398 6.995a.26.26 0 0 0-.093-.198l-2.56-2.239c-.201-.176-.546-.051-.546.198v1.448c0 .074.034.145.094.198l3.105 2.717zM3.2 11.918h1.787c.285 0 .428-.302.226-.478L3.2 9.678zm0-5.039v2.124c0 .074.034.145.094.198l3.105 2.717V9.794a.26.26 0 0 0-.093-.198z"
+      />
+    </svg>
+  ),
+);
+LogoPosthogMonochrome.displayName = "LogoPosthogMonochrome";
+
+export { LogoPosthogMonochrome };
+export default LogoPosthogMonochrome;

package/src/components/LogoPython.tsx

@@ -0,0 +1,58 @@
+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 LogoPython = 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="url(#paint0_linear_872_3163)"
+        d="M7.905 0c-.66.003-1.29.059-1.844.156-1.634.285-1.93.883-1.93 1.984v1.455h3.86v.485H2.682C1.56 4.08.579 4.747.272 6.015c-.355 1.454-.37 2.361 0 3.88.274 1.13.93 1.935 2.05 1.935H3.65v-1.744c0-1.26 1.102-2.372 2.41-2.372h3.855c1.073 0 1.93-.873 1.93-1.94V2.14c0-1.034-.882-1.812-1.93-1.984-.663-.11-1.35-.159-2.01-.156M5.818 1.17a.728.728 0 0 1 0 1.455.727.727 0 0 1 0-1.455"
+      />
+      <path
+        fill="url(#paint1_linear_872_3163)"
+        d="M12.326 4.08v1.695c0 1.314-1.126 2.42-2.41 2.42H6.06c-1.055 0-1.93.894-1.93 1.94v3.634c0 1.035.91 1.643 1.93 1.94 1.222.355 2.394.42 3.855 0 .972-.278 1.93-.838 1.93-1.94v-1.454H7.99v-.485h5.785c1.121 0 1.54-.774 1.93-1.936.402-1.195.385-2.345 0-3.88-.278-1.103-.807-1.934-1.93-1.934zm-2.168 9.204a.727.727 0 0 1 0 1.455.728.728 0 0 1 0-1.455"
+      />
+      <defs>
+        <linearGradient
+          id="paint0_linear_872_3163"
+          x1={0}
+          x2={8.817}
+          y1={0}
+          y2={7.596}
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor="#5A9FD4" />
+          <stop offset={1} stopColor="#306998" />
+        </linearGradient>
+        <linearGradient
+          id="paint1_linear_872_3163"
+          x1={10.065}
+          x2={6.919}
+          y1={13.887}
+          y2={9.43}
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor="#FFD43B" />
+          <stop offset={1} stopColor="#FFE873" />
+        </linearGradient>
+      </defs>
+    </svg>
+  ),
+);
+LogoPython.displayName = "LogoPython";
+
+export { LogoPython };
+export default LogoPython;

package/src/components/LogoPythonMonochrome.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 LogoPythonMonochrome = 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="M7.905 0c-.66.003-1.29.059-1.844.156-1.634.285-1.93.883-1.93 1.984v1.455h3.86v.485H2.682C1.56 4.08.579 4.747.272 6.015c-.355 1.454-.37 2.361 0 3.88.274 1.13.93 1.935 2.05 1.935H3.65v-1.744c0-1.26 1.102-2.372 2.41-2.372h3.855c1.073 0 1.93-.873 1.93-1.94V2.14c0-1.034-.882-1.812-1.93-1.984-.663-.11-1.35-.159-2.01-.156M5.818 1.17a.728.728 0 0 1 0 1.455.727.727 0 0 1 0-1.455"
+      />
+      <path
+        fill="currentColor"
+        d="M12.326 4.08v1.695c0 1.314-1.126 2.42-2.41 2.42H6.06c-1.055 0-1.93.894-1.93 1.94v3.634c0 1.035.91 1.643 1.93 1.94 1.222.355 2.394.42 3.855 0 .972-.278 1.93-.838 1.93-1.94v-1.454H7.99v-.485h5.785c1.121 0 1.54-.774 1.93-1.936.402-1.195.385-2.345 0-3.88-.278-1.103-.807-1.934-1.93-1.934zm-2.168 9.204a.727.727 0 0 1 0 1.455.728.728 0 0 1 0-1.455"
+      />
+    </svg>
+  ),
+);
+LogoPythonMonochrome.displayName = "LogoPythonMonochrome";
+
+export { LogoPythonMonochrome };
+export default LogoPythonMonochrome;

package/src/components/LogoReact.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 LogoReact = 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="#149ECA"
+        fillRule="evenodd"
+        d="M4.5 1.938c.201-.116.495-.152.913-.027.42.125.918.4 1.463.828q.203.16.41.344c-.424.451-.844.96-1.248 1.518-.686.072-1.336.18-1.939.322a9 9 0 0 1-.093-.526c-.099-.687-.088-1.256.014-1.682s.279-.661.48-.777m2.995.016q.251.197.505.427.255-.23.505-.427c.604-.476 1.215-.829 1.796-1.002.583-.174 1.183-.178 1.699.12s.812.82.953 1.411c.14.59.14 1.296.03 2.056q-.045.317-.117.651.326.105.623.224c.713.286 1.324.638 1.765 1.055.442.418.746.935.746 1.531s-.304 1.113-.746 1.531c-.44.417-1.051.77-1.765 1.055q-.297.119-.623.224.072.334.118.65c.11.761.11 1.467-.031 2.057-.141.591-.437 1.113-.953 1.411s-1.116.293-1.699.12c-.581-.174-1.192-.526-1.796-1.002A10 10 0 0 1 8 13.62q-.255.23-.505.427c-.604.476-1.215.829-1.796 1.002-.583.174-1.183.178-1.699-.12s-.812-.82-.953-1.411c-.14-.59-.14-1.296-.03-2.056q.045-.317.117-.651a10 10 0 0 1-.623-.224C1.798 10.3 1.187 9.948.746 9.53.304 9.113 0 8.596 0 8s.304-1.113.746-1.531c.44-.417 1.052-.77 1.765-1.055q.297-.119.623-.224a10 10 0 0 1-.118-.65c-.11-.761-.11-1.467.031-2.057.141-.591.437-1.113.953-1.411S5.116.778 5.699.952c.581.173 1.192.526 1.796 1.002M7.367 4.51q.316-.387.633-.726.317.338.633.726a20 20 0 0 0-1.266 0m1.347-1.427c.424.451.844.96 1.248 1.518.686.072 1.336.18 1.939.322q.055-.27.093-.526c.099-.687.088-1.256-.014-1.682s-.279-.661-.48-.777-.495-.152-.913-.027c-.42.125-.918.4-1.463.828a9 9 0 0 0-.41.344M8 5.5q.727 0 1.412.055A18 18 0 0 1 10.824 8a18 18 0 0 1-1.412 2.445 18 18 0 0 1-2.824 0A18 18 0 0 1 5.176 8a18 18 0 0 1 1.412-2.445Q7.273 5.5 8 5.5m3.031.75q.16.276.307.553.18-.467.314-.911-.452-.105-.946-.185.165.267.325.543m0 3.5q.16-.276.307-.553.18.467.314.911-.452.105-.946.185.165-.267.325-.543M11.925 8c.28.63.511 1.247.69 1.84q.263-.088.503-.183c.643-.257 1.13-.552 1.45-.853.316-.3.432-.572.432-.804s-.116-.504-.433-.804c-.318-.301-.806-.596-1.45-.853a9 9 0 0 0-.502-.183c-.179.593-.41 1.21-.69 1.84m-1.963 3.4a16 16 0 0 0 1.939-.323q.055.27.093.526c.099.687.088 1.256-.014 1.682s-.279.661-.48.777-.495.152-.913.027c-.42-.125-.918-.4-1.463-.828a9 9 0 0 1-.41-.344c.424-.451.844-.96 1.248-1.518m-1.33.09q-.315.387-.632.726a14 14 0 0 1-.633-.726 19 19 0 0 0 1.265 0M4.97 9.75q.16.276.325.543a14 14 0 0 1-.946-.185q.135-.444.314-.91.147.275.307.552m1.069 1.65a16 16 0 0 1-1.939-.323 9 9 0 0 0-.093.526c-.099.687-.088 1.256.014 1.682s.279.661.48.777.495.152.913.027c.42-.125.918-.4 1.463-.828q.203-.16.41-.344a16 16 0 0 1-1.248-1.518M4.075 8a16 16 0 0 0-.69 1.84 9 9 0 0 1-.503-.183c-.643-.257-1.13-.552-1.45-.853C1.117 8.504 1 8.232 1 8s.116-.504.433-.804c.318-.301.806-.596 1.45-.853q.239-.096.502-.183c.179.593.41 1.21.69 1.84m.587-1.197a14 14 0 0 1-.314-.911q.453-.105.946-.185a20 20 0 0 0-.632 1.096M9.25 8a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0"
+        clipRule="evenodd"
+      />
+    </svg>
+  ),
+);
+LogoReact.displayName = "LogoReact";
+
+export { LogoReact };
+export default LogoReact;