@nebutra/icons 0.1.0

package/src/components/LogoTwitter.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 LogoTwitter = 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="#449AEA"
+        d="M5.032 15c6.037 0 9.34-5.387 9.34-10.058 0-.153 0-.305-.01-.457A7 7 0 0 0 16 2.655c-.6.286-1.235.474-1.885.556a3.5 3.5 0 0 0 1.443-1.955 6.3 6.3 0 0 1-2.085.858 3.22 3.22 0 0 0-1.862-1.067 3.08 3.08 0 0 0-2.082.372 3.45 3.45 0 0 0-1.442 1.658 3.8 3.8 0 0 0-.208 2.261 8.8 8.8 0 0 1-3.747-1.072 9.5 9.5 0 0 1-3.018-2.621c-.42.778-.549 1.7-.36 2.576A3.55 3.55 0 0 0 2.13 6.364 3.1 3.1 0 0 1 .64 5.92v.045c0 .816.263 1.607.743 2.239a3.25 3.25 0 0 0 1.89 1.226 3.05 3.05 0 0 1-1.482.061c.21.702.619 1.317 1.168 1.757.55.44 1.214.684 1.9.698-1.163.984-2.6 1.518-4.078 1.516a6 6 0 0 1-.781-.05 8.8 8.8 0 0 0 5.032 1.584"
+      />
+    </svg>
+  ),
+);
+LogoTwitter.displayName = "LogoTwitter";
+
+export { LogoTwitter };
+export default LogoTwitter;

package/src/components/LogoTwitterX.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 LogoTwitterX = 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="M.5.5h5.25l3.734 5.21L14 .5h2l-5.61 6.474L16.5 15.5h-5.25l-3.734-5.21L3 15.5H1l5.61-6.474zM12.02 14 3.42 2h1.56l8.6 12z"
+        clipRule="evenodd"
+      />
+    </svg>
+  ),
+);
+LogoTwitterX.displayName = "LogoTwitterX";
+
+export { LogoTwitterX };
+export default LogoTwitterX;

package/src/components/LogoTwitterXSmall.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 LogoTwitterXSmall = 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.6 2h4.2l2.988 4.168L12.4 2H14L9.512 7.179 14.4 14h-4.2L7.213 9.832 3.6 14H2L6.49 8.821zm9.217 10.8-6.88-9.6h1.247l6.88 9.6z"
+        clipRule="evenodd"
+      />
+    </svg>
+  ),
+);
+LogoTwitterXSmall.displayName = "LogoTwitterXSmall";
+
+export { LogoTwitterXSmall };
+export default LogoTwitterXSmall;

package/src/components/LogoV0.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 LogoV0 = 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="M6.095 9.464v-3.94H7.62v5.024c0 .591-.48 1.071-1.071 1.071-.283 0-.562-.109-.762-.31L0 5.525h2.155zm9.905.631h-1.524V6.607l-3.488 3.488h3.488v1.524h-3.952A2.143 2.143 0 0 1 8.38 9.476V5.524h1.524v3.5l3.5-3.5h-3.5V4h3.952C15.041 4 16 4.96 16 6.143z"
+      />
+    </svg>
+  ),
+);
+LogoV0.displayName = "LogoV0";
+
+export { LogoV0 };
+export default LogoV0;

package/src/components/LogoVercel.tsx

@@ -0,0 +1,27 @@
+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 LogoVercel = 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 1 8 14H0z" clipRule="evenodd" />
+    </svg>
+  ),
+);
+LogoVercel.displayName = "LogoVercel";
+
+export { LogoVercel };
+export default LogoVercel;

package/src/components/LogoVercelApi.tsx

