@proyecto-viviana/ui 0.4.1 → 0.6.0

package/src/icon/s2wf-icons/UploadIcon.tsx

@@ -0,0 +1,36 @@
+/*
+ * Auto-generated from vendored React Spectrum S2 icon sources.
+ * Do not edit by hand.
+ */
+
+import { type JSX } from "solid-js";
+import { createIcon } from "../spectrum-icon";
+
+function UploadIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {
+  const { class: className, ...rest } = props;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="20"
+      height="20"
+      viewBox="0 0 20 20"
+      {...rest}
+      class={className}
+    >
+      <path
+        d="m13.52734,10.49121l-3.00244-2.99805c-.29297-.29297-.76709-.29297-1.06006,0l-2.99756,2.99805c-.29297.29297-.29297.76758,0,1.06055.14648.14648.33838.21973.53027.21973s.38379-.07324.53027-.21973l1.72217-1.72217v8.18018c0,.41406.33594.75.75.75s.75-.33594.75-.75v-8.17285l1.71777,1.71484c.29297.29297.76758.29297,1.06055,0,.29248-.29297.29248-.76855-.00098-1.06055Z"
+        fill="var(--iconPrimary, #222)"
+        stroke-width="0"
+      />
+      <path
+        d="m15.75,17h-2.79883c-.41406,0-.75-.33594-.75-.75s.33594-.75.75-.75h2.79883c.41357,0,.75-.33691.75-.75V4.25c0-.41309-.33643-.75-.75-.75H4.25c-.41357,0-.75.33691-.75.75v10.5c0,.41309.33643.75.75.75h2.72559c.41406,0,.75.33594.75.75s-.33594.75-.75.75h-2.72559c-1.24072,0-2.25-1.00977-2.25-2.25V4.25c0-1.24023,1.00928-2.25,2.25-2.25h11.5c1.24072,0,2.25,1.00977,2.25,2.25v10.5c0,1.24023-1.00928,2.25-2.25,2.25Z"
+        fill="var(--iconPrimary, #222)"
+        stroke-width="0"
+      />
+    </svg>
+  );
+}
+
+export type UploadIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const UploadIcon = createIcon(UploadIconSvg);
+export default UploadIcon;

package/src/icon/s2wf-icons/UploadToCloudIcon.tsx

@@ -0,0 +1,34 @@
+/*
+ * Auto-generated from vendored React Spectrum S2 icon sources.
+ * Do not edit by hand.
+ */
+
+import { type JSX } from "solid-js";
+import { createIcon } from "../spectrum-icon";
+
+function UploadToCloudIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {
+  const { class: className, ...rest } = props;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="20"
+      height="20"
+      viewBox="0 0 20 20"
+      {...rest}
+      class={className}
+    >
+      <path
+        d="m19.73877,11.66797c0,1.15771-.45068,2.24561-1.26904,3.06348s-1.90625,1.26855-3.06348,1.26855h-.65723c-.41406,0-.75-.33594-.75-.75s.33594-.75.75-.75h.65723c.75635,0,1.46777-.29443,2.00293-.82959.53516-.53467.82959-1.24561.82959-2.00244,0-.72754-.27686-1.41748-.7793-1.94189-.50146-.52393-1.17676-.8335-1.90234-.87207-.25439-.01367-.48486-.15576-.61133-.37695-.12646-.22168-.13184-.49219-.01367-.71826.12549-.24121.22217-.48975.28711-.73877.06836-.25977.10303-.52588.10303-.7915,0-.89355-.34766-1.7334-.979-2.36523-1.20801-1.20703-3.29639-1.27393-4.56787-.14062-.60059.53662-.98975,1.27246-1.09424,2.07275-.03076.23584-.17188.44336-.37988.55859-.20752.11572-.45752.12549-.6748.02686-.16846-.07666-.3418-.13574-.5166-.17529-.86035-.1958-1.7417.06934-2.34863.66211-.47461.46289-.73584,1.07666-.73584,1.72803,0,.16748.01807.33496.05322.49854.03467.1582.08643.31543.15283.46582.09961.22412.08301.48291-.04395.69287-.12744.20996-.34912.34424-.59375.35986-.49609.03174-.95654.24707-1.29785.60596-.34131.36035-.52979.83252-.52979,1.32959,0,.52148.20312,1.01172.57178,1.38037.36865.36816.8584.57129,1.37988.57129h2.09961c.41406,0,.75.33594.75.75s-.33594.75-.75.75h-2.09961c-.92188,0-1.78857-.35889-2.44043-1.01074-.65234-.65186-1.01123-1.51904-1.01123-2.44092,0-.88281.33447-1.72119.94141-2.36182.38721-.40771.86084-.71045,1.38232-.88965-.04297-.23145-.06445-.46631-.06445-.70117,0-1.05908.42188-2.0542,1.18848-2.80176.95605-.93408,2.3335-1.3501,3.67627-1.0625.26416-.81494.74072-1.55127,1.38672-2.12793.88184-.78613,2.01855-1.21924,3.20166-1.21924,1.29346,0,2.51025.50391,3.42529,1.41846.91455.91504,1.41846,2.13184,1.41846,3.42578,0,.39453-.05127.78906-.15234,1.17236-.01074.04199-.02246.08398-.03467.12549.72119.21191,1.37793.60889,1.90771,1.16211.771.80518,1.1958,1.86328,1.1958,2.97949Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="m13.85352,10.82373l-3.00293-2.99756c-.29297-.29199-.76709-.29248-1.06006.00049l-2.99707,2.99756c-.29297.29297-.29297.76758,0,1.06055.14648.14648.33838.21973.53027.21973s.38379-.07324.53027-.21973l1.72217-1.72253v8.18347c0,.41406.33594.75.75.75s.75-.33594.75-.75v-8.17517l1.71777,1.71472c.29248.29199.76709.29199,1.06055-.00098.29248-.29297.29248-.76807-.00098-1.06055Z"
+        fill="var(--iconPrimary, #222)"
+      />
+    </svg>
+  );
+}
+
+export type UploadToCloudIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const UploadToCloudIcon = createIcon(UploadToCloudIconSvg);
+export default UploadToCloudIcon;

