@squidlab/phosphor-solid 1.0.0

package/src/icons/ArrowCircleLeft.tsx

@@ -0,0 +1,68 @@
+/* GENERATED FILE */
+import { type JSX, splitProps } from "solid-js";
+import type { IconProps } from "../lib/types.ts";
+
+const weights = new Map<IconProps["weight"], JSX.Element>([
+  [
+    "thin",
+    <g>
+      <path d="M128,28A100,100,0,1,0,228,128,100.11,100.11,0,0,0,128,28Zm0,192a92,92,0,1,1,92-92A92.1,92.1,0,0,1,128,220Zm44-92a4,4,0,0,1-4,4H97.66l25.17,25.17a4,4,0,0,1-5.66,5.66l-32-32a4,4,0,0,1,0-5.66l32-32a4,4,0,0,1,5.66,5.66L97.66,124H168A4,4,0,0,1,172,128Z" />
+    </g>,
+  ],
+  [
+    "light",
+    <g>
+      <path d="M128,26A102,102,0,1,0,230,128,102.12,102.12,0,0,0,128,26Zm0,192a90,90,0,1,1,90-90A90.1,90.1,0,0,1,128,218Zm46-90a6,6,0,0,1-6,6H102.49l21.75,21.76a6,6,0,1,1-8.48,8.48l-32-32a6,6,0,0,1,0-8.48l32-32a6,6,0,0,1,8.48,8.48L102.49,122H168A6,6,0,0,1,174,128Z" />
+    </g>,
+  ],
+  [
+    "regular",
+    <g>
+      <path d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm48-88a8,8,0,0,1-8,8H107.31l18.35,18.34a8,8,0,0,1-11.32,11.32l-32-32a8,8,0,0,1,0-11.32l32-32a8,8,0,0,1,11.32,11.32L107.31,120H168A8,8,0,0,1,176,128Z" />
+    </g>,
+  ],
+  [
+    "bold",
+    <g>
+      <path d="M128,20A108,108,0,1,0,236,128,108.12,108.12,0,0,0,128,20Zm0,192a84,84,0,1,1,84-84A84.09,84.09,0,0,1,128,212Zm52-84a12,12,0,0,1-12,12H117l11.52,11.51a12,12,0,0,1-17,17l-32-32a12,12,0,0,1,0-17l32-32a12,12,0,0,1,17,17L117,116h51A12,12,0,0,1,180,128Z" />
+    </g>,
+  ],
+  [
+    "fill",
+    <g>
+      <path d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm40,112H107.31l18.35,18.34a8,8,0,0,1-11.32,11.32l-32-32a8,8,0,0,1,0-11.32l32-32a8,8,0,0,1,11.32,11.32L107.31,120H168a8,8,0,0,1,0,16Z" />
+    </g>,
+  ],
+  [
+    "duotone",
+    <g>
+      <path d="M224,128a96,96,0,1,1-96-96A96,96,0,0,1,224,128Z" opacity="0.2" />
+      <path d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm48-88a8,8,0,0,1-8,8H107.31l18.35,18.34a8,8,0,0,1-11.32,11.32l-32-32a8,8,0,0,1,0-11.32l32-32a8,8,0,0,1,11.32,11.32L107.31,120H168A8,8,0,0,1,176,128Z" />
+    </g>,
+  ],
+]);
+
+/**
+ * ArrowCircleLeft icon component.
+ *
+ * @example
+ * ```tsx
+ * <ArrowCircleLeftIcon weight="regular" />
+ * ```
+ */
+export function ArrowCircleLeftIcon(rawProps: IconProps): JSX.Element {
+  const [local, others] = splitProps(rawProps, ["weight"]);
+  const weight = local.weight ?? "regular";
+  const content = weights.get(weight) ?? weights.get("regular");
+
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 256 256"
+      fill="currentColor"
+      {...others}
+    >
+      {content}
+    </svg>
+  );
+}

package/src/icons/ArrowCircleRight.tsx