@@ -0,0 +1,42 @@
+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 LogoVercelApi = 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_872_3535)">
+        <path
+          fill="transparent"
+          fillRule="evenodd"
+          stroke="currentColor"
+          strokeDasharray="1.25 1.25"
+          strokeWidth={1.25}
+          d="m8 2 7 12.5H1z"
+          clipRule="evenodd"
+        />
+      </g>
+      <defs>
+        <clipPath id="clip0_872_3535">
+          <path fill="#fff" d="M0 0h16v16H0z" />
+        </clipPath>
+      </defs>
+    </svg>
+  ),
+);
+LogoVercelApi.displayName = "LogoVercelApi";
+
+export { LogoVercelApi };
+export default LogoVercelApi;

package/src/components/LogoVercelCircle.tsx

@@ -0,0 +1,48 @@
+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 LogoVercelCircle = 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_872_3186)">
+        <circle
+          cx={8}
+          cy={8}
+          r={7.25}
+          fill="currentColor"
+          stroke="currentColor"
+          strokeLinecap="round"
+          strokeWidth={1.5}
+        />
+        <path
+          fill="var(--ds-gray-100)"
+          fillRule="evenodd"
+          d="m8 4.5 3.5 6.125h-7z"
+          clipRule="evenodd"
+        />
+      </g>
+      <defs>
+        <clipPath id="clip0_872_3186">
+          <path fill="#fff" d="M0 0h16v16H0z" />
+        </clipPath>
+      </defs>
+    </svg>
+  ),
+);
+LogoVercelCircle.displayName = "LogoVercelCircle";
+
+export { LogoVercelCircle };
+export default LogoVercelCircle;

package/src/components/LogoVercelFill.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 LogoVercelFill = 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 1 0 15h16zm0 3.023L2.585 13.5h10.83z"
+        clipRule="evenodd"
+      />
+    </svg>
+  ),
+);
+LogoVercelFill.displayName = "LogoVercelFill";
+
+export { LogoVercelFill };
+export default LogoVercelFill;

package/src/components/LogoVisa.tsx

@@ -0,0 +1,71 @@
+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 LogoVisa = 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_4898_1862)">
+        <path
+          fill="#1434CB"
+          d="M0 0h16v16H0z"
+          style={{
+            fill: "color(display-p3 .0784 .2039 .7961)",
+            fillOpacity: 1,
+          }}
+        />
+        <path
+          fill="url(#paint0_linear_4898_1862)"
+          d="M9.708 4.444 7.86 9.22l-.77-4.063c-.103-.457-.462-.712-.821-.712H3.607l-.051.204c.616.152 1.079.304 1.49.508.127.064.234.177.299.66l1.334 5.74h1.899l2.978-7.112z"
+        />
+      </g>
+      <defs>
+        <linearGradient
+          id="paint0_linear_4898_1862"
+          x1={68.172}
+          x2={69.557}
+          y1={96.448}
+          y2={40.873}
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop
+            offset={1}
+            stopColor="#fff"
+            style={{
+              stopColor: "white",
+              stopOpacity: 1,
+            }}
+          />
+        </linearGradient>
+        <clipPath id="clip0_4898_1862">
+          <rect
+            width={16}
+            height={16}
+            fill="#fff"
+            rx={2}
+            style={{
+              fill: "#fff",
+              fillOpacity: 1,
+            }}
+          />
+        </clipPath>
+      </defs>
+    </svg>
+  ),
+);
+LogoVisa.displayName = "LogoVisa";
+
+export { LogoVisa };
+export default LogoVisa;

package/src/components/LogoVite.tsx

