@nebutra/icons 0.1.0

package/src/components/Sparkles.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 Sparkles = 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="M2.5.5V0h1v.5a2 2 0 0 0 2 2H6v1h-.5a2 2 0 0 0-2 2V6h-1v-.5a2 2 0 0 0-2-2H0v-1h.5a2 2 0 0 0 2-2M14.5 4.5V5h-1v-.5a1 1 0 0 0-1-1H12v-1h.5a1 1 0 0 0 1-1V1h1v.5a1 1 0 0 0 1 1h.5v1h-.5a1 1 0 0 0-1 1M8.407 4.93 8.5 4h1l.093.93a5 5 0 0 0 4.478 4.477L15 9.5v1l-.93.093a5 5 0 0 0-4.477 4.478L9.5 16h-1l-.093-.93a5 5 0 0 0-4.478-4.477L3 10.5v-1l.93-.093A5 5 0 0 0 8.406 4.93"
+      />
+    </svg>
+  ),
+);
+Sparkles.displayName = "Sparkles";
+
+export { Sparkles };
+export default Sparkles;

package/src/components/Speaker.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 Speaker = 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 10.5.67.158 5.83 2.915V2.427L6.67 5.342 6 5.5H3.5v5zM12.5.75 6 4H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h3l6.5 3.25L14 16V0z"
+        clipRule="evenodd"
+      />
+    </svg>
+  ),
+);
+Speaker.displayName = "Speaker";
+
+export { Speaker };
+export default Speaker;

package/src/components/SpeakerFill.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 SpeakerFill = 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="M2 11V5a1 1 0 0 1 1-1h3l8-4v16l-8-4H3a1 1 0 0 1-1-1" />
+    </svg>
+  ),
+);
+SpeakerFill.displayName = "SpeakerFill";
+
+export { SpeakerFill };
+export default SpeakerFill;

package/src/components/SpeakerOff.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 SpeakerOff = 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 1.25V.055l-1.076.52L5.828 4H2.677l-1.342-.67-.67-.336-.671 1.341.67.336 14 7 .671.335.671-1.341-.67-.336L14 9.661V1.25m-1.5 7.661V2.445L6.378 5.4a1 1 0 0 1-.435.099h-.266zM3.5 8v-.75H2V11a1 1 0 0 0 1 1h2.828l7.096 3.425 1.076.52V12.75h-1.5v.805L6.378 10.6a1 1 0 0 0-.435-.1H3.5z"
+        clipRule="evenodd"
+      />
+    </svg>
+  ),
+);
+SpeakerOff.displayName = "SpeakerOff";
+
+export { SpeakerOff };
+export default SpeakerOff;

package/src/components/SpeakerOffFill.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 SpeakerOffFill = 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 1.25 6.052 4.725a.25.25 0 0 1-.11.025H4.178L1.335 3.33l-.67-.336-.671 1.341.67.336 14 7 .671.335.671-1.341-.67-.336-2.086-1.043zM3 11.25h2.943a.25.25 0 0 1 .109.025l7.198 3.475v-1.5L2.76 8h-.01v3c0 .138.112.25.25.25"
+        clipRule="evenodd"
+      />
+      <path
+        fill="currentColor"
+        d="m6.052 4.725-.327-.675zM13.25 1.25H14V.055l-1.076.52zm-9.073 3.5-.335.67L4 5.5h.177zM1.335 3.33l.336-.672zm-.67-.336L1 2.323l-.67-.335-.336.67zm-.671 1.341L-.677 4l-.335.67.67.336zm.67.336L1 4zm14 7L15 11zm.671.335-.335.671.67.335.336-.67zm.671-1.341.671.335.335-.67-.67-.336zm-.67-.336.335-.67zM13.25 9.286h-.75v.464l.415.207zm-7.198 1.989.326-.676zm7.198 3.475-.326.675 1.076.52V14.75zm0-1.5H14v-.463l-.414-.208zM2.76 8l.336-.67-.159-.08H2.76zm-.01 0v-.75H2V8zm3.628-2.6 7.198-3.475-.652-1.35L5.725 4.05zm-.435.1a1 1 0 0 0 .435-.1l-.653-1.35A.5.5 0 0 1 5.943 4zm-1.766 0h1.766V4H4.177zm.335-1.42L1.671 2.657 1 4l2.842 1.42zM1.671 2.657 1 2.323.33 3.665 1 4zm-1.677 0L-.677 4l1.342.67.67-1.34zm-.336 2.348.671.336L1 4l-.67-.335zm.671.336 14 7L15 11 1 4zm14 7 .671.335.67-1.342L15 11zm1.677 0L16.677 11l-1.342-.67-.67 1.34zm.336-2.348-.671-.336L15 11l.67.335zm-.671-.336-2.086-1.042-.67 1.341L15 11zM12.5 1.25v8.036H14V1.25zM5.943 10.5H3V12h2.943zm.435.1a1 1 0 0 0-.435-.1V12a.5.5 0 0 1-.218-.05zm7.198 3.475-7.198-3.476-.653 1.351 7.199 3.475zM12.5 13.25v1.5H14v-1.5zM2.424 8.67l10.49 5.25.672-1.34-10.49-5.25zm.326.08h.01v-1.5h-.01zM3.5 11V8H2v3zm-.5-.5a.5.5 0 0 1 .5.5H2a1 1 0 0 0 1 1z"
+      />
+    </svg>
+  ),
+);
+SpeakerOffFill.displayName = "SpeakerOffFill";
+
+export { SpeakerOffFill };
+export default SpeakerOffFill;