@@ -0,0 +1,68 @@
+/* GENERATED FILE */
+import { type JSX, splitProps } from "solid-js";
+import type { IconProps } from "../lib/types.ts";
+
+const weights = new Map<IconProps["weight"], JSX.Element>([
+  [
+    "thin",
+    <g>
+      <path d="M128,28A100,100,0,1,0,228,128,100.11,100.11,0,0,0,128,28Zm0,192a92,92,0,1,1,92-92A92.1,92.1,0,0,1,128,220Zm42.83-94.83a4,4,0,0,1,0,5.66l-32,32a4,4,0,0,1-5.66-5.66L158.34,132H88a4,4,0,0,1,0-8h70.34L133.17,98.83a4,4,0,0,1,5.66-5.66Z" />
+    </g>,
+  ],
+  [
+    "light",
+    <g>
+      <path d="M128,26A102,102,0,1,0,230,128,102.12,102.12,0,0,0,128,26Zm0,192a90,90,0,1,1,90-90A90.1,90.1,0,0,1,128,218Zm44.24-94.24a6,6,0,0,1,0,8.48l-32,32a6,6,0,0,1-8.48-8.48L153.51,134H88a6,6,0,0,1,0-12h65.51l-21.75-21.76a6,6,0,0,1,8.48-8.48Z" />
+    </g>,
+  ],
+  [
+    "regular",
+    <g>
+      <path d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm45.66-93.66a8,8,0,0,1,0,11.32l-32,32a8,8,0,0,1-11.32-11.32L148.69,136H88a8,8,0,0,1,0-16h60.69l-18.35-18.34a8,8,0,0,1,11.32-11.32Z" />
+    </g>,
+  ],
+  [
+    "bold",
+    <g>
+      <path d="M128,20A108,108,0,1,0,236,128,108.12,108.12,0,0,0,128,20Zm0,192a84,84,0,1,1,84-84A84.09,84.09,0,0,1,128,212Zm48.49-92.49a12,12,0,0,1,0,17l-32,32a12,12,0,1,1-17-17L139,140H88a12,12,0,0,1,0-24h51l-11.52-11.51a12,12,0,1,1,17-17Z" />
+    </g>,
+  ],
+  [
+    "fill",
+    <g>
+      <path d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm45.66,109.66-32,32a8,8,0,0,1-11.32-11.32L148.69,136H88a8,8,0,0,1,0-16h60.69l-18.35-18.34a8,8,0,0,1,11.32-11.32l32,32A8,8,0,0,1,173.66,133.66Z" />
+    </g>,
+  ],
+  [
+    "duotone",
+    <g>
+      <path d="M224,128a96,96,0,1,1-96-96A96,96,0,0,1,224,128Z" opacity="0.2" />
+      <path d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm45.66-93.66a8,8,0,0,1,0,11.32l-32,32a8,8,0,0,1-11.32-11.32L148.69,136H88a8,8,0,0,1,0-16h60.69l-18.35-18.34a8,8,0,0,1,11.32-11.32Z" />
+    </g>,
+  ],
+]);
+
+/**
+ * ArrowCircleRight icon component.
+ *
+ * @example
+ * ```tsx
+ * <ArrowCircleRightIcon weight="regular" />
+ * ```
+ */
+export function ArrowCircleRightIcon(rawProps: IconProps): JSX.Element {
+  const [local, others] = splitProps(rawProps, ["weight"]);
+  const weight = local.weight ?? "regular";
+  const content = weights.get(weight) ?? weights.get("regular");
+
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 256 256"
+      fill="currentColor"
+      {...others}
+    >
+      {content}
+    </svg>
+  );
+}

package/src/icons/ArrowCircleUp.tsx