@@ -0,0 +1,64 @@
+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 LogoVite = 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_872_3154)">
+        <path
+          fill="url(#paint0_linear_872_3154__R_1eimaslubquiuq6ivb_)"
+          d="m15.596 2.323-7.18 12.84a.39.39 0 0 1-.68.003L.413 2.324a.39.39 0 0 1 .408-.577l7.188 1.285a.4.4 0 0 0 .138 0l7.038-1.283a.39.39 0 0 1 .41.574"
+        />
+        <path
+          fill="url(#paint1_linear_872_3154__R_1eimaslubquiuq6ivb_)"
+          d="M11.433.061 6.119 1.103a.195.195 0 0 0-.157.18l-.327 5.52c-.008.13.112.231.239.202l1.479-.342a.195.195 0 0 1 .235.23l-.44 2.152a.195.195 0 0 0 .248.226l.914-.278a.195.195 0 0 1 .248.226L7.859 12.6c-.043.212.238.327.355.146l.079-.122 4.33-8.64a.195.195 0 0 0-.212-.28l-1.523.294a.195.195 0 0 1-.224-.245l.994-3.446a.195.195 0 0 0-.225-.246"
+        />
+      </g>
+      <defs>
+        <linearGradient
+          id="paint0_linear_872_3154__R_1eimaslubquiuq6ivb_"
+          x1={0.234}
+          x2={9.171}
+          y1={1.288}
+          y2={13.424}
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor="#41D1FF" />
+          <stop offset={1} stopColor="#BD34FE" />
+        </linearGradient>
+        <linearGradient
+          id="paint1_linear_872_3154__R_1eimaslubquiuq6ivb_"
+          x1={7.596}
+          x2={9.213}
+          y1={0.344}
+          y2={11.434}
+          gradientUnits="userSpaceOnUse"
+        >
+          <stop stopColor="#FFEA83" />
+          <stop offset={0.083} stopColor="#FFDD35" />
+          <stop offset={1} stopColor="#FFA800" />
+        </linearGradient>
+        <clipPath id="clip0_872_3154">
+          <path fill="#fff" d="M0 0h16v16H0z" />
+        </clipPath>
+      </defs>
+    </svg>
+  ),
+);
+LogoVite.displayName = "LogoVite";
+
+export { LogoVite };
+export default LogoVite;

package/src/components/LogoVue.tsx

@@ -0,0 +1,35 @@
+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 LogoVue = 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_872_3155)">
+        <path fill="#41B883" d="m9.72.917-1.848 3.2-1.848-3.2H-.128l8 13.856 8-13.856z" />
+        <path fill="#34495E" d="m9.72.917-1.848 3.2-1.848-3.2H3.072l4.8 8.314 4.8-8.314z" />
+      </g>
+      <defs>
+        <clipPath id="clip0_872_3155">
+          <path fill="#fff" d="M0 0h16v16H0z" />
+        </clipPath>
+      </defs>
+    </svg>
+  ),
+);
+LogoVue.displayName = "LogoVue";
+
+export { LogoVue };
+export default LogoVue;

package/src/components/LogoWhatsApp.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 LogoWhatsApp = 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="#25D366"
+        fillRule="evenodd"
+        d="M13.638 2.323A7.87 7.87 0 0 0 8.034 0C3.667 0 .112 3.554.11 7.922c0 1.396.364 2.76 1.058 3.96L.044 15.989l4.2-1.101a7.9 7.9 0 0 0 3.786.964h.004c4.366 0 7.92-3.554 7.922-7.923a7.87 7.87 0 0 0-2.318-5.604m-5.604 12.19H8.03a6.6 6.6 0 0 1-3.352-.918l-.24-.143-2.493.654.666-2.43-.157-.25a6.57 6.57 0 0 1-1.007-3.504 6.595 6.595 0 0 1 6.588-6.584 6.54 6.54 0 0 1 4.656 1.931 6.54 6.54 0 0 1 1.926 4.659c-.001 3.63-2.955 6.584-6.584 6.584m3.611-4.932c-.197-.099-1.17-.578-1.352-.644s-.314-.099-.445.1c-.132.198-.512.644-.627.776-.116.132-.231.148-.43.049-.197-.1-.835-.308-1.591-.982a6 6 0 0 1-1.101-1.372c-.116-.198-.013-.305.086-.404.09-.088.198-.23.297-.346.1-.116.132-.199.198-.33.066-.133.033-.248-.016-.347-.05-.1-.445-1.074-.61-1.47-.161-.386-.325-.334-.446-.34a8 8 0 0 0-.38-.007.73.73 0 0 0-.527.248c-.182.198-.693.677-.693 1.651s.709 1.916.808 2.048 1.396 2.132 3.382 2.99c.472.203.84.325 1.128.416.474.151.906.13 1.247.08.38-.058 1.171-.48 1.336-.942.165-.463.165-.86.116-.942-.05-.082-.182-.132-.38-.23z"
+        clipRule="evenodd"
+      />
+    </svg>
+  ),
+);
+LogoWhatsApp.displayName = "LogoWhatsApp";
+
+export { LogoWhatsApp };
+export default LogoWhatsApp;