package/src/icon/s2wf-icons/UserAddIcon.tsx

@@ -0,0 +1,38 @@
+/*
+ * Auto-generated from vendored React Spectrum S2 icon sources.
+ * Do not edit by hand.
+ */
+
+import { type JSX } from "solid-js";
+import { createIcon } from "../spectrum-icon";
+
+function UserAddIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {
+  const { class: className, ...rest } = props;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="20"
+      height="20"
+      viewBox="0 0 20 20"
+      {...rest}
+      class={className}
+    >
+      <path
+        d="m15,10.50195c-2.48535,0-4.5,2.01465-4.5,4.5s2.01465,4.5,4.5,4.5,4.5-2.01465,4.5-4.5-2.01465-4.5-4.5-4.5Zm2.5,5.12305h-1.875v1.875c0,.34473-.28027.625-.625.625s-.625-.28027-.625-.625v-1.875h-1.875c-.34473,0-.625-.28027-.625-.625s.28027-.625.625-.625h1.875v-1.875c0-.34473.28027-.625.625-.625s.625.28027.625.625v1.875h1.875c.34473,0,.625.28027.625.625s-.28027.625-.625.625Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="m2.27539,18.75195c-.05273,0-.10645-.00586-.16113-.01758-.4043-.08789-.66113-.4873-.57227-.89258.59473-2.72949,3.3125-5.02441,6.60742-5.5791.42285-.07715.7959.20703.86426.61426.06934.40918-.20605.7959-.61426.86426-2.70703.45605-4.9248,2.27344-5.39258,4.4209-.07617.35059-.38672.58984-.73145.58984Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="m10,10.85156c-2.48535,0-4.50684-2.15332-4.50684-4.7998S7.51465,1.25195,10,1.25195s4.50684,2.15332,4.50684,4.7998-2.02148,4.7998-4.50684,4.7998Zm0-8.09961c-1.6582,0-3.00684,1.48047-3.00684,3.2998s1.34863,3.2998,3.00684,3.2998,3.00684-1.48047,3.00684-3.2998-1.34863-3.2998-3.00684-3.2998Z"
+        fill="var(--iconPrimary, #222)"
+      />
+    </svg>
+  );
+}
+
+export type UserAddIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const UserAddIcon = createIcon(UserAddIconSvg);
+export default UserAddIcon;

package/src/icon/s2wf-icons/UserAvatarCursorIcon.tsx

@@ -0,0 +1,40 @@
+/*
+ * Auto-generated from vendored React Spectrum S2 icon sources.
+ * Do not edit by hand.
+ */
+
+import { type JSX } from "solid-js";
+import { createIcon } from "../spectrum-icon";
+
+function UserAvatarCursorIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {
+  const { class: className, ...rest } = props;
+  return (
+    <svg
+      id="f"
+      data-name="strokes"
+      xmlns="http://www.w3.org/2000/svg"
+      width="20"
+      height="20"
+      viewBox="0 0 20 20"
+      {...rest}
+      class={className}
+    >
+      <path
+        d="M10,1.25C5.1748,1.25,1.25,5.1748,1.25,10s3.9248,8.75,8.75,8.75c.33594,0,.66602-.01953.99121-.05566.41211-.0459.70801-.41699.66211-.82812-.04492-.41113-.41504-.69922-.82812-.66211-.27051.03027-.5459.0459-.8252.0459-1.82861,0-3.49609-.68555-4.77283-1.80615,1.06995-1.18799,3.26868-1.90674,5.40076-1.73877.4082.03516.77441-.27344.80762-.68652.03418-.41211-.27344-.77441-.68652-.80762-2.53418-.2041-5.12524.65479-6.53784,2.13574-.91309-1.21289-1.46118-2.71509-1.46118-4.34668,0-3.99805,3.25195-7.25,7.25-7.25s7.25,3.25195,7.25,7.25c0,.37207-.02832.74609-.08496,1.1123-.06348.40918.21777.79199.62695.85547.41016.06836.79297-.21777.85547-.62695.06836-.44141.10254-.89258.10254-1.34082,0-4.8252-3.9248-8.75-8.75-8.75Z"
+        fill="var(--iconPrimary, #222222)"
+      />
+      <path
+        d="M10.05371,11c-.02051,0-.01758-.01562-.06152-.00098-.59082,0-1.16602-.16797-1.66504-.48535-.49023-.31348-.89062-.75098-1.1582-1.26562-.2832-.53906-.42773-1.14746-.41797-1.75781-.02344-1.17578.56348-2.28711,1.57129-2.94629,1.01855-.64844,2.32715-.64941,3.3418-.00488.49121.31836.89062.75293,1.16309,1.25977.28223.51953.42871,1.1123.42285,1.71094.00977.5918-.13574,1.20215-.41895,1.74609-.26855.51465-.66895.9541-1.1582,1.27051-.48828.31055-1.0459.47363-1.61914.47363ZM10.00977,9.49902h.00977c.30664-.00391.5918-.07422.84277-.23535.26758-.17285.48926-.41602.63867-.70215.16895-.32324.25488-.68555.24902-1.04785.00391-.36328-.08008-.70312-.24316-1.00195-.1543-.28906-.37988-.5332-.65332-.71094-.51953-.33008-1.19531-.33008-1.71875.00391-.56445.36914-.89746,1-.88379,1.68262-.00586.38672.08008.74609.24707,1.06543.14844.28418.36816.52441.63672.69629.25586.16309.55273.25.8584.25h.0166Z"
+        fill="var(--iconPrimary, #222222)"
+      />
+      <path
+        d="M14.25781,18.36133c-.16113,0-.32422-.03125-.47949-.09473-.47266-.19531-.77832-.65137-.77832-1.16211v-4.37012c0-.50977.30371-.96484.77441-1.16016.47363-.19531,1.01074-.08887,1.36914.27051l2.98633,2.97754c.36426.36426.4707.91113.27051,1.39453-.19727.47559-.65137.7832-1.1582.7832h-1.11426l-.97852.98828c-.24219.24414-.56348.37305-.8916.37305ZM14.5,13.32129v3.19141l.66504-.67188c.22363-.22656.52441-.34082.89258-.34082h.62793l-2.18555-2.17871Z"
+        fill="var(--iconPrimary, #222222)"
+      />
+    </svg>
+  );
+}
+
+export type UserAvatarCursorIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const UserAvatarCursorIcon = createIcon(UserAvatarCursorIconSvg);
+export default UserAvatarCursorIcon;