package/src/components/SpeakerVolumeLoud.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 SpeakerVolumeLoud = 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="M3.744 10.698 3 10.5H1.5v-5H3l.744-.198L8.5 2.585v10.83zM3 4 8.5.857 10 0v16l-1.5-.857L3 12H1a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1zm11.259-1.04.414.626A7.97 7.97 0 0 1 16 8c0 1.63-.488 3.149-1.327 4.414l-.415.626-1.25-.83.415-.624A6.47 6.47 0 0 0 14.5 8a6.47 6.47 0 0 0-1.078-3.586l-.414-.625zm-2.2 2.025.354.662C12.788 6.349 13 7.15 13 8s-.212 1.651-.588 2.353l-.353.662-1.323-.707.353-.661c.262-.49.411-1.05.411-1.647s-.149-1.157-.41-1.647l-.354-.661z"
+        clipRule="evenodd"
+      />
+    </svg>
+  ),
+);
+SpeakerVolumeLoud.displayName = "SpeakerVolumeLoud";
+
+export { SpeakerVolumeLoud };
+export default SpeakerVolumeLoud;

package/src/components/SpeakerVolumeLoudFill.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 SpeakerVolumeLoudFill = 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 5v6a1 1 0 0 0 1 1h2l7 4V0L3 4H1a1 1 0 0 0-1 1m14.259-2.04.414.626A7.97 7.97 0 0 1 16 8c0 1.63-.488 3.149-1.327 4.414l-.415.626-1.25-.83.415-.624A6.47 6.47 0 0 0 14.5 8a6.47 6.47 0 0 0-1.078-3.586l-.414-.625zm-2.2 2.025.354.662C12.788 6.349 13 7.15 13 8s-.212 1.651-.588 2.353l-.353.662-1.323-.707.353-.661c.262-.49.411-1.05.411-1.647s-.149-1.157-.41-1.647l-.354-.661z"
+        clipRule="evenodd"
+      />
+    </svg>
+  ),
+);
+SpeakerVolumeLoudFill.displayName = "SpeakerVolumeLoudFill";
+
+export { SpeakerVolumeLoudFill };
+export default SpeakerVolumeLoudFill;

package/src/components/SpeakerVolumeQuiet.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 SpeakerVolumeQuiet = 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="M3.744 10.698 3 10.5H1.5v-5H3l.744-.198L8.5 2.585v10.83zM3 4 8.5.857 10 0v16l-1.5-.857L3 12H1a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1zm10.912 1.647-.354-.662-1.323.707.354.661c.261.49.41 1.05.41 1.647s-.149 1.157-.41 1.647l-.354.661 1.323.707.354-.662A5 5 0 0 0 14.499 8c0-.85-.212-1.651-.588-2.353"
+        clipRule="evenodd"
+      />
+    </svg>
+  ),
+);
+SpeakerVolumeQuiet.displayName = "SpeakerVolumeQuiet";
+
+export { SpeakerVolumeQuiet };
+export default SpeakerVolumeQuiet;