package/src/components/LogoXai.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 LogoXai = 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="M1.004 5.656 8.034 16h3.124L4.128 5.656zM4.125 11.4 1 16h3.127l1.562-2.3zM11.873 0 6.471 7.95l1.563 2.3L15 0zm.566 4.92V16H15V1.15z"
+      />
+    </svg>
+  ),
+);
+LogoXai.displayName = "LogoXai";
+
+export { LogoXai };
+export default LogoXai;

package/src/components/LogoYCombinator.tsx

@@ -0,0 +1,31 @@
+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 LogoYCombinator = 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="#FB651E" d="M16 0H0v16h16z" />
+      <path
+        fill="#fff"
+        d="M7.46 9.047 4.716 3.902H5.97l1.615 3.256q.038.087.087.18.05.093.087.193a.4.4 0 0 1 .037.068l.025.056a4 4 0 0 1 .2.46q.098-.211.217-.454l.242-.503 1.64-3.256h1.168l-2.77 5.207v3.318H7.46z"
+      />
+    </svg>
+  ),
+);
+LogoYCombinator.displayName = "LogoYCombinator";
+
+export { LogoYCombinator };
+export default LogoYCombinator;

package/src/components/LogoYoutubeSmall.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 LogoYoutubeSmall = 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="M13.47 3.393a1.75 1.75 0 0 1 1.237 1.237C15 5.722 15 8 15 8s0 2.279-.293 3.37a1.75 1.75 0 0 1-1.238 1.238C12.38 12.9 8 12.9 8 12.9s-4.378 0-5.47-.292a1.75 1.75 0 0 1-1.237-1.238C1 10.279 1 8 1 8s0-2.278.293-3.37A1.75 1.75 0 0 1 2.53 3.393C3.622 3.1 8 3.1 8 3.1s4.378 0 5.47.293M10.236 8 6.6 10.1V5.9z"
+        clipRule="evenodd"
+      />
+    </svg>
+  ),
+);
+LogoYoutubeSmall.displayName = "LogoYoutubeSmall";
+
+export { LogoYoutubeSmall };
+export default LogoYoutubeSmall;

package/src/components/Logout.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 Logout = 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="M2.5 13.5h4.25V15H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h4.75v1.5H2.5zm9.94-6.25-1.97-1.97-.53-.53L11 3.69l.53.53 3.074 3.073a1 1 0 0 1 0 1.414L11.53 11.78l-.53.53-1.06-1.06.53-.53 1.97-1.97H5v-1.5h7.44"
+        clipRule="evenodd"
+      />
+    </svg>
+  ),
+);
+Logout.displayName = "Logout";
+
+export { Logout };
+export default Logout;

package/src/components/Logs.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 Logs = 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="M9 2h6v1.5H9zm0 10.5h6V14H9zm.75-5.25H9v1.5h6v-1.5H9.75M1 12.5h2V14H1zM1.75 2H1v1.5h2V2H1.75M1 7.25h2v1.5H1zm4.75 5.25H5V14h2v-1.5H5.75M5 2h2v1.5H5zm.75 5.25H5v1.5h2v-1.5H5.75"
+      clipRule="evenodd"
+    />
+  </svg>
+));
+Logs.displayName = "Logs";
+
+export { Logs };
+export default Logs;