@nebutra/icons 0.1.0

package/src/components/Compass.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 Compass = 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.733 1.16 15.98.02l-1.14.247-9.616 2.09a3.75 3.75 0 0 0-2.868 2.868l-2.09 9.616-.248 1.14 1.14-.248 9.616-2.09a3.75 3.75 0 0 0 2.868-2.868zM5.543 3.822l8.476-1.842-1.842 8.475a2.25 2.25 0 0 1-1.72 1.72L1.98 14.02l1.842-8.475a2.25 2.25 0 0 1 1.72-1.72M9 8a1 1 0 1 1-2 0 1 1 0 0 1 2 0m1.5 0a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0"
+        clipRule="evenodd"
+      />
+    </svg>
+  ),
+);
+Compass.displayName = "Compass";
+
+export { Compass };
+export default Compass;

package/src/components/Connection.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 Connection = 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="M10.5 4a1.5 1.5 0 1 0 3 0 1.5 1.5 0 0 0-3 0M9.415 5.524a3 3 0 1 1 1.06 1.06l-3.89 3.892a3 3 0 1 1-1.06-1.06zM2.5 12a1.5 1.5 0 1 0 3 0 1.5 1.5 0 0 0-3 0"
+        clipRule="evenodd"
+      />
+    </svg>
+  ),
+);
+Connection.displayName = "Connection";
+
+export { Connection };
+export default Connection;

package/src/components/Copy.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 Copy = 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.75.5A1.75 1.75 0 0 0 1 2.25v7.5c0 .966.784 1.75 1.75 1.75H4.5V10H2.75a.25.25 0 0 1-.25-.25v-7.5A.25.25 0 0 1 2.75 2h5.5a.25.25 0 0 1 .25.25V3H10v-.75A1.75 1.75 0 0 0 8.25.5zm5 4A1.75 1.75 0 0 0 6 6.25v7.5c0 .966.784 1.75 1.75 1.75h5.5A1.75 1.75 0 0 0 15 13.75v-7.5a1.75 1.75 0 0 0-1.75-1.75zM7.5 6.25A.25.25 0 0 1 7.75 6h5.5a.25.25 0 0 1 .25.25v7.5a.25.25 0 0 1-.25.25h-5.5a.25.25 0 0 1-.25-.25z"
+      clipRule="evenodd"
+    />
+  </svg>
+));
+Copy.displayName = "Copy";
+
+export { Copy };
+export default Copy;

package/src/components/CopySmall.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 CopySmall = 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="M12.625 6c.898 0 1.625.728 1.625 1.625v5c0 .898-.727 1.625-1.625 1.625h-4A1.625 1.625 0 0 1 7 12.625v-5C7 6.728 7.728 6 8.625 6zm-4 1.25a.375.375 0 0 0-.375.375v5c0 .207.168.375.375.375h4a.375.375 0 0 0 .375-.375v-5a.375.375 0 0 0-.375-.375zm.065-5.259c.898 0 1.625.728 1.625 1.625v1.09h-1.25v-1.09a.375.375 0 0 0-.375-.375h-4a.375.375 0 0 0-.375.375v6c0 .207.168.375.375.375h1.112v1.25H4.69a1.625 1.625 0 0 1-1.625-1.625v-6c0-.897.728-1.625 1.625-1.625z"
+        clipRule="evenodd"
+      />
+    </svg>
+  ),
+);
+CopySmall.displayName = "CopySmall";
+
+export { CopySmall };
+export default CopySmall;

package/src/components/CornerDownLeft.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 CornerDownLeft = 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.5 3v-.75H15V10a1 1 0 0 1-1 1H3.56l1.97 1.97.53.53L5 14.56l-.53-.53-3.074-3.073a1 1 0 0 1 0-1.414L4.47 6.47 5 5.94 6.06 7l-.53.53L3.56 9.5h9.94z"
+        clipRule="evenodd"
+      />
+    </svg>
+  ),
+);
+CornerDownLeft.displayName = "CornerDownLeft";
+
+export { CornerDownLeft };
+export default CornerDownLeft;

package/src/components/CornerDownRight.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 CornerDownRight = 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 3v-.75H1v7c0 .966.784 1.75 1.75 1.75h9.69l-1.97 1.97-.53.53L11 14.56l.53-.53 3.25-3.25a.75.75 0 0 0 0-1.06l-3.25-3.25-.53-.53L9.94 7l.53.53 1.97 1.97H2.75a.25.25 0 0 1-.25-.25z"
+        clipRule="evenodd"
+      />
+    </svg>
+  ),
+);
+CornerDownRight.displayName = "CornerDownRight";
+
+export { CornerDownRight };
+export default CornerDownRight;