package/src/icon/s2wf-icons/UserAvatarIcon.tsx

@@ -0,0 +1,30 @@
+/*
+ * Auto-generated from vendored React Spectrum S2 icon sources.
+ * Do not edit by hand.
+ */
+
+import { type JSX } from "solid-js";
+import { createIcon } from "../spectrum-icon";
+
+function UserAvatarIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {
+  const { class: className, ...rest } = props;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="20"
+      height="20"
+      viewBox="0 0 20 20"
+      {...rest}
+      class={className}
+    >
+      <path
+        d="m10,1.25C5.17529,1.25,1.25,5.17529,1.25,10s3.92529,8.75,8.75,8.75,8.75-3.92529,8.75-8.75S14.82471,1.25,10,1.25Zm0,1.5c3.99756,0,7.25,3.25244,7.25,7.25,0,1.63177-.54846,3.13422-1.46179,4.34717-1.48169-1.24371-3.58673-1.97217-5.78821-1.97217-2.26733,0-4.41754.74091-5.79742,1.95984-.90771-1.21082-1.45258-2.70856-1.45258-4.33484,0-3.99756,3.25244-7.25,7.25-7.25Zm-4.77966,12.68713c1.10168-.95905,2.90839-1.56213,4.77966-1.56213,1.7973,0,3.56195.59155,4.76843,1.57239-1.27618,1.11859-2.94214,1.80261-4.76843,1.80261-1.83173,0-3.50201-.68835-4.77966-1.81287Zm4.83777-4.03723c-.02148,0-.05713-.01025-.06299-.00049-.63721,0-1.25781-.18066-1.7959-.52295-.5293-.33887-.96143-.81055-1.25098-1.36621-.30566-.58301-.4624-1.24072-.45215-1.90039-.02441-1.27246.60986-2.47168,1.69727-3.18262,1.09814-.69775,2.50781-.69824,3.59912-.00537.52783.3418.95947.81055,1.25439,1.3584.30664.56543.46484,1.20605.45703,1.85059.01074.64014-.14551,1.30078-.45215,1.88818-.29053.55615-.72266,1.03027-1.24951,1.37109-.52637.33496-1.12646.50977-1.74414.50977Zm-.04834-1.50049h.00977c.34814.01562.68164-.08643.97266-.27197.30518-.19727.55908-.47607.72949-.80273.19141-.36621.28906-.77832.28223-1.19092.00488-.41064-.09082-.79785-.27686-1.14062-.17627-.32812-.43359-.60742-.74414-.80859-.59619-.37793-1.37402-.37891-1.97705.00391-.64404.4209-1.02441,1.14014-1.00977,1.91895-.00635.43555.09082.84424.28125,1.20801.16992.32471.42139.6001.72852.79639.29541.18799.6377.2876.98926.2876h.01465Z"
+        fill="var(--iconPrimary, #222)"
+      />
+    </svg>
+  );
+}
+
+export type UserAvatarIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const UserAvatarIcon = createIcon(UserAvatarIconSvg);
+export default UserAvatarIcon;

package/src/icon/s2wf-icons/UserEditIcon.tsx

@@ -0,0 +1,41 @@
+/*
+ * Auto-generated from vendored React Spectrum S2 icon sources.
+ * Do not edit by hand.
+ */
+
+import { type JSX } from "solid-js";
+import { createIcon } from "../spectrum-icon";
+
+function UserEditIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {
+  const { class: className, ...rest } = props;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="20"
+      height="20"
+      viewBox="0 0 20 20"
+      {...rest}
+      class={className}
+    >
+      <path
+        d="m18.57102,10.04276c-.9659-.79146-2.4532-.68844-3.379.2393l-4.1826,4.1826c-.248.2476-.4326.5557-.5332.8906l-.95408,3.1597c-.08008.2647-.00781.5518.1875.7471.14258.1426.33398.2197.53028.2197.0723,0,.1455-.0102.2168-.0322l3.1582-.9536c.3359-.1011.6445-.2852.8906-.5327,0,0,4.125-4.1246,4.2529-4.253.4932-.4927.7569-1.1753.7217-1.872-.0342-.6968-.3662-1.3511-.9091-1.7955Zm-7.209,7.5664l.5508-1.8212c.017-.0574.0578-.1019.0903-.1517l1.3323,1.3322c-.0501.0328-.0948.0737-.1531.0914l-1.8203.5493Zm6.3349-4.9585c-.0927.0933-2.2512,2.2515-3.4558,3.4559l-1.3764-1.376,3.3879-3.388c.2217-.2216.5127-.3369.793-.3369.2099,0,.4131.065.5761.1983.2188.1787.3467.4306.3604.7085.0137.2783-.0869.54-.2852.7382Z"
+        fill="var(--iconPrimary, #222)"
+        stroke-width="0"
+      />
+      <path
+        d="m8.99983,11.24967c-2.61914,0-4.75-2.24316-4.75-5S6.38069,1.24967,8.99983,1.24967s4.75,2.24316,4.75,5-2.13086,5-4.75,5Zm0-8.5c-1.79199,0-3.25,1.57031-3.25,3.5s1.45801,3.5,3.25,3.5,3.25-1.57031,3.25-3.5-1.45801-3.5-3.25-3.5Z"
+        fill="var(--iconPrimary, #222)"
+        stroke-width="0"
+      />
+      <path
+        d="m1.75081,18.74967c-.02393,0-.04834-.00098-.07275-.00391-.4126-.03906-.71436-.40527-.6748-.81836.30664-3.18359,3.81934-5.67773,7.99658-5.67773.24805,0,.49316.00879.73438.02539.41309.02832.72461.38672.6958.7998s-.38135.71094-.80029.69629c-.20703-.01465-.41699-.02148-.62988-.02148-3.41309,0-6.27002,1.89844-6.50342,4.32227-.0376.3877-.36377.67773-.74561.67773Z"
+        fill="var(--iconPrimary, #222)"
+        stroke-width="0"
+      />
+    </svg>
+  );
+}
+
+export type UserEditIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const UserEditIcon = createIcon(UserEditIconSvg);
+export default UserEditIcon;

