@nebutra/icons 0.1.0

package/src/components/StopwatchUnread.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 StopwatchUnread = 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_4759_1908)">
+        <circle cx={13.5} cy={2.5} r={2.5} fill="var(--ds-blue-900)" />
+        <path
+          fill="currentColor"
+          fillRule="evenodd"
+          d="M10 .562V-.25H6v1.5h1.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 11.943 1.767 4 4 0 0 1-1.616.075 5.5 5.5 0 1 1-3.17-2.682 4 4 0 0 1-.191-1.605 7 7 0 0 0-.764-.124v-.79h.95q.118-.36.3-.688M8.75 6v3.75h-1.5V6z"
+          clipRule="evenodd"
+        />
+      </g>
+      <defs>
+        <clipPath id="clip0_4759_1908">
+          <path
+            fill="#fff"
+            d="M0 0h16v16H0z"
+            style={{
+              fill: "#fff",
+              fillOpacity: 1,
+            }}
+          />
+        </clipPath>
+      </defs>
+    </svg>
+  ),
+);
+StopwatchUnread.displayName = "StopwatchUnread";
+
+export { StopwatchUnread };
+export default StopwatchUnread;

package/src/components/Store.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 Store = 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.75 1.9a2.5 2.5 0 0 0-1.92-.9H4.17a2.5 2.5 0 0 0-1.92.9L1.08 3.305a2.5 2.5 0 0 0-.58 1.6V15h15V4.905a2.5 2.5 0 0 0-.58-1.6zM14 5v-.095a1 1 0 0 0-.232-.64l1.152-.96-1.152.96-1.17-1.405a1 1 0 0 0-.769-.36H4.171a1 1 0 0 0-.768.36L2.232 4.265a1 1 0 0 0-.232.64V5a1.5 1.5 0 1 0 3 0h1.5a1.5 1.5 0 1 0 3 0H11a1.5 1.5 0 0 0 3 0m0 2.599A3 3 0 0 1 12.5 8c-.896 0-1.7-.393-2.25-1.016A3 3 0 0 1 8 8c-.896 0-1.7-.393-2.25-1.016A3 3 0 0 1 3.5 8 3 3 0 0 1 2 7.599V13.5h4V12a2 2 0 1 1 4 0v1.5h4zM8.5 12v1.5h-1V12a.5.5 0 0 1 1 0"
+        clipRule="evenodd"
+      />
+    </svg>
+  ),
+);
+Store.displayName = "Store";
+
+export { Store };
+export default Store;

package/src/components/Sun.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 Sun = forwardRef<SVGSVGElement, IconProps>(({ size = 16, width, height, ...props }, ref) => (
+  <svg
+    aria-hidden="true"
+    xmlns="http://www.w3.org/2000/svg"
+    width={width ?? size}
+    height={height ?? size}
+    fill="none"
+    strokeLinejoin="round"
+    viewBox="0 0 16 16"
+    ref={ref}
+    {...props}
+  >
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M8.75.75V0h-1.5v2.75h1.5v-2m2.432 3.007.53-.53.354-.354.53-.53 1.06 1.06-.53.531-.353.354-.53.53zM8 10.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5M8 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8m5.25-4.75H16v1.5h-2.75zm-12.5 0H0v1.5h2.75v-1.5h-2m2.123 4.816-.53.53 1.06 1.06.531-.53.354-.353.53-.53-1.06-1.061-.531.53zm.884-7.248-.53-.53-.354-.354-.53-.53 1.06-1.06.531.53.354.353.53.53zm8.309 8.309.53.53 1.06-1.06-.53-.531-.353-.354-.53-.53-1.061 1.06.53.531zm-3.316.123V16h-1.5v-2.75z"
+      clipRule="evenodd"
+    />
+  </svg>
+));
+Sun.displayName = "Sun";
+
+export { Sun };
+export default Sun;