@@ -0,0 +1,68 @@
+/* GENERATED FILE */
+import { type JSX, splitProps } from "solid-js";
+import type { IconProps } from "../lib/types.ts";
+
+const weights = new Map<IconProps["weight"], JSX.Element>([
+  [
+    "thin",
+    <g>
+      <path d="M128,28A100,100,0,1,0,228,128,100.11,100.11,0,0,0,128,28Zm0,192a92,92,0,1,1,92-92A92.1,92.1,0,0,1,128,220Zm34.83-102.83a4,4,0,0,1-5.66,5.66L132,97.66V168a4,4,0,0,1-8,0V97.66L98.83,122.83a4,4,0,0,1-5.66-5.66l32-32a4,4,0,0,1,5.66,0Z" />
+    </g>,
+  ],
+  [
+    "light",
+    <g>
+      <path d="M128,26A102,102,0,1,0,230,128,102.12,102.12,0,0,0,128,26Zm0,192a90,90,0,1,1,90-90A90.1,90.1,0,0,1,128,218Zm36.24-102.24a6,6,0,1,1-8.48,8.48L134,102.49V168a6,6,0,0,1-12,0V102.49l-21.76,21.75a6,6,0,0,1-8.48-8.48l32-32a6,6,0,0,1,8.48,0Z" />
+    </g>,
+  ],
+  [
+    "regular",
+    <g>
+      <path d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm37.66-101.66a8,8,0,0,1-11.32,11.32L136,107.31V168a8,8,0,0,1-16,0V107.31l-18.34,18.35a8,8,0,0,1-11.32-11.32l32-32a8,8,0,0,1,11.32,0Z" />
+    </g>,
+  ],
+  [
+    "bold",
+    <g>
+      <path d="M128,20A108,108,0,1,0,236,128,108.12,108.12,0,0,0,128,20Zm0,192a84,84,0,1,1,84-84A84.09,84.09,0,0,1,128,212Zm40.49-100.49a12,12,0,0,1-17,17L140,117v51a12,12,0,0,1-24,0V117l-11.51,11.52a12,12,0,0,1-17-17l32-32a12,12,0,0,1,17,0Z" />
+    </g>,
+  ],
+  [
+    "fill",
+    <g>
+      <path d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm37.66,101.66a8,8,0,0,1-11.32,0L136,107.31V168a8,8,0,0,1-16,0V107.31l-18.34,18.35a8,8,0,0,1-11.32-11.32l32-32a8,8,0,0,1,11.32,0l32,32A8,8,0,0,1,165.66,125.66Z" />
+    </g>,
+  ],
+  [
+    "duotone",
+    <g>
+      <path d="M224,128a96,96,0,1,1-96-96A96,96,0,0,1,224,128Z" opacity="0.2" />
+      <path d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm37.66-101.66a8,8,0,0,1-11.32,11.32L136,107.31V168a8,8,0,0,1-16,0V107.31l-18.34,18.35a8,8,0,0,1-11.32-11.32l32-32a8,8,0,0,1,11.32,0Z" />
+    </g>,
+  ],
+]);
+
+/**
+ * ArrowCircleUp icon component.
+ *
+ * @example
+ * ```tsx
+ * <ArrowCircleUpIcon weight="regular" />
+ * ```
+ */
+export function ArrowCircleUpIcon(rawProps: IconProps): JSX.Element {
+  const [local, others] = splitProps(rawProps, ["weight"]);
+  const weight = local.weight ?? "regular";
+  const content = weights.get(weight) ?? weights.get("regular");
+
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 256 256"
+      fill="currentColor"
+      {...others}
+    >
+      {content}
+    </svg>
+  );
+}

package/src/icons/ArrowCircleUpLeft.tsx

@@ -0,0 +1,68 @@
+/* GENERATED FILE */
+import { type JSX, splitProps } from "solid-js";
+import type { IconProps } from "../lib/types.ts";
+
+const weights = new Map<IconProps["weight"], JSX.Element>([
+  [
+    "thin",
+    <g>
+      <path d="M128,28A100,100,0,1,0,228,128,100.11,100.11,0,0,0,128,28Zm0,192a92,92,0,1,1,92-92A92.1,92.1,0,0,1,128,220Zm34.83-62.83a4,4,0,0,1-5.66,5.66L100,105.66V144a4,4,0,0,1-8,0V96a4,4,0,0,1,4-4h48a4,4,0,0,1,0,8H105.66Z" />
+    </g>,
+  ],
+  [
+    "light",
+    <g>
+      <path d="M128,26A102,102,0,1,0,230,128,102.12,102.12,0,0,0,128,26Zm0,192a90,90,0,1,1,90-90A90.1,90.1,0,0,1,128,218Zm36.24-62.24a6,6,0,1,1-8.48,8.48L102,110.49V144a6,6,0,0,1-12,0V96a6,6,0,0,1,6-6h48a6,6,0,0,1,0,12H110.49Z" />
+    </g>,
+  ],
+  [
+    "regular",
+    <g>
+      <path d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm37.66-61.66a8,8,0,0,1-11.32,11.32L104,115.31V144a8,8,0,0,1-16,0V96a8,8,0,0,1,8-8h48a8,8,0,0,1,0,16H115.31Z" />
+    </g>,
+  ],
+  [
+    "bold",
+    <g>
+      <path d="M128,20A108,108,0,1,0,236,128,108.12,108.12,0,0,0,128,20Zm0,192a84,84,0,1,1,84-84A84.09,84.09,0,0,1,128,212Zm40.49-60.49a12,12,0,0,1-17,17L108,125v19a12,12,0,0,1-24,0V96A12,12,0,0,1,96,84h48a12,12,0,0,1,0,24H125Z" />
+    </g>,
+  ],
+  [
+    "fill",
+    <g>
+      <path d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm37.66,141.66a8,8,0,0,1-11.32,0L104,115.31V144a8,8,0,0,1-16,0V96a8,8,0,0,1,8-8h48a8,8,0,0,1,0,16H115.31l50.35,50.34A8,8,0,0,1,165.66,165.66Z" />
+    </g>,
+  ],
+  [
+    "duotone",
+    <g>
+      <path d="M224,128a96,96,0,1,1-96-96A96,96,0,0,1,224,128Z" opacity="0.2" />
+      <path d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm37.66-61.66a8,8,0,0,1-11.32,11.32L104,115.31V144a8,8,0,0,1-16,0V96a8,8,0,0,1,8-8h48a8,8,0,0,1,0,16H115.31Z" />
+    </g>,
+  ],
+]);
+
+/**
+ * ArrowCircleUpLeft icon component.
+ *
+ * @example
+ * ```tsx
+ * <ArrowCircleUpLeftIcon weight="regular" />
+ * ```
+ */
+export function ArrowCircleUpLeftIcon(rawProps: IconProps): JSX.Element {
+  const [local, others] = splitProps(rawProps, ["weight"]);
+  const weight = local.weight ?? "regular";
+  const content = weights.get(weight) ?? weights.get("regular");
+
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 256 256"
+      fill="currentColor"
+      {...others}
+    >
+      {content}
+    </svg>
+  );
+}