package/src/components/SpeakerVolumeQuietFill.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 SpeakerVolumeQuietFill = 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 5v6a1 1 0 0 0 1 1h2l7 4V0L3 4H1a1 1 0 0 0-1 1m13.912.647-.354-.662-1.323.707.354.661c.261.49.41 1.05.41 1.647s-.149 1.157-.41 1.647l-.354.661 1.323.707.354-.662A5 5 0 0 0 14.499 8c0-.85-.212-1.651-.588-2.353"
+        clipRule="evenodd"
+      />
+    </svg>
+  ),
+);
+SpeakerVolumeQuietFill.displayName = "SpeakerVolumeQuietFill";
+
+export { SpeakerVolumeQuietFill };
+export default SpeakerVolumeQuietFill;

package/src/components/Spiral.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 Spiral = 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="transparent"
+        stroke="currentColor"
+        strokeLinecap="round"
+        strokeWidth={1.5}
+        d="M12.742 5.776q.008-.136.008-.276a4.75 4.75 0 1 0-2.629 4.251"
+      />
+      <path
+        fill="transparent"
+        stroke="currentColor"
+        strokeLinecap="round"
+        strokeWidth={1.5}
+        d="M3.262 6.31A4.75 4.75 0 1 0 8 6.46"
+      />
+      <path
+        fill="transparent"
+        stroke="currentColor"
+        strokeLinecap="round"
+        strokeWidth={1.5}
+        d="M5.855 9.5a4.752 4.752 0 0 1 9.395 1A4.75 4.75 0 0 1 8 14.54"
+      />
+    </svg>
+  ),
+);
+Spiral.displayName = "Spiral";
+
+export { Spiral };
+export default Spiral;

package/src/components/Star.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 Star = 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 .434.658 1.207 1.933 3.543 3.967.743 1.351.253-.944 1-2.773 2.932.52 4.002.176 1.364-1.242-.59L8 13.158l-3.646 1.73-1.242.59.177-1.364.519-4.002L1.035 7.18.091 6.18l1.351-.253 3.967-.743 1.933-3.543zm0 3.132L6.556 6.215l-.17.312-.35.066-2.966.555L5.143 9.34l.244.259-.046.353-.388 2.992 2.725-1.294.322-.153.322.153 2.725 1.294-.388-2.992-.046-.353.244-.259 2.073-2.192-2.965-.555-.35-.066-.17-.312z"
+      clipRule="evenodd"
+    />
+  </svg>
+));
+Star.displayName = "Star";
+
+export { Star };
+export default Star;

package/src/components/StarFill.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 StarFill = 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="m8 .49 2.573 4.718 5.283.99-3.692 3.905.691 5.33L8 13.128l-4.855 2.305.691-5.33L.144 6.197l5.283-.989z"
+      />
+    </svg>
+  ),
+);
+StarFill.displayName = "StarFill";
+
+export { StarFill };
+export default StarFill;

package/src/components/Status.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 Status = 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 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0" />
+    </svg>
+  ),
+);
+Status.displayName = "Status";
+
+export { Status };
+export default Status;

package/src/components/StatusBordered.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 StatusBordered = 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 fill="currentColor" clipPath="url(#clip0_6799_10812)">
+        <path d="M8 5.031a2.969 2.969 0 1 1 0 5.938A2.969 2.969 0 0 1 8 5.03" />
+        <path
+          fillRule="evenodd"
+          d="M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0m0 1.5a6.5 6.5 0 1 0 0 13 6.5 6.5 0 0 0 0-13"
+          clipRule="evenodd"
+        />
+      </g>
+      <defs>
+        <clipPath id="clip0_6799_10812">
+          <path fill="currentColor" d="M0 0h16v16H0z" />
+        </clipPath>
+      </defs>
+    </svg>
+  ),
+);
+StatusBordered.displayName = "StatusBordered";
+
+export { StatusBordered };
+export default StatusBordered;