package/src/icon/s2wf-icons/UserFollowingIcon.tsx

@@ -0,0 +1,41 @@
+/*
+ * Auto-generated from vendored React Spectrum S2 icon sources.
+ * Do not edit by hand.
+ */
+
+import { type JSX } from "solid-js";
+import { createIcon } from "../spectrum-icon";
+
+function UserFollowingIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {
+  const { class: className, ...rest } = props;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="20"
+      height="20"
+      viewBox="0 0 20 20"
+      {...rest}
+      class={className}
+    >
+      <path
+        d="m15,10.49998c-2.48535,0-4.5,2.01465-4.5,4.5s2.01465,4.5,4.5,4.5,4.5-2.01465,4.5-4.5-2.01465-4.5-4.5-4.5Zm2.39941,3.3501l-2.30908,3.1499c-.11084.15186-.28467.24512-.47266.25439-.01025.00049-.021.00098-.03125.00098-.17676,0-.3457-.07471-.46484-.20703l-1.43848-1.59912c-.23047-.25684-.20996-.65186.04688-.88281.25586-.23096.65088-.21045.88281.04688l.92432,1.02734,1.85449-2.52979c.2041-.27832.59619-.33887.87354-.13428.27832.2041.33838.59521.13428.87354Z"
+        fill="var(--iconPrimary, #222)"
+        stroke-width="0"
+      />
+      <path
+        d="m2.27441,18.75194c-.05273,0-.10645-.00537-.16016-.01709-.40479-.08838-.66162-.48828-.57324-.89258.5957-2.73096,3.31348-5.02539,6.6084-5.58008.40625-.06543.79492.20654.86426.61523.06885.40869-.20703.79541-.61523.86426-2.70605.45557-4.92334,2.27295-5.3916,4.41992-.07666.35107-.38721.59033-.73242.59033Z"
+        fill="var(--iconPrimary, #222)"
+        stroke-width="0"
+      />
+      <path
+        d="m10,10.85204c-2.48535,0-4.50732-2.15332-4.50732-4.80029,0-2.64648,2.02197-4.7998,4.50732-4.7998s4.50732,2.15332,4.50732,4.7998c0,2.64697-2.02197,4.80029-4.50732,4.80029Zm0-8.1001c-1.6582,0-3.00732,1.48047-3.00732,3.2998,0,1.81982,1.34912,3.30029,3.00732,3.30029s3.00732-1.48047,3.00732-3.30029c0-1.81934-1.34912-3.2998-3.00732-3.2998Z"
+        fill="var(--iconPrimary, #222)"
+        stroke-width="0"
+      />
+    </svg>
+  );
+}
+
+export type UserFollowingIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const UserFollowingIcon = createIcon(UserFollowingIconSvg);
+export default UserFollowingIcon;

package/src/icon/s2wf-icons/UserGroupIcon.tsx

@@ -0,0 +1,30 @@
+/*
+ * Auto-generated from vendored React Spectrum S2 icon sources.
+ * Do not edit by hand.
+ */
+
+import { type JSX } from "solid-js";
+import { createIcon } from "../spectrum-icon";
+
+function UserGroupIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {
+  const { class: className, ...rest } = props;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="20"
+      height="20"
+      viewBox="0 0 20 20"
+      {...rest}
+      class={className}
+    >
+      <path
+        d="m12.25293,11.94922c-2.27637,0-4.12793-1.94629-4.12793-4.33887s1.85156-4.33887,4.12793-4.33887,4.12793,1.94629,4.12793,4.33887-1.85156,4.33887-4.12793,4.33887Zm0-7.17773c-1.44922,0-2.62793,1.27344-2.62793,2.83887s1.17871,2.83887,2.62793,2.83887,2.62793-1.27344,2.62793-2.83887-1.17871-2.83887-2.62793-2.83887Zm-5.37598,12.84082c.21484-1.99219,2.57617-3.55273,5.37598-3.55273,2.82324,0,5.18457,1.55664,5.37598,3.54492.04004.41309.41602.72656.81836.67383.41211-.03906.71387-.40527.67383-.81836-.26367-2.74805-3.28125-4.90039-6.86816-4.90039-3.61426,0-6.56641,2.10352-6.86816,4.89258-.04395.41113.25391.78125.66602.82617.02734.00293.05371.00391.08105.00391.37793,0,.70312-.28516.74512-.66992Zm.24023-7.89355c.16895-.37793.00098-.82227-.37695-.99219-.98535-.44238-1.62109-1.47168-1.62109-2.62207,0-1.56543,1.17871-2.83887,2.62793-2.83887.15234,0,.30078.01465.44629.04102.40234.08105.7998-.19238.87402-.60059.0752-.40723-.19336-.79883-.60059-.87402-.2334-.04395-.47363-.06641-.71973-.06641-2.27637,0-4.12793,1.94629-4.12793,4.33887,0,1.74023.9834,3.30664,2.50586,3.99121.09961.04395.2041.06543.30762.06543.28613,0,.55957-.16504.68457-.44238Zm-4.74609,6.38867c.20508-1.90234,2.36914-3.42676,5.03223-3.5459.41406-.01855.73438-.36816.71582-.78223-.01758-.40234-.34961-.7168-.74805-.7168-.01172,0-.02344,0-.03418.00098-3.45312.1543-6.16797,2.20703-6.45801,4.88184-.04395.41211.25391.78223.66504.82715.02832.00293.05469.00391.08203.00391.37793,0,.70312-.28516.74512-.66895Z"
+        fill="var(--iconPrimary, #222)"
+      />
+    </svg>
+  );
+}
+
+export type UserGroupIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const UserGroupIcon = createIcon(UserGroupIconSvg);
+export default UserGroupIcon;