package/src/icons/ArrowCircleUpRight.tsx

@@ -0,0 +1,68 @@
+/* GENERATED FILE */
+import { type JSX, splitProps } from "solid-js";
+import type { IconProps } from "../lib/types.ts";
+
+const weights = new Map<IconProps["weight"], JSX.Element>([
+  [
+    "thin",
+    <g>
+      <path d="M128,28A100,100,0,1,0,228,128,100.11,100.11,0,0,0,128,28Zm0,192a92,92,0,1,1,92-92A92.1,92.1,0,0,1,128,220ZM164,96v48a4,4,0,0,1-8,0V105.66L98.83,162.83a4,4,0,0,1-5.66-5.66L150.34,100H112a4,4,0,0,1,0-8h48A4,4,0,0,1,164,96Z" />
+    </g>,
+  ],
+  [
+    "light",
+    <g>
+      <path d="M128,26A102,102,0,1,0,230,128,102.12,102.12,0,0,0,128,26Zm0,192a90,90,0,1,1,90-90A90.1,90.1,0,0,1,128,218ZM166,96v48a6,6,0,0,1-12,0V110.49l-53.76,53.75a6,6,0,0,1-8.48-8.48L145.51,102H112a6,6,0,0,1,0-12h48A6,6,0,0,1,166,96Z" />
+    </g>,
+  ],
+  [
+    "regular",
+    <g>
+      <path d="M168,96v48a8,8,0,0,1-16,0V115.31l-50.34,50.35a8,8,0,0,1-11.32-11.32L140.69,104H112a8,8,0,0,1,0-16h48A8,8,0,0,1,168,96Zm64,32A104,104,0,1,1,128,24,104.11,104.11,0,0,1,232,128Zm-16,0a88,88,0,1,0-88,88A88.1,88.1,0,0,0,216,128Z" />
+    </g>,
+  ],
+  [
+    "bold",
+    <g>
+      <path d="M128,20A108,108,0,1,0,236,128,108.12,108.12,0,0,0,128,20Zm0,192a84,84,0,1,1,84-84A84.09,84.09,0,0,1,128,212ZM172,96v48a12,12,0,0,1-24,0V125l-43.51,43.52a12,12,0,0,1-17-17L131,108H112a12,12,0,0,1,0-24h48A12,12,0,0,1,172,96Z" />
+    </g>,
+  ],
+  [
+    "fill",
+    <g>
+      <path d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm40,120a8,8,0,0,1-16,0V115.31l-50.34,50.35a8,8,0,0,1-11.32-11.32L140.69,104H112a8,8,0,0,1,0-16h48a8,8,0,0,1,8,8Z" />
+    </g>,
+  ],
+  [
+    "duotone",
+    <g>
+      <path d="M224,128a96,96,0,1,1-96-96A96,96,0,0,1,224,128Z" opacity="0.2" />
+      <path d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216ZM168,96v48a8,8,0,0,1-16,0V115.31l-50.34,50.35a8,8,0,0,1-11.32-11.32L140.69,104H112a8,8,0,0,1,0-16h48A8,8,0,0,1,168,96Z" />
+    </g>,
+  ],
+]);
+
+/**
+ * ArrowCircleUpRight icon component.
+ *
+ * @example
+ * ```tsx
+ * <ArrowCircleUpRightIcon weight="regular" />
+ * ```
+ */
+export function ArrowCircleUpRightIcon(rawProps: IconProps): JSX.Element {
+  const [local, others] = splitProps(rawProps, ["weight"]);
+  const weight = local.weight ?? "regular";
+  const content = weights.get(weight) ?? weights.get("regular");
+
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 256 256"
+      fill="currentColor"
+      {...others}
+    >
+      {content}
+    </svg>
+  );
+}