package/src/components/CornerLeftDown.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 CornerLeftDown = 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.25 2.75H14v-1.5H7A1.75 1.75 0 0 0 5.25 3v9.69l-1.97-1.97-.53-.53-1.06 1.06.53.53 3.25 3.25a.75.75 0 0 0 1.06 0l3.25-3.25.53-.53-1.06-1.06-.53.53-1.97 1.97V3A.25.25 0 0 1 7 2.75z"
+        clipRule="evenodd"
+      />
+    </svg>
+  ),
+);
+CornerLeftDown.displayName = "CornerLeftDown";
+
+export { CornerLeftDown };
+export default CornerLeftDown;

package/src/components/CornerLeftUp.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 CornerLeftUp = 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.78 4.72.53.53-1.06 1.06-.53-.53-1.97-1.97v9.69c0 .138.112.25.25.25h7v1.5H7a1.75 1.75 0 0 1-1.75-1.75V3.81L3.28 5.78l-.53.53-1.06-1.06.53-.53 3.25-3.25a.75.75 0 0 1 1.06 0z"
+        clipRule="evenodd"
+      />
+    </svg>
+  ),
+);
+CornerLeftUp.displayName = "CornerLeftUp";
+
+export { CornerLeftUp };
+export default CornerLeftUp;

package/src/components/CornerRightDown.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 CornerRightDown = 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.75 2.75H2v-1.5h7c.966 0 1.75.784 1.75 1.75v9.69l1.97-1.97.53-.53 1.06 1.06-.53.53-3.25 3.25a.75.75 0 0 1-1.06 0l-3.25-3.25-.53-.53 1.06-1.06.53.53 1.97 1.97V3A.25.25 0 0 0 9 2.75z"
+        clipRule="evenodd"
+      />
+    </svg>
+  ),
+);
+CornerRightDown.displayName = "CornerRightDown";
+
+export { CornerRightDown };
+export default CornerRightDown;

package/src/components/CornerRightUp.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 CornerRightUp = 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.22 4.72-.53.53 1.06 1.06.53-.53 1.97-1.97v9.69a.25.25 0 0 1-.25.25H2v1.5h7a1.75 1.75 0 0 0 1.75-1.75V3.81l1.97 1.97.53.53 1.06-1.06-.53-.53-3.25-3.25a.75.75 0 0 0-1.06 0z"
+        clipRule="evenodd"
+      />
+    </svg>
+  ),
+);
+CornerRightUp.displayName = "CornerRightUp";
+
+export { CornerRightUp };
+export default CornerRightUp;

package/src/components/CornerUpLeft.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 CornerUpLeft = 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="m4.47 10.03.53.53L6.06 9.5l-.53-.53L3.56 7h9.69a.25.25 0 0 1 .25.25v7H15v-7a1.75 1.75 0 0 0-1.75-1.75H3.56l1.97-1.97.53-.53L5 1.94l-.53.53-3.25 3.25a.75.75 0 0 0 0 1.06z"
+        clipRule="evenodd"
+      />
+    </svg>
+  ),
+);
+CornerUpLeft.displayName = "CornerUpLeft";
+
+export { CornerUpLeft };
+export default CornerUpLeft;

package/src/components/CornerUpRight.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 CornerUpRight = 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="m11.53 10.03-.53.53L9.94 9.5l.53-.53L12.44 7H2.75a.25.25 0 0 0-.25.25v7H1v-7c0-.966.784-1.75 1.75-1.75h9.69l-1.97-1.97L9.94 3 11 1.94l.53.53 3.25 3.25a.75.75 0 0 1 0 1.06z"
+        clipRule="evenodd"
+      />
+    </svg>
+  ),
+);
+CornerUpRight.displayName = "CornerUpRight";
+
+export { CornerUpRight };
+export default CornerUpRight;

package/src/components/Cpu.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 Cpu = 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="M5.5 2V0H7v2h2V0h1.5v2H13a1 1 0 0 1 1 1v2.5h2V7h-2v2h2v1.5h-2V13a1 1 0 0 1-1 1h-2.5v2H9v-2H7v2H5.5v-2H3a1 1 0 0 1-1-1v-2.5H0V9h2V7H0V5.5h2V3a1 1 0 0 1 1-1zm7.25 8.5V3.25h-9.5v9.5h9.5z"
+      clipRule="evenodd"
+    />
+  </svg>
+));
+Cpu.displayName = "Cpu";
+
+export { Cpu };
+export default Cpu;