package/src/icon/s2wf-icons/UserIcon.tsx

@@ -0,0 +1,34 @@
+/*
+ * Auto-generated from vendored React Spectrum S2 icon sources.
+ * Do not edit by hand.
+ */
+
+import { type JSX } from "solid-js";
+import { createIcon } from "../spectrum-icon";
+
+function UserIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {
+  const { class: className, ...rest } = props;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="20"
+      height="20"
+      viewBox="0 0 20 20"
+      {...rest}
+      class={className}
+    >
+      <path
+        d="m10,11.25c-2.61914,0-4.75-2.24316-4.75-5S7.38086,1.25,10,1.25s4.75,2.24316,4.75,5-2.13086,5-4.75,5Zm0-8.5c-1.79199,0-3.25,1.57031-3.25,3.5s1.45801,3.5,3.25,3.5,3.25-1.57031,3.25-3.5-1.45801-3.5-3.25-3.5Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="m17.24902,18.75c-.37793,0-.70312-.28516-.74463-.66895-.2627-2.42871-3.12012-4.33105-6.50439-4.33105-3.41357,0-6.27051,1.89844-6.50342,4.32227-.04004.41211-.40967.72754-.81836.67383-.41211-.03906-.71436-.40527-.6748-.81836.30615-3.18359,3.81885-5.67773,7.99658-5.67773,4.2085,0,7.646,2.4375,7.99561,5.66895.04443.41211-.25293.78223-.66504.82715-.02734.00293-.05469.00391-.08154.00391Z"
+        fill="var(--iconPrimary, #222)"
+      />
+    </svg>
+  );
+}
+
+export type UserIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const UserIcon = createIcon(UserIconSvg);
+export default UserIcon;

package/src/icon/s2wf-icons/UserLockIcon.tsx

@@ -0,0 +1,38 @@
+/*
+ * Auto-generated from vendored React Spectrum S2 icon sources.
+ * Do not edit by hand.
+ */
+
+import { type JSX } from "solid-js";
+import { createIcon } from "../spectrum-icon";
+
+function UserLockIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {
+  const { class: className, ...rest } = props;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="20"
+      height="20"
+      viewBox="0 0 20 20"
+      {...rest}
+      class={className}
+    >
+      <path
+        d="m10,11.25c-2.61914,0-4.75-2.24316-4.75-5S7.38086,1.25,10,1.25s4.75,2.24316,4.75,5-2.13086,5-4.75,5Zm0-8.5c-1.79199,0-3.25,1.57031-3.25,3.5s1.45801,3.5,3.25,3.5,3.25-1.57031,3.25-3.5-1.45801-3.5-3.25-3.5Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="m2.75098,18.75c-.02441,0-.04883-.00098-.07324-.00391-.41211-.03906-.71387-.40527-.67383-.81836.30566-3.18359,3.81836-5.67773,7.99609-5.67773.67676,0,1.34668.06348,1.99121.18848.40723.0791.67285.47266.59375.87891-.07812.40723-.47949.67871-.87891.59375-.55078-.10742-1.125-.16113-1.70605-.16113-3.41406,0-6.27051,1.89844-6.50391,4.32227-.03711.3877-.36328.67773-.74512.67773Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="m18.00977,14.00195v-.99219c0-1.1084-.90137-2.00977-2.00977-2.00977s-2.00977.90137-2.00977,2.00977v.99219c-.54749.00562-.99023.44922-.99023.99805v3c0,.55225.44775,1,1,1h4c.55225,0,1-.44775,1-1v-3c0-.54883-.44275-.99243-.99023-.99805Zm-2.00977-1.75195c.41895,0,.75977.34082.75977.75977v.99023h-1.51953v-.99023c0-.41895.34082-.75977.75977-.75977Z"
+        fill="var(--iconPrimary, #222)"
+      />
+    </svg>
+  );
+}
+
+export type UserLockIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const UserLockIcon = createIcon(UserLockIconSvg);
+export default UserLockIcon;

package/src/icon/s2wf-icons/UserSettingsIcon.tsx