package/src/icons/ArrowClockwise.tsx

@@ -0,0 +1,68 @@
+/* GENERATED FILE */
+import { type JSX, splitProps } from "solid-js";
+import type { IconProps } from "../lib/types.ts";
+
+const weights = new Map<IconProps["weight"], JSX.Element>([
+  [
+    "thin",
+    <g>
+      <path d="M236,56v48a4,4,0,0,1-4,4H184a4,4,0,0,1,0-8h37.7L187.53,68.69l-.13-.12a84,84,0,1,0-1.75,120.51,4,4,0,0,1,5.5,5.82A91.43,91.43,0,0,1,128,220h-1.26A92,92,0,1,1,193,62.84l35,32.05V56a4,4,0,1,1,8,0Z" />
+    </g>,
+  ],
+  [
+    "light",
+    <g>
+      <path d="M238,56v48a6,6,0,0,1-6,6H184a6,6,0,0,1,0-12h32.55l-30.38-27.8c-.06-.06-.12-.13-.19-.19a82,82,0,1,0-1.7,117.65,6,6,0,0,1,8.24,8.73A93.46,93.46,0,0,1,128,222h-1.28A94,94,0,1,1,194.37,61.4L226,90.35V56a6,6,0,1,1,12,0Z" />
+    </g>,
+  ],
+  [
+    "regular",
+    <g>
+      <path d="M240,56v48a8,8,0,0,1-8,8H184a8,8,0,0,1,0-16H211.4L184.81,71.64l-.25-.24a80,80,0,1,0-1.67,114.78,8,8,0,0,1,11,11.63A95.44,95.44,0,0,1,128,224h-1.32A96,96,0,1,1,195.75,60L224,85.8V56a8,8,0,1,1,16,0Z" />
+    </g>,
+  ],
+  [
+    "bold",
+    <g>
+      <path d="M244,56v48a12,12,0,0,1-12,12H184a12,12,0,1,1,0-24H201.1l-19-17.38c-.13-.12-.26-.24-.38-.37A76,76,0,1,0,127,204h1a75.53,75.53,0,0,0,52.15-20.72,12,12,0,0,1,16.49,17.45A99.45,99.45,0,0,1,128,228h-1.37A100,100,0,1,1,198.51,57.06L220,76.72V56a12,12,0,0,1,24,0Z" />
+    </g>,
+  ],
+  [
+    "fill",
+    <g>
+      <path d="M240,56v48a8,8,0,0,1-8,8H184a8,8,0,0,1-5.66-13.66l17-17-10.55-9.65-.25-.24a80,80,0,1,0-1.67,114.78,8,8,0,1,1,11,11.63A95.44,95.44,0,0,1,128,224h-1.32A96,96,0,1,1,195.75,60l10.93,10L226.34,50.3A8,8,0,0,1,240,56Z" />
+    </g>,
+  ],
+  [
+    "duotone",
+    <g>
+      <path d="M216,128a88,88,0,1,1-88-88A88,88,0,0,1,216,128Z" opacity="0.2" />
+      <path d="M240,56v48a8,8,0,0,1-8,8H184a8,8,0,0,1,0-16H211.4L184.81,71.64l-.25-.24a80,80,0,1,0-1.67,114.78,8,8,0,0,1,11,11.63A95.44,95.44,0,0,1,128,224h-1.32A96,96,0,1,1,195.75,60L224,85.8V56a8,8,0,1,1,16,0Z" />
+    </g>,
+  ],
+]);
+
+/**
+ * ArrowClockwise icon component.
+ *
+ * @example
+ * ```tsx
+ * <ArrowClockwiseIcon weight="regular" />
+ * ```
+ */
+export function ArrowClockwiseIcon(rawProps: IconProps): JSX.Element {
+  const [local, others] = splitProps(rawProps, ["weight"]);
+  const weight = local.weight ?? "regular";
+  const content = weights.get(weight) ?? weights.get("regular");
+
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 256 256"
+      fill="currentColor"
+      {...others}
+    >
+      {content}
+    </svg>
+  );
+}