package/src/components/CreditCard.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 CreditCard = 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="M14 3H2a.5.5 0 0 0-.5.5V5h13V3.5A.5.5 0 0 0 14 3M1.5 12.5v-6h13v6a.5.5 0 0 1-.5.5H2a.5.5 0 0 1-.5-.5m.5-11a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-9a2 2 0 0 0-2-2zm2 9.25a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5"
+        clipRule="evenodd"
+      />
+    </svg>
+  ),
+);
+CreditCard.displayName = "CreditCard";
+
+export { CreditCard };
+export default CreditCard;

package/src/components/Crop.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 Crop = 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="M5 .75V0H3.5v3.5H0V5h3.5v6.5a1 1 0 0 0 1 1H11V16h1.5v-3.5H16V11h-3.5V4.5a1 1 0 0 0-1-1H5zM5 5v6h6V5z"
+      clipRule="evenodd"
+    />
+  </svg>
+));
+Crop.displayName = "Crop";
+
+export { Crop };
+export default Crop;

package/src/components/Cross.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 Cross = 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="m12.47 13.53.53.53L14.06 13l-.53-.53L9.06 8l4.47-4.47.53-.53L13 1.94l-.53.53L8 6.94 3.53 2.47 3 1.94 1.94 3l.53.53L6.94 8l-4.47 4.47-.53.53L3 14.06l.53-.53L8 9.06z"
+        clipRule="evenodd"
+      />
+    </svg>
+  ),
+);
+Cross.displayName = "Cross";
+
+export { Cross };
+export default Cross;

package/src/components/CrossCircle.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 CrossCircle = 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="M14.5 8a6.5 6.5 0 1 1-13 0 6.5 6.5 0 0 1 13 0M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0M5.5 11.56l.53-.53L8 9.06l1.97 1.97.53.53 1.06-1.06-.53-.53L9.06 8l1.97-1.97.53-.53-1.06-1.06-.53.53L8 6.94 6.03 4.97l-.53-.53L4.44 5.5l.53.53L6.94 8 4.97 9.97l-.53.53z"
+        clipRule="evenodd"
+      />
+    </svg>
+  ),
+);
+CrossCircle.displayName = "CrossCircle";
+
+export { CrossCircle };
+export default CrossCircle;

package/src/components/CrossCircleFill.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 CrossCircleFill = 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="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-5.5 3.56-.53-.53L8 9.06l-1.97 1.97-.53.53-1.06-1.06.53-.53L6.94 8 4.97 6.03l-.53-.53L5.5 4.44l.53.53L8 6.94l1.97-1.97.53-.53 1.06 1.06-.53.53L9.06 8l1.97 1.97.53.53z"
+        clipRule="evenodd"
+      />
+    </svg>
+  ),
+);
+CrossCircleFill.displayName = "CrossCircleFill";
+
+export { CrossCircleFill };
+export default CrossCircleFill;

package/src/components/CrossSmall.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 CrossSmall = 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.97 11.03.53.53 1.06-1.06-.53-.53L9.06 8l1.97-1.97.53-.53-1.06-1.06-.53.53L8 6.94 6.03 4.97l-.53-.53L4.44 5.5l.53.53L6.94 8 4.97 9.97l-.53.53 1.06 1.06.53-.53L8 9.06z"
+        clipRule="evenodd"
+      />
+    </svg>
+  ),
+);
+CrossSmall.displayName = "CrossSmall";
+
+export { CrossSmall };
+export default CrossSmall;

package/src/components/Crosshair.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 Crosshair = 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="M7.25 11.75v2.707A6.5 6.5 0 0 1 1.543 8.75H5v-1.5H1.543A6.5 6.5 0 0 1 7.25 1.543V5h1.5V1.543a6.5 6.5 0 0 1 5.707 5.707H11v1.5h3.457a6.5 6.5 0 0 1-5.707 5.707V11h-1.5zm8.715-3a8 8 0 0 1-7.215 7.215V16h-1.5v-.035A8 8 0 0 1 .035 8.75H0v-1.5h.035A8 8 0 0 1 7.25.035V0h1.5v.035a8 8 0 0 1 7.215 7.215H16v1.5z"
+        clipRule="evenodd"
+      />
+    </svg>
+  ),
+);
+Crosshair.displayName = "Crosshair";
+
+export { Crosshair };
+export default Crosshair;