@@ -0,0 +1,41 @@
+/*
+ * Auto-generated from vendored React Spectrum S2 icon sources.
+ * Do not edit by hand.
+ */
+
+import { type JSX } from "solid-js";
+import { createIcon } from "../spectrum-icon";
+
+function UserSettingsIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {
+  const { class: className, ...rest } = props;
+  return (
+    <svg
+      id="f"
+      data-name="ICONS"
+      xmlns="http://www.w3.org/2000/svg"
+      width="20"
+      height="20"
+      viewBox="0 0 20 20"
+      {...rest}
+      class={className}
+    >
+      <circle cx="14.20138" cy="14.53859" r="1.24979" fill="var(--iconPrimary, #222)" />
+      <path
+        d="M12.40918,19.66113c-.23047,0-.46387-.05762-.67578-.17871l-.49316-.28125c-.61719-.35156-.86426-1.13184-.56445-1.77539l.30078-.64648c-.12109-.17383-.22852-.35645-.32031-.54785l-.71191-.05566c-.70703-.05469-1.26367-.6543-1.26758-1.36426l-.00293-.56738c-.00391-.72168.53516-1.31348,1.25391-1.37695l.70996-.0625c.04492-.0957.09277-.18945.14551-.28223.05176-.09082.10938-.18164.16992-.26953l-.30762-.64355c-.30664-.63965-.06641-1.42188.54785-1.78027l.49023-.28711c.61133-.35645,1.41211-.18164,1.81836.39844l.41113.58496c.21191-.01855.42383-.01855.63379-.00293l.4043-.58887c.40137-.58398,1.19824-.76855,1.81543-.41602l.49316.28125c.61719.35156.86426,1.13184.56445,1.77539l-.30078.64648c.12109.17383.22852.35645.32031.54785l.71191.05566c.70703.05469,1.26367.6543,1.26758,1.36426l.00293.56738c.00391.72168-.53516,1.31348-1.25391,1.37695l-.70996.0625c-.04492.0957-.09277.18945-.14551.28223,0,0,0,.00098-.00098.00098-.05176.09082-.1084.18066-.16895.26855l.30762.64355c.30664.63965.06641,1.42188-.54785,1.78027l-.49023.28711c-.60938.35742-1.41016.18164-1.81836-.39844l-.41113-.58496c-.21191.01855-.42383.01953-.63379.00293l-.4043.58887c-.26367.38379-.69824.59473-1.13965.59473ZM12.37598,10.60547c-.02148,0-.04297.00488-.06152.0166l-.49121.28711c-.05566.03223-.07715.10254-.0498.16016l.47266.98926c.10547.22266.07129.48633-.08789.67383-.10645.12598-.2041.26172-.29004.41016-.08398.14746-.15039.30176-.20508.45898-.08203.23047-.29102.39258-.53418.41406l-1.09082.09668c-.06543.00586-.11426.06055-.11426.12598l.00293.56738c0,.06543.0498.11914.11523.12402l1.0918.08594c.24512.01953.45605.18066.53906.41211.11328.31543.2832.60449.50391.86133.16113.18555.19727.44922.09375.67188l-.46191.99316c-.02734.05859-.00488.12988.05078.16113l.49316.28125c.05762.03125.12988.01367.16504-.03711l.62012-.90332c.13965-.20312.38281-.30762.62695-.26172.33105.05957.66797.05957.99707-.00391.23926-.04688.48926.05371.62988.25391l.62891.89648c.03711.05371.11133.07031.16504.03711l.49121-.28711c.05566-.03223.07715-.10254.0498-.16016l-.47266-.98926c-.10547-.22266-.07129-.48633.08789-.67383.10645-.12598.2041-.26172.29004-.41016.08398-.14844.15039-.30273.20508-.45898.08203-.23047.29102-.39258.53418-.41406l1.09082-.09668c.06543-.00586.11426-.06055.11426-.12598l-.00293-.56738c0-.06543-.0498-.11914-.11523-.12402l-1.0918-.08594c-.24512-.01953-.45605-.18066-.53906-.41211-.11328-.31543-.2832-.60449-.50391-.86133-.16113-.18555-.19727-.44922-.09375-.67188l.46191-.99316c.02734-.05859.00488-.12988-.05078-.16113l-.49316-.28125c-.05859-.0332-.13086-.01465-.16504.03711l-.62012.90332c-.13965.20312-.3877.30762-.62695.26172-.33105-.05957-.66797-.05859-.99707.00391-.23926.04883-.48828-.05273-.62988-.25391l-.62891-.89648c-.02441-.03516-.06348-.05371-.10352-.05371ZM17.17383,16.16797h.00977-.00977Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="M7.37793,9.67773c-2.27637,0-4.12793-1.94629-4.12793-4.33887S5.10156,1,7.37793,1s4.12793,1.94629,4.12793,4.33887-1.85156,4.33887-4.12793,4.33887ZM7.37793,2.5c-1.44922,0-2.62793,1.27344-2.62793,2.83887s1.17871,2.83887,2.62793,2.83887,2.62793-1.27344,2.62793-2.83887-1.17871-2.83887-2.62793-2.83887Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="M.75064,17.22559c-.02441,0-.04785-.00098-.07227-.00391-.41309-.03906-.71484-.40527-.6748-.81738.29102-3.03027,3.62793-5.4043,7.59766-5.4043.41406,0,.75.33594.75.75s-.33594.75-.75.75c-3.20508,0-5.88672,1.77734-6.10547,4.04688-.03711.38867-.36328.67871-.74512.67871Z"
+        fill="var(--iconPrimary, #222)"
+      />
+    </svg>
+  );
+}
+
+export type UserSettingsIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const UserSettingsIcon = createIcon(UserSettingsIconSvg);
+export default UserSettingsIcon;

package/src/icon/s2wf-icons/UsersLockIcon.tsx