package/src/icons/ArrowCounterClockwise.tsx

@@ -0,0 +1,68 @@
+/* GENERATED FILE */
+import { type JSX, splitProps } from "solid-js";
+import type { IconProps } from "../lib/types.ts";
+
+const weights = new Map<IconProps["weight"], JSX.Element>([
+  [
+    "thin",
+    <g>
+      <path d="M220,128a92,92,0,0,1-90.77,92H128a91.47,91.47,0,0,1-63.13-25.1,4,4,0,1,1,5.5-5.82A84,84,0,1,0,68.6,68.57l-.13.12L34.3,100H72a4,4,0,0,1,0,8H24a4,4,0,0,1-4-4V56a4,4,0,0,1,8,0V94.89l35-32A92,92,0,0,1,220,128Z" />
+    </g>,
+  ],
+  [
+    "light",
+    <g>
+      <path d="M222,128a94,94,0,0,1-92.74,94H128a93.43,93.43,0,0,1-64.5-25.65,6,6,0,1,1,8.24-8.72A82,82,0,1,0,70,70l-.19.19L39.44,98H72a6,6,0,0,1,0,12H24a6,6,0,0,1-6-6V56a6,6,0,0,1,12,0V90.34L61.63,61.4A94,94,0,0,1,222,128Z" />
+    </g>,
+  ],
+  [
+    "regular",
+    <g>
+      <path d="M224,128a96,96,0,0,1-94.71,96H128A95.38,95.38,0,0,1,62.1,197.8a8,8,0,0,1,11-11.63A80,80,0,1,0,71.43,71.39a3.07,3.07,0,0,1-.26.25L44.59,96H72a8,8,0,0,1,0,16H24a8,8,0,0,1-8-8V56a8,8,0,0,1,16,0V85.8L60.25,60A96,96,0,0,1,224,128Z" />
+    </g>,
+  ],
+  [
+    "bold",
+    <g>
+      <path d="M228,128a100,100,0,0,1-98.66,100H128a99.39,99.39,0,0,1-68.62-27.29,12,12,0,0,1,16.48-17.45,76,76,0,1,0-1.57-109c-.13.13-.25.25-.39.37L54.89,92H72a12,12,0,0,1,0,24H24a12,12,0,0,1-12-12V56a12,12,0,0,1,24,0V76.72L57.48,57.06A100,100,0,0,1,228,128Z" />
+    </g>,
+  ],
+  [
+    "fill",
+    <g>
+      <path d="M224,128a96,96,0,0,1-94.71,96H128A95.38,95.38,0,0,1,62.1,197.8a8,8,0,0,1,11-11.63A80,80,0,1,0,71.43,71.39a3.07,3.07,0,0,1-.26.25L60.63,81.29l17,17A8,8,0,0,1,72,112H24a8,8,0,0,1-8-8V56A8,8,0,0,1,29.66,50.3L49.31,70,60.25,60A96,96,0,0,1,224,128Z" />
+    </g>,
+  ],
+  [
+    "duotone",
+    <g>
+      <path d="M216,128a88,88,0,1,1-88-88A88,88,0,0,1,216,128Z" opacity="0.2" />
+      <path d="M224,128a96,96,0,0,1-94.71,96H128A95.38,95.38,0,0,1,62.1,197.8a8,8,0,0,1,11-11.63A80,80,0,1,0,71.43,71.39a3.07,3.07,0,0,1-.26.25L44.59,96H72a8,8,0,0,1,0,16H24a8,8,0,0,1-8-8V56a8,8,0,0,1,16,0V85.8L60.25,60A96,96,0,0,1,224,128Z" />
+    </g>,
+  ],
+]);
+
+/**
+ * ArrowCounterClockwise icon component.
+ *
+ * @example
+ * ```tsx
+ * <ArrowCounterClockwiseIcon weight="regular" />
+ * ```
+ */
+export function ArrowCounterClockwiseIcon(rawProps: IconProps): JSX.Element {
+  const [local, others] = splitProps(rawProps, ["weight"]);
+  const weight = local.weight ?? "regular";
+  const content = weights.get(weight) ?? weights.get("regular");
+
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 256 256"
+      fill="currentColor"
+      {...others}
+    >
+      {content}
+    </svg>
+  );
+}

package/src/icons/ArrowDown.tsx