package/src/components/SunAlternate.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 SunAlternate = 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_174_19347)">
+        <path
+          fill="currentColor"
+          fillRule="evenodd"
+          d="M13.81 13.5c.429-.453.805-.956 1.12-1.5H1.07a8 8 0 0 0 1.12 1.5zM15.938 9a8 8 0 0 1-.52 2H.582a8 8 0 0 1-.52-2zM16 8.064V8A8 8 0 1 0 0 8h16zM3.335 14.5A7.96 7.96 0 0 0 8 16c1.74 0 3.352-.556 4.665-1.5z"
+          clipRule="evenodd"
+        />
+      </g>
+      <defs>
+        <clipPath id="clip0_174_19347">
+          <path fill="var(--ds-background-100)" d="M0 0h16v16H0z" />
+        </clipPath>
+      </defs>
+    </svg>
+  ),
+);
+SunAlternate.displayName = "SunAlternate";
+
+export { SunAlternate };
+export default SunAlternate;

package/src/components/SunSmall.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 SunSmall = 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 2.25V1.5H7.5v1.75H9v-1m-.75 8a2 2 0 1 0 0-4 2 2 0 0 0 0 4m0 1.5a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7m.75 1.5V15H7.5v-1.75zm4.25-5.75H15V9h-1.75zm-11 0H1.5V9h1.75V7.5h-1m9.005-3.316.53-.53.177-.177.53-.53 1.061 1.06-.53.53-.177.177-.53.53zm-7.778 7.778-.53.53 1.06 1.061.53-.53.177-.177.53-.53-1.06-1.06-.53.53zm.707-6.717-.53-.53-.177-.177-.53-.53 1.06-1.061.53.53.177.177.53.53zm7.778 7.778.53.53 1.061-1.06-.53-.53-.177-.177-.53-.53-1.06 1.06.53.53z"
+        clipRule="evenodd"
+      />
+    </svg>
+  ),
+);
+SunSmall.displayName = "SunSmall";
+
+export { SunSmall };
+export default SunSmall;

package/src/components/Tab.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 Tab = 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 .75V0h-1.5v16H16V.75M7.53 3.22 7 2.69 5.94 3.75l.53.53 2.97 2.97H0v1.5h9.44l-2.97 2.97-.53.53L7 13.31l.53-.53 4.25-4.25a.75.75 0 0 0 0-1.06z"
+      clipRule="evenodd"
+    />
+  </svg>
+));
+Tab.displayName = "Tab";
+
+export { Tab };
+export default Tab;

package/src/components/TabletDevice.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 TabletDevice = 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 0A1.75 1.75 0 0 0 1 1.75v12.5c0 .966.784 1.75 1.75 1.75h10.5A1.75 1.75 0 0 0 15 14.25V1.75A1.75 1.75 0 0 0 13.25 0zM2.5 1.75a.25.25 0 0 1 .25-.25h10.5a.25.25 0 0 1 .25.25v12.5a.25.25 0 0 1-.25.25H2.75a.25.25 0 0 1-.25-.25zm2.25 3a1 1 0 1 0 0-2 1 1 0 0 0 0 2"
+        clipRule="evenodd"
+      />
+    </svg>
+  ),
+);
+TabletDevice.displayName = "TabletDevice";
+
+export { TabletDevice };
+export default TabletDevice;

package/src/components/Tabs.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 Tabs = 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 13.5a1 1 0 0 0 1-1V7H9.15a2.5 2.5 0 0 1-2.285-1.485L5.525 2.5H1.5v10a1 1 0 0 0 1 1zm-6.333-11 1.07 2.406a1 1 0 0 0 .913.594h5.35v-3zM13.5 15a2.5 2.5 0 0 0 2.5-2.5V1H0v11.5A2.5 2.5 0 0 0 2.5 15z"
+      clipRule="evenodd"
+    />
+  </svg>
+));
+Tabs.displayName = "Tabs";
+
+export { Tabs };
+export default Tabs;