@@ -0,0 +1,46 @@
+/*
+ * Auto-generated from vendored React Spectrum S2 icon sources.
+ * Do not edit by hand.
+ */
+
+import { type JSX } from "solid-js";
+import { createIcon } from "../spectrum-icon";
+
+function UsersLockIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {
+  const { class: className, ...rest } = props;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="20"
+      height="20"
+      viewBox="0 0 20 20"
+      {...rest}
+      class={className}
+    >
+      <path
+        d="m11.75,10.74805c-2.27637,0-4.12793-1.94629-4.12793-4.33887s1.85156-4.33887,4.12793-4.33887,4.12793,1.94629,4.12793,4.33887-1.85156,4.33887-4.12793,4.33887Zm0-7.17773c-1.44922,0-2.62793,1.27344-2.62793,2.83887s1.17871,2.83887,2.62793,2.83887,2.62793-1.27344,2.62793-2.83887-1.17871-2.83887-2.62793-2.83887Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="m5.57715,16.99805c-.02734,0-.05469-.00098-.08203-.00391-.41113-.04492-.70898-.41504-.66504-.82715.30273-2.78809,3.25488-4.89062,6.86816-4.89062.41406,0,.75.33594.75.75s-.33594.75-.75.75c-2.79883,0-5.16016,1.56055-5.37598,3.55273-.04199.38379-.36719.66895-.74512.66895Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="m5.87793,8.99805c-.10352,0-.20801-.02148-.30762-.06641-1.52148-.68359-2.50488-2.25-2.50488-3.99023C3.06543,2.54883,4.91699.60254,7.19336.60254c.24316,0,.4834.02246.71582.06445.4082.07422.67871.46387.60547.87109-.07324.4082-.46387.67773-.87109.60547-.14648-.02637-.29688-.04102-.4502-.04102-1.44922,0-2.62793,1.27344-2.62793,2.83887,0,1.15039.63574,2.17969,1.62012,2.62305.37793.16895.5459.61328.37598.99121-.125.27832-.39746.44238-.68359.44238Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="m1.07129,15.49805c-.02734,0-.05469-.00098-.08203-.00391-.41211-.04492-.70898-.41504-.66504-.82715.29102-2.6748,3.00684-4.72852,6.45898-4.88184.37598-.04785.76367.30176.78223.71582s-.30176.76367-.71582.78223c-2.66309.11914-4.82715,1.64355-5.0332,3.5459-.04199.38379-.36719.66895-.74512.66895Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="m19,14.99805c0-.55054-.44507-.99622-.99512-.99902v-.99121c0-1.1084-.90137-2.00977-2.00977-2.00977-1.10742,0-2.00879.90137-2.00879,2.00977v.99292c-.54565.00781-.98633.44995-.98633.99731v3c0,.22058.08569.41382.20654.5791.07568.10352.16699.18811.27612.2561.1532.09521.32373.16479.51733.16479h4c.1936,0,.36414-.06958.51733-.16479.10913-.06799.20044-.15259.27612-.2561.12085-.16528.20654-.35852.20654-.5791v-3Zm-3.00488-2.75c.41895,0,.75977.34082.75977.75977v.99023h-1.51855v-.99023c0-.41895.34082-.75977.75879-.75977Z"
+        fill="var(--iconPrimary, #222)"
+      />
+    </svg>
+  );
+}
+
+export type UsersLockIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const UsersLockIcon = createIcon(UsersLockIconSvg);
+export default UsersLockIcon;

package/src/icon/s2wf-icons/VectorDrawIcon.tsx

@@ -0,0 +1,31 @@
+/*
+ * Auto-generated from vendored React Spectrum S2 icon sources.
+ * Do not edit by hand.
+ */
+
+import { type JSX } from "solid-js";
+import { createIcon } from "../spectrum-icon";
+
+function VectorDrawIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {
+  const { class: className, ...rest } = props;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="20"
+      height="20"
+      viewBox="0 0 20 20"
+      {...rest}
+      class={className}
+    >
+      <path
+        d="m17.67773,5.25098l-2.95898-2.95898c-.84961-.84961-2.33301-.85059-3.18262,0l-1.24609,1.24707c-.00708.00708-.00928.01685-.01611.02417l-4.48389,2.44556c-.57422.31445-1.01953.82324-1.25293,1.43555l-3.31738,8.71777c-.27734.73242-.09961,1.5625.4541,2.11816.38184.38184.88965.58398,1.4082.58398.25098,0,.50293-.04688.74512-.14355l9.24805-3.71973c.62305-.25,1.13281-.71875,1.43457-1.32227l2.07812-4.15625,1.08984-1.08984c.87695-.87598.87695-2.30371,0-3.18164Zm-4.50977,7.75684c-.13672.27441-.36816.4873-.65234.60059l-8.43457,3.39258,4.2616-4.26172c.05383.00732.10156.03174.15735.03174.69043,0,1.25-.55957,1.25-1.25,0-.69019-.55957-1.25-1.25-1.25s-1.25.55981-1.25,1.25c0,.05615.02466.104.03186.1582l-4.4408,4.44067,3.09839-8.14136c.10547-.27832.30859-.51074.56934-.65332l4.35742-2.37695,4.22168,4.22168-1.91992,3.83789Zm3.44922-5.63574l-.60303.60303-4.01978-4.01978.60229-.60278c.2832-.2832.77734-.2832,1.06055,0l2.95898,2.95898c.29297.29199.29297.76855.00098,1.06055Z"
+        fill="var(--iconPrimary, #222)"
+        stroke-width="0"
+      />
+    </svg>
+  );
+}
+
+export type VectorDrawIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const VectorDrawIcon = createIcon(VectorDrawIconSvg);
+export default VectorDrawIcon;

package/src/icon/s2wf-icons/VideoIcon.tsx

@@ -0,0 +1,34 @@
+/*
+ * Auto-generated from vendored React Spectrum S2 icon sources.
+ * Do not edit by hand.
+ */
+
+import { type JSX } from "solid-js";
+import { createIcon } from "../spectrum-icon";
+
+function VideoIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {
+  const { class: className, ...rest } = props;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="20"
+      height="20"
+      viewBox="0 0 20 20"
+      {...rest}
+      class={className}
+    >
+      <path
+        d="m15.75,18H4.25c-1.24023,0-2.25-1.00977-2.25-2.25V4.25c0-1.24023,1.00977-2.25,2.25-2.25h11.5c1.24023,0,2.25,1.00977,2.25,2.25v11.5c0,1.24023-1.00977,2.25-2.25,2.25ZM4.25,3.5c-.41309,0-.75.33691-.75.75v11.5c0,.41309.33691.75.75.75h11.5c.41309,0,.75-.33691.75-.75V4.25c0-.41309-.33691-.75-.75-.75H4.25Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="m13.07307,9.11916l-4.59971-2.47212c-.66621-.35806-1.47342.12451-1.47342.88085v4.94424c0,.75633.80721,1.2389,1.47342.88085l4.59972-2.47213c.70212-.37736.70212-1.38433,0-1.76169Z"
+        fill="var(--iconPrimary, #222)"
+      />
+    </svg>
+  );
+}
+
+export type VideoIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const VideoIcon = createIcon(VideoIconSvg);
+export default VideoIcon;

package/src/icon/s2wf-icons/ViewGridFluidIcon.tsx