package/src/components/StatusSmall.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 StatusSmall = 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="M12 8a4 4 0 1 1-8 0 4 4 0 0 1 8 0" />
+    </svg>
+  ),
+);
+StatusSmall.displayName = "StatusSmall";
+
+export { StatusSmall };
+export default StatusSmall;

package/src/components/Stop.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 Stop = 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.308 1.5 1.5 5.308v5.384L5.308 14.5h5.384l3.808-3.808V5.308L10.692 1.5zM5.1 0a1 1 0 0 0-.708.293l-4.1 4.1A1 1 0 0 0 0 5.101V10.9a1 1 0 0 0 .293.707l4.1 4.1a1 1 0 0 0 .708.293H10.9a1 1 0 0 0 .707-.293l4.1-4.1A1 1 0 0 0 16 10.9V5.1a1 1 0 0 0-.293-.707l-4.1-4.1A1 1 0 0 0 10.9 0zM8.75 3.75v5h-1.5v-5zM8 12a1 1 0 1 0 0-2 1 1 0 0 0 0 2"
+      clipRule="evenodd"
+    />
+  </svg>
+));
+Stop.displayName = "Stop";
+
+export { Stop };
+export default Stop;

package/src/components/StopCircle.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 StopCircle = 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 0m-5.5-2.5h-5v5h5z"
+        clipRule="evenodd"
+      />
+    </svg>
+  ),
+);
+StopCircle.displayName = "StopCircle";
+
+export { StopCircle };
+export default StopCircle;

package/src/components/StopFill.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 StopFill = 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.393.293A1 1 0 0 1 5.101 0H10.9a1 1 0 0 1 .707.293l4.1 4.1a1 1 0 0 1 .293.708V10.9a1 1 0 0 1-.293.707l-4.1 4.1A1 1 0 0 1 10.9 16H5.1a1 1 0 0 1-.707-.293l-4.1-4.1A1 1 0 0 1 0 10.9V5.1a1 1 0 0 1 .293-.707zM8.75 3.75v5h-1.5v-5zM8 12a1 1 0 1 0 0-2 1 1 0 0 0 0 2"
+        clipRule="evenodd"
+      />
+    </svg>
+  ),
+);
+StopFill.displayName = "StopFill";
+
+export { StopFill };
+export default StopFill;

package/src/components/Stopwatch.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 Stopwatch = 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 1.25v.79a6.97 6.97 0 0 0-3.641 1.508L3.03 2.97l-.53-.53L1.44 3.5l.53.53.578.579a7 7 0 1 0 10.904 0l.578-.579.53-.53-1.06-1.06-.53.53-.579.578A6.97 6.97 0 0 0 8.75 2.04v-.79H10v-1.5H6v1.5h1.25M2.5 9a5.5 5.5 0 1 1 11 0 5.5 5.5 0 0 1-11 0m6.25-2.25V6h-1.5v3.75h1.5v-3"
+        clipRule="evenodd"
+      />
+    </svg>
+  ),
+);
+Stopwatch.displayName = "Stopwatch";
+
+export { Stopwatch };
+export default Stopwatch;

package/src/components/StopwatchFast.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 StopwatchFast = 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-.25h4v1.5H9.75v.79a6.97 6.97 0 0 1 3.641 1.508l.579-.578.53-.53 1.06 1.06-.53.53-.578.579a7 7 0 0 1-9.715 9.944H2v-1.5h3a.75.75 0 0 1 .48.173 5.5 5.5 0 1 0-.782-7.654l-1.172-.936A7 7 0 0 1 8.25 2.04v-.79H7zm4.652 7.659-.53.53L9.53 9.53l-.53.53L7.94 9l.53-.53 1.59-1.591.531-.53zM2 7h3v1.5H2zM.75 10H0v1.5h5V10H.75"
+        clipRule="evenodd"
+      />
+    </svg>
+  ),
+);
+StopwatchFast.displayName = "StopwatchFast";
+
+export { StopwatchFast };
+export default StopwatchFast;