package/src/components/Tag.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 Tag = forwardRef<SVGSVGElement, IconProps>(({ size = 16, width, height, ...props }, ref) => (
+  <svg
+    aria-hidden="true"
+    xmlns="http://www.w3.org/2000/svg"
+    width={width ?? size}
+    height={height ?? size}
+    fill="none"
+    strokeLinejoin="round"
+    viewBox="0 0 16 16"
+    ref={ref}
+    {...props}
+  >
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M1.5 1.5h4.843a2.5 2.5 0 0 1 1.768.732L13.879 8 8 13.879 2.232 8.11A2.5 2.5 0 0 1 1.5 6.343zM16 8l-1.06-1.06-5.768-5.768A4 4 0 0 0 6.343 0H0v6.343a4 4 0 0 0 1.172 2.829l5.767 5.767L8 16l1.06-1.06 5.88-5.88zM4.5 5.25a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5"
+      clipRule="evenodd"
+    />
+  </svg>
+));
+Tag.displayName = "Tag";
+
+export { Tag };
+export default Tag;

package/src/components/Target.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 Target = 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 14.5a6.5 6.5 0 1 0 0-13 6.5 6.5 0 0 0 0 13M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16m0-5a3 3 0 1 0 0-6 3 3 0 0 0 0 6m0 1.5a4.5 4.5 0 1 0 0-9 4.5 4.5 0 0 0 0 9M8 9a1 1 0 1 0 0-2 1 1 0 0 0 0 2"
+        clipRule="evenodd"
+      />
+    </svg>
+  ),
+);
+Target.displayName = "Target";
+
+export { Target };
+export default Target;

package/src/components/Terminal.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 Terminal = 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.53 12.78-.53.53-1.06-1.06.53-.53L4.19 8 .47 4.28l-.53-.53L1 2.69l.53.53 4.074 4.073a1 1 0 0 1 0 1.414zm7.22-.28H8V14h8v-1.5H8.75"
+        clipRule="evenodd"
+      />
+    </svg>
+  ),
+);
+Terminal.displayName = "Terminal";
+
+export { Terminal };
+export default Terminal;

package/src/components/TerminalWindow.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 TerminalWindow = forwardRef<SVGSVGElement, IconProps>(
+  ({ size = 16, width, height, ...props }, ref) => (
+    <svg
+      aria-hidden="true"
+      xmlns="http://www.w3.org/2000/svg"
+      width={width ?? size}
+      height={height ?? size}
+      fill="none"
+      strokeLinejoin="round"
+      viewBox="0 0 16 16"
+      ref={ref}
+      {...props}
+    >
+      <path
+        fill="currentColor"
+        fillRule="evenodd"
+        d="M1.5 2.5h13v10a1 1 0 0 1-1 1h-11a1 1 0 0 1-1-1zM0 1h16v11.5a2.5 2.5 0 0 1-2.5 2.5h-11A2.5 2.5 0 0 1 0 12.5V1m4 10.134.442-.442 2.073-2.073a.875.875 0 0 0 0-1.238L4.442 5.308 4 4.866l-.884.884.442.442L5.366 8 3.558 9.808l-.442.442zm4-1.38h4.373V11H8z"
+        clipRule="evenodd"
+      />
+    </svg>
+  ),
+);
+TerminalWindow.displayName = "TerminalWindow";
+
+export { TerminalWindow };
+export default TerminalWindow;

package/src/components/TextBold.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 TextBold = 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 1H2v14h8a4 4 0 0 0 2.063-7.428A4 4 0 0 0 9 1zm6 6a2 2 0 1 0 0-4H4v4zM4 9v4h6a2 2 0 1 0 0-4H4"
+        clipRule="evenodd"
+      />
+    </svg>
+  ),
+);
+TextBold.displayName = "TextBold";
+
+export { TextBold };
+export default TextBold;