@@ -0,0 +1,42 @@
+/*
+ * Auto-generated from vendored React Spectrum S2 icon sources.
+ * Do not edit by hand.
+ */
+
+import { type JSX } from "solid-js";
+import { createIcon } from "../spectrum-icon";
+
+function ViewGridFluidIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {
+  const { class: className, ...rest } = props;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="20"
+      height="20"
+      viewBox="0 0 20 20"
+      {...rest}
+      class={className}
+    >
+      <path
+        d="m4.75,18h-.5c-1.24072,0-2.25-1.00928-2.25-2.25v-2.5c0-1.24072,1.00928-2.25,2.25-2.25h.5c1.24072,0,2.25,1.00928,2.25,2.25v2.5c0,1.24072-1.00928,2.25-2.25,2.25Zm-.5-5.5c-.41357,0-.75.33643-.75.75v2.5c0,.41357.33643.75.75.75h.5c.41357,0,.75-.33643.75-.75v-2.5c0-.41357-.33643-.75-.75-.75h-.5Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="m8.75,9h-4.5c-1.24072,0-2.25-1.00928-2.25-2.25v-2.5c0-1.24072,1.00928-2.25,2.25-2.25h4.5c1.24072,0,2.25,1.00928,2.25,2.25v2.5c0,1.24072-1.00928,2.25-2.25,2.25ZM4.25,3.5c-.41357,0-.75.33643-.75.75v2.5c0,.41357.33643.75.75.75h4.5c.41357,0,.75-.33643.75-.75v-2.5c0-.41357-.33643-.75-.75-.75h-4.5Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="m15.75,18h-4.5c-1.24072,0-2.25-1.00928-2.25-2.25v-2.5c0-1.24072,1.00928-2.25,2.25-2.25h4.5c1.24072,0,2.25,1.00928,2.25,2.25v2.5c0,1.24072-1.00928,2.25-2.25,2.25Zm-4.5-5.5c-.41357,0-.75.33643-.75.75v2.5c0,.41357.33643.75.75.75h4.5c.41357,0,.75-.33643.75-.75v-2.5c0-.41357-.33643-.75-.75-.75h-4.5Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="m15.75,9h-.5c-1.24072,0-2.25-1.00928-2.25-2.25v-2.5c0-1.24072,1.00928-2.25,2.25-2.25h.5c1.24072,0,2.25,1.00928,2.25,2.25v2.5c0,1.24072-1.00928,2.25-2.25,2.25Zm-.5-5.5c-.41357,0-.75.33643-.75.75v2.5c0,.41357.33643.75.75.75h.5c.41357,0,.75-.33643.75-.75v-2.5c0-.41357-.33643-.75-.75-.75h-.5Z"
+        fill="var(--iconPrimary, #222)"
+      />
+    </svg>
+  );
+}
+
+export type ViewGridFluidIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const ViewGridFluidIcon = createIcon(ViewGridFluidIconSvg);
+export default ViewGridFluidIcon;

package/src/icon/s2wf-icons/ViewGridIcon.tsx

@@ -0,0 +1,42 @@
+/*
+ * Auto-generated from vendored React Spectrum S2 icon sources.
+ * Do not edit by hand.
+ */
+
+import { type JSX } from "solid-js";
+import { createIcon } from "../spectrum-icon";
+
+function ViewGridIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {
+  const { class: className, ...rest } = props;
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="20"
+      height="20"
+      viewBox="0 0 20 20"
+      {...rest}
+      class={className}
+    >
+      <path
+        d="m6.75,18h-2.5c-1.24023,0-2.25-1.00977-2.25-2.25v-2.5c0-1.24023,1.00977-2.25,2.25-2.25h2.5c1.24023,0,2.25,1.00977,2.25,2.25v2.5c0,1.24023-1.00977,2.25-2.25,2.25Zm-2.5-5.5c-.41309,0-.75.33691-.75.75v2.5c0,.41309.33691.75.75.75h2.5c.41309,0,.75-.33691.75-.75v-2.5c0-.41309-.33691-.75-.75-.75h-2.5Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="m6.75,9h-2.5c-1.24023,0-2.25-1.00977-2.25-2.25v-2.5c0-1.24023,1.00977-2.25,2.25-2.25h2.5c1.24023,0,2.25,1.00977,2.25,2.25v2.5c0,1.24023-1.00977,2.25-2.25,2.25Zm-2.5-5.5c-.41309,0-.75.33691-.75.75v2.5c0,.41309.33691.75.75.75h2.5c.41309,0,.75-.33691.75-.75v-2.5c0-.41309-.33691-.75-.75-.75h-2.5Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="m15.75,18h-2.5c-1.24023,0-2.25-1.00977-2.25-2.25v-2.5c0-1.24023,1.00977-2.25,2.25-2.25h2.5c1.24023,0,2.25,1.00977,2.25,2.25v2.5c0,1.24023-1.00977,2.25-2.25,2.25Zm-2.5-5.5c-.41309,0-.75.33691-.75.75v2.5c0,.41309.33691.75.75.75h2.5c.41309,0,.75-.33691.75-.75v-2.5c0-.41309-.33691-.75-.75-.75h-2.5Z"
+        fill="var(--iconPrimary, #222)"
+      />
+      <path
+        d="m15.75,9h-2.5c-1.24023,0-2.25-1.00977-2.25-2.25v-2.5c0-1.24023,1.00977-2.25,2.25-2.25h2.5c1.24023,0,2.25,1.00977,2.25,2.25v2.5c0,1.24023-1.00977,2.25-2.25,2.25Zm-2.5-5.5c-.41309,0-.75.33691-.75.75v2.5c0,.41309.33691.75.75.75h2.5c.41309,0,.75-.33691.75-.75v-2.5c0-.41309-.33691-.75-.75-.75h-2.5Z"
+        fill="var(--iconPrimary, #222)"
+      />
+    </svg>
+  );
+}
+
+export type ViewGridIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;
+export const ViewGridIcon = createIcon(ViewGridIconSvg);
+export default ViewGridIcon;