@@ -0,0 +1,68 @@
+/* GENERATED FILE */
+import { type JSX, splitProps } from "solid-js";
+import type { IconProps } from "../lib/types.ts";
+
+const weights = new Map<IconProps["weight"], JSX.Element>([
+  [
+    "thin",
+    <g>
+      <path d="M202.83,146.83l-72,72a4,4,0,0,1-5.66,0l-72-72a4,4,0,0,1,5.66-5.66L124,206.34V40a4,4,0,0,1,8,0V206.34l65.17-65.17a4,4,0,0,1,5.66,5.66Z" />
+    </g>,
+  ],
+  [
+    "light",
+    <g>
+      <path d="M204.24,148.24l-72,72a6,6,0,0,1-8.48,0l-72-72a6,6,0,0,1,8.48-8.48L122,201.51V40a6,6,0,0,1,12,0V201.51l61.76-61.75a6,6,0,0,1,8.48,8.48Z" />
+    </g>,
+  ],
+  [
+    "regular",
+    <g>
+      <path d="M205.66,149.66l-72,72a8,8,0,0,1-11.32,0l-72-72a8,8,0,0,1,11.32-11.32L120,196.69V40a8,8,0,0,1,16,0V196.69l58.34-58.35a8,8,0,0,1,11.32,11.32Z" />
+    </g>,
+  ],
+  [
+    "bold",
+    <g>
+      <path d="M208.49,152.49l-72,72a12,12,0,0,1-17,0l-72-72a12,12,0,0,1,17-17L116,187V40a12,12,0,0,1,24,0V187l51.51-51.52a12,12,0,0,1,17,17Z" />
+    </g>,
+  ],
+  [
+    "fill",
+    <g>
+      <path d="M205.66,149.66l-72,72a8,8,0,0,1-11.32,0l-72-72A8,8,0,0,1,56,136h64V40a8,8,0,0,1,16,0v96h64a8,8,0,0,1,5.66,13.66Z" />
+    </g>,
+  ],
+  [
+    "duotone",
+    <g>
+      <path d="M200,144l-72,72L56,144Z" opacity="0.2" />
+      <path d="M207.39,140.94A8,8,0,0,0,200,136H136V40a8,8,0,0,0-16,0v96H56a8,8,0,0,0-5.66,13.66l72,72a8,8,0,0,0,11.32,0l72-72A8,8,0,0,0,207.39,140.94ZM128,204.69,75.31,152H180.69Z" />
+    </g>,
+  ],
+]);
+
+/**
+ * ArrowDown icon component.
+ *
+ * @example
+ * ```tsx
+ * <ArrowDownIcon weight="regular" />
+ * ```
+ */
+export function ArrowDownIcon(rawProps: IconProps): JSX.Element {
+  const [local, others] = splitProps(rawProps, ["weight"]);
+  const weight = local.weight ?? "regular";
+  const content = weights.get(weight) ?? weights.get("regular");
+
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 256 256"
+      fill="currentColor"
+      {...others}
+    >
+      {content}
+    </svg>
+  );
+}

package/src/icons/ArrowDownLeft.tsx

@@ -0,0 +1,68 @@
+/* GENERATED FILE */
+import { type JSX, splitProps } from "solid-js";
+import type { IconProps } from "../lib/types.ts";
+
+const weights = new Map<IconProps["weight"], JSX.Element>([
+  [
+    "thin",
+    <g>
+      <path d="M194.83,66.83,73.66,188H168a4,4,0,0,1,0,8H64a4,4,0,0,1-4-4V88a4,4,0,0,1,8,0v94.34L189.17,61.17a4,4,0,1,1,5.66,5.66Z" />
+    </g>,
+  ],
+  [
+    "light",
+    <g>
+      <path d="M196.24,68.24,78.48,186H168a6,6,0,0,1,0,12H64a6,6,0,0,1-6-6V88a6,6,0,0,1,12,0v89.52L187.76,59.76a6,6,0,0,1,8.48,8.48Z" />
+    </g>,
+  ],
+  [
+    "regular",
+    <g>
+      <path d="M197.66,69.66,83.31,184H168a8,8,0,0,1,0,16H64a8,8,0,0,1-8-8V88a8,8,0,0,1,16,0v84.69L186.34,58.34a8,8,0,0,1,11.32,11.32Z" />
+    </g>,
+  ],
+  [
+    "bold",
+    <g>
+      <path d="M200.49,72.48,93,180h75a12,12,0,0,1,0,24H64a12,12,0,0,1-12-12V88a12,12,0,0,1,24,0v75L183.51,55.51a12,12,0,0,1,17,17Z" />
+    </g>,
+  ],
+  [
+    "fill",
+    <g>
+      <path d="M197.66,69.66,127.31,140l46.35,46.34A8,8,0,0,1,168,200H64a8,8,0,0,1-8-8V88a8,8,0,0,1,13.66-5.66L116,128.69l70.34-70.35a8,8,0,0,1,11.32,11.32Z" />
+    </g>,
+  ],
+  [
+    "duotone",
+    <g>
+      <path d="M168,192H64V88Z" opacity="0.2" />
+      <path d="M197.66,58.34a8,8,0,0,0-11.32,0L116,128.69,69.66,82.34A8,8,0,0,0,56,88V192a8,8,0,0,0,8,8H168a8,8,0,0,0,5.66-13.66L127.31,140l70.35-70.34A8,8,0,0,0,197.66,58.34ZM72,184V107.31l38.34,38.34h0L148.69,184Z" />
+    </g>,
+  ],
+]);
+
+/**
+ * ArrowDownLeft icon component.
+ *
+ * @example
+ * ```tsx
+ * <ArrowDownLeftIcon weight="regular" />
+ * ```
+ */
+export function ArrowDownLeftIcon(rawProps: IconProps): JSX.Element {
+  const [local, others] = splitProps(rawProps, ["weight"]);
+  const weight = local.weight ?? "regular";
+  const content = weights.get(weight) ?? weights.get("regular");
+
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 256 256"
+      fill="currentColor"
+      {...others}
+    >
+      {content}
+    </svg>
+  );
+}