package/src/components/TextFormat.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 TextFormat = 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.72 11.504-.5 1.71-.085.29H.572l.208-.71 3-10.255h1.44l3 10.255.208.71H6.865l-.085-.29-.5-1.71H2.72m.498-1.7h2.564L4.5 5.421zm7.541-3.764c.482-.345 1.103-.536 1.908-.536 1.078 0 1.877.342 2.402.907.509.548.681 1.223.681 1.76v5.333h-1.5v-.393c-.457.234-1.033.393-1.75.393-.72 0-1.401-.218-1.916-.658a2.38 2.38 0 0 1-.834-1.842c0-1.45 1.172-2.75 2.75-2.75h1.75v-.083c0-.24-.08-.524-.28-.74-.186-.2-.554-.427-1.303-.427-.56 0-.857.129-1.035.256-.189.135-.323.325-.472.601l-1.32-.713c.182-.337.449-.771.92-1.108m3.491 3.714H12.5c-.708 0-1.25.586-1.25 1.25 0 .31.119.54.309.702.2.17.518.298.941.298.793 0 1.232-.283 1.475-.521.128-.126.212-.251.263-.34l.012-.022z"
+        clipRule="evenodd"
+      />
+    </svg>
+  ),
+);
+TextFormat.displayName = "TextFormat";
+
+export { TextFormat };
+export default TextFormat;

package/src/components/TextHeading.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 TextHeading = 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 1H2v1.5h1v11H2V15h3.5v-1.5h-1V9H12v4.5h-1V15h3.5v-1.5h-1v-11h1V1H11v1.5h1v5H4.5v-5h1V1H2.75"
+        clipRule="evenodd"
+      />
+    </svg>
+  ),
+);
+TextHeading.displayName = "TextHeading";
+
+export { TextHeading };
+export default TextHeading;

package/src/components/TextItalic.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 TextItalic = 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.25 1H14.5v1.5h-3.953l-3.52 11h4.723V15H1.5v-1.5h3.953l3.52-11H4.25z"
+        clipRule="evenodd"
+      />
+    </svg>
+  ),
+);
+TextItalic.displayName = "TextItalic";
+
+export { TextItalic };
+export default TextItalic;

package/src/components/TextStrikethrough.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 TextStrikethrough = 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 .583c-1.848 0-3.104.624-3.89 1.499-.766.85-1.027 1.87-1.027 2.585 0 .635.171 1.32.647 1.958q.145.194.323.375H1v1.5h14V7H7.018l-.5-.198c-.85-.335-1.323-.722-1.586-1.074a1.72 1.72 0 0 1-.349-1.061c0-.396.156-1.043.641-1.582C5.687 2.57 6.514 2.083 8 2.083c1.99 0 2.83.873 3.178 1.606l.323.678 1.354-.644-.322-.678C11.924 1.765 10.543.583 8 .583m4.917 10.667v-.75h-1.5v.75c0 .4-.158 1.07-.648 1.632-.467.534-1.293 1.035-2.769 1.035-1.86 0-2.727-.877-3.122-1.617l-.352-.662-1.324.705.353.662c.634 1.19 1.988 2.412 4.445 2.412 1.857 0 3.115-.652 3.898-1.549.76-.87 1.019-1.906 1.019-2.618"
+        clipRule="evenodd"
+      />
+    </svg>
+  ),
+);
+TextStrikethrough.displayName = "TextStrikethrough";
+
+export { TextStrikethrough };
+export default TextStrikethrough;

package/src/components/TextTitle.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 TextTitle = 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.75a1 1 0 0 0-1 1V3.5H3V2.25h4.25V13.5H6V15h4v-1.5H8.75V2.25h4.5V3.5h1.5V1.75a1 1 0 0 0-1-1z"
+        clipRule="evenodd"
+      />
+    </svg>
+  ),
+);
+TextTitle.displayName = "TextTitle";
+
+export { TextTitle };
+export default TextTitle;

package/src/components/TextUppercase.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 TextUppercase = 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.22 13.215.5-1.71h3.56l.5 1.71.085.29h2.27l.085-.29.5-1.71h3.56l.5 1.71.085.29h1.563l-.208-.711-3-10.255h-1.44L8 12.042 5.22 2.54H3.78l-3 10.255-.208.71h1.563zm10.562-3.41L11.5 5.42l-1.282 4.383zm-7 0H3.218L4.5 5.42z"
+        clipRule="evenodd"
+      />
+    </svg>
+  ),
+);
+TextUppercase.displayName = "TextUppercase";
+
+export { TextUppercase };
+export default TextUppercase;