package/src/icons/ArrowDownRight.tsx

@@ -0,0 +1,68 @@
+/* GENERATED FILE */
+import { type JSX, splitProps } from "solid-js";
+import type { IconProps } from "../lib/types.ts";
+
+const weights = new Map<IconProps["weight"], JSX.Element>([
+  [
+    "thin",
+    <g>
+      <path d="M196,88V192a4,4,0,0,1-4,4H88a4,4,0,0,1,0-8h94.34L61.17,66.83a4,4,0,0,1,5.66-5.66L188,182.34V88a4,4,0,0,1,8,0Z" />
+    </g>,
+  ],
+  [
+    "light",
+    <g>
+      <path d="M198,88V192a6,6,0,0,1-6,6H88a6,6,0,0,1,0-12h89.52L59.76,68.24a6,6,0,0,1,8.48-8.48L186,177.52V88a6,6,0,0,1,12,0Z" />
+    </g>,
+  ],
+  [
+    "regular",
+    <g>
+      <path d="M200,88V192a8,8,0,0,1-8,8H88a8,8,0,0,1,0-16h84.69L58.34,69.66A8,8,0,0,1,69.66,58.34L184,172.69V88a8,8,0,0,1,16,0Z" />
+    </g>,
+  ],
+  [
+    "bold",
+    <g>
+      <path d="M204,88V192a12,12,0,0,1-12,12H88a12,12,0,0,1,0-24h75L55.51,72.48a12,12,0,0,1,17-17L180,163V88a12,12,0,0,1,24,0Z" />
+    </g>,
+  ],
+  [
+    "fill",
+    <g>
+      <path d="M200,88V192a8,8,0,0,1-8,8H88a8,8,0,0,1-5.66-13.66L128.69,140,58.34,69.66A8,8,0,0,1,69.66,58.34L140,128.69l46.34-46.35A8,8,0,0,1,200,88Z" />
+    </g>,
+  ],
+  [
+    "duotone",
+    <g>
+      <path d="M192,88V192H88Z" opacity="0.2" />
+      <path d="M195.06,80.61a8,8,0,0,0-8.72,1.73L140,128.69,69.66,58.34A8,8,0,0,0,58.34,69.66L128.69,140,82.34,186.34A8,8,0,0,0,88,200H192a8,8,0,0,0,8-8V88A8,8,0,0,0,195.06,80.61ZM184,184H107.31l38.34-38.34h0L184,107.31Z" />
+    </g>,
+  ],
+]);
+
+/**
+ * ArrowDownRight icon component.
+ *
+ * @example
+ * ```tsx
+ * <ArrowDownRightIcon weight="regular" />
+ * ```
+ */
+export function ArrowDownRightIcon(rawProps: IconProps): JSX.Element {
+  const [local, others] = splitProps(rawProps, ["weight"]);
+  const weight = local.weight ?? "regular";
+  const content = weights.get(weight) ?? weights.get("regular");
+
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 256 256"
+      fill="currentColor"
+      {...others}
+    >
+      {content}
+    </svg>
+  );
+}