@usemotif/icons 1.0.0

package/src/glyphs/Kayak.tsx

@@ -0,0 +1,18 @@
+import { Icon, type IconProps } from '@usemotif/react';
+import type { ReactElement } from 'react';
+
+export function Kayak(props: IconProps): ReactElement {
+  return (
+    <Icon
+      {...props}
+      render={({ Path }) => (
+        <>
+          <Path d="M18 17a1 1 0 0 0-1 1v1a2 2 0 1 0 2-2z" />
+          <Path d="M20.97 3.61a.45.45 0 0 0-.58-.58C10.2 6.6 6.6 10.2 3.03 20.39a.45.45 0 0 0 .58.58C13.8 17.4 17.4 13.8 20.97 3.61" />
+          <Path d="m6.707 6.707 10.586 10.586" />
+          <Path d="M7 5a2 2 0 1 0-2 2h1a1 1 0 0 0 1-1z" />
+        </>
+      )}
+    />
+  );
+}

package/src/glyphs/Key.tsx

@@ -0,0 +1,17 @@
+import { Icon, type IconProps } from '@usemotif/react';
+import type { ReactElement } from 'react';
+
+export function Key(props: IconProps): ReactElement {
+  return (
+    <Icon
+      {...props}
+      render={({ Circle, Path }) => (
+        <>
+          <Path d="m15.5 7.5 2.3 2.3a1 1 0 0 0 1.4 0l2.1-2.1a1 1 0 0 0 0-1.4L19 4" />
+          <Path d="m21 2-9.6 9.6" />
+          <Circle cx="7.5" cy="15.5" r="5.5" />
+        </>
+      )}
+    />
+  );
+}

package/src/glyphs/KeyRound.tsx

@@ -0,0 +1,16 @@
+import { Icon, type IconProps } from '@usemotif/react';
+import type { ReactElement } from 'react';
+
+export function KeyRound(props: IconProps): ReactElement {
+  return (
+    <Icon
+      {...props}
+      render={({ Circle, Path }) => (
+        <>
+          <Path d="M2.586 17.414A2 2 0 0 0 2 18.828V21a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h.172a2 2 0 0 0 1.414-.586l.814-.814a6.5 6.5 0 1 0-4-4z" />
+          <Circle cx="16.5" cy="7.5" r=".5" fill="currentColor" />
+        </>
+      )}
+    />
+  );
+}

package/src/glyphs/KeySquare.tsx

@@ -0,0 +1,17 @@
+import { Icon, type IconProps } from '@usemotif/react';
+import type { ReactElement } from 'react';
+
+export function KeySquare(props: IconProps): ReactElement {
+  return (
+    <Icon
+      {...props}
+      render={({ Path }) => (
+        <>
+          <Path d="M12.4 2.7a2.5 2.5 0 0 1 3.4 0l5.5 5.5a2.5 2.5 0 0 1 0 3.4l-3.7 3.7a2.5 2.5 0 0 1-3.4 0L8.7 9.8a2.5 2.5 0 0 1 0-3.4z" />
+          <Path d="m14 7 3 3" />
+          <Path d="m9.4 10.6-6.814 6.814A2 2 0 0 0 2 18.828V21a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h.172a2 2 0 0 0 1.414-.586l.814-.814" />
+        </>
+      )}
+    />
+  );
+}

package/src/glyphs/Keyboard.tsx

@@ -0,0 +1,23 @@
+import { Icon, type IconProps } from '@usemotif/react';
+import type { ReactElement } from 'react';
+
+export function Keyboard(props: IconProps): ReactElement {
+  return (
+    <Icon
+      {...props}
+      render={({ Path, Rect }) => (
+        <>
+          <Path d="M10 8h.01" />
+          <Path d="M12 12h.01" />
+          <Path d="M14 8h.01" />
+          <Path d="M16 12h.01" />
+          <Path d="M18 8h.01" />
+          <Path d="M6 8h.01" />
+          <Path d="M7 16h10" />
+          <Path d="M8 12h.01" />
+          <Rect width="20" height="16" x="2" y="4" rx="2" />
+        </>
+      )}
+    />
+  );
+}

package/src/glyphs/KeyboardMusic.tsx

@@ -0,0 +1,23 @@
+import { Icon, type IconProps } from '@usemotif/react';
+import type { ReactElement } from 'react';
+
+export function KeyboardMusic(props: IconProps): ReactElement {
+  return (
+    <Icon
+      {...props}
+      render={({ Path, Rect }) => (
+        <>
+          <Rect width="20" height="16" x="2" y="4" rx="2" />
+          <Path d="M6 8h4" />
+          <Path d="M14 8h.01" />
+          <Path d="M18 8h.01" />
+          <Path d="M2 12h20" />
+          <Path d="M6 12v4" />
+          <Path d="M10 12v4" />
+          <Path d="M14 12v4" />
+          <Path d="M18 12v4" />
+        </>
+      )}
+    />
+  );
+}

package/src/glyphs/KeyboardOff.tsx

@@ -0,0 +1,24 @@
+import { Icon, type IconProps } from '@usemotif/react';
+import type { ReactElement } from 'react';
+
+export function KeyboardOff(props: IconProps): ReactElement {
+  return (
+    <Icon
+      {...props}
+      render={({ Path }) => (
+        <>
+          <Path d="M 20 4 A2 2 0 0 1 22 6" />
+          <Path d="M 22 6 L 22 16.41" />
+          <Path d="M 7 16 L 16 16" />
+          <Path d="M 9.69 4 L 20 4" />
+          <Path d="M14 8h.01" />
+          <Path d="M18 8h.01" />
+          <Path d="m2 2 20 20" />
+          <Path d="M20 20H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2" />
+          <Path d="M6 8h.01" />
+          <Path d="M8 12h.01" />
+        </>
+      )}
+    />
+  );
+}

package/src/glyphs/Lamp.tsx

@@ -0,0 +1,17 @@
+import { Icon, type IconProps } from '@usemotif/react';
+import type { ReactElement } from 'react';
+
+export function Lamp(props: IconProps): ReactElement {
+  return (
+    <Icon
+      {...props}
+      render={({ Path }) => (
+        <>
+          <Path d="M12 12v6" />
+          <Path d="M4.077 10.615A1 1 0 0 0 5 12h14a1 1 0 0 0 .923-1.385l-3.077-7.384A2 2 0 0 0 15 2H9a2 2 0 0 0-1.846 1.23Z" />
+          <Path d="M8 20a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v1a1 1 0 0 1-1 1H9a1 1 0 0 1-1-1z" />
+        </>
+      )}
+    />
+  );
+}

package/src/glyphs/LampCeiling.tsx

@@ -0,0 +1,17 @@
+import { Icon, type IconProps } from '@usemotif/react';
+import type { ReactElement } from 'react';
+
+export function LampCeiling(props: IconProps): ReactElement {
+  return (
+    <Icon
+      {...props}
+      render={({ Path }) => (
+        <>
+          <Path d="M12 2v5" />
+          <Path d="M14.829 15.998a3 3 0 1 1-5.658 0" />
+          <Path d="M20.92 14.606A1 1 0 0 1 20 16H4a1 1 0 0 1-.92-1.394l3-7A1 1 0 0 1 7 7h10a1 1 0 0 1 .92.606z" />
+        </>
+      )}
+    />
+  );
+}

package/src/glyphs/LampDesk.tsx

@@ -0,0 +1,18 @@
+import { Icon, type IconProps } from '@usemotif/react';
+import type { ReactElement } from 'react';
+
+export function LampDesk(props: IconProps): ReactElement {
+  return (
+    <Icon
+      {...props}
+      render={({ Path }) => (
+        <>
+          <Path d="M10.293 2.293a1 1 0 0 1 1.414 0l2.5 2.5 5.994 1.227a1 1 0 0 1 .506 1.687l-7 7a1 1 0 0 1-1.687-.506l-1.227-5.994-2.5-2.5a1 1 0 0 1 0-1.414z" />
+          <Path d="m14.207 4.793-3.414 3.414" />
+          <Path d="M3 20a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v1a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1z" />
+          <Path d="m9.086 6.5-4.793 4.793a1 1 0 0 0-.18 1.17L7 18" />
+        </>
+      )}
+    />
+  );
+}

package/src/glyphs/LampFloor.tsx

@@ -0,0 +1,17 @@
+import { Icon, type IconProps } from '@usemotif/react';
+import type { ReactElement } from 'react';
+
+export function LampFloor(props: IconProps): ReactElement {
+  return (
+    <Icon
+      {...props}
+      render={({ Path }) => (
+        <>
+          <Path d="M12 10v12" />
+          <Path d="M17.929 7.629A1 1 0 0 1 17 9H7a1 1 0 0 1-.928-1.371l2-5A1 1 0 0 1 9 2h6a1 1 0 0 1 .928.629z" />
+          <Path d="M9 22h6" />
+        </>
+      )}
+    />
+  );
+}

package/src/glyphs/LampWallDown.tsx

@@ -0,0 +1,17 @@
+import { Icon, type IconProps } from '@usemotif/react';
+import type { ReactElement } from 'react';
+
+export function LampWallDown(props: IconProps): ReactElement {
+  return (
+    <Icon
+      {...props}
+      render={({ Path }) => (
+        <>
+          <Path d="M19.929 18.629A1 1 0 0 1 19 20H9a1 1 0 0 1-.928-1.371l2-5A1 1 0 0 1 11 13h6a1 1 0 0 1 .928.629z" />
+          <Path d="M6 3a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2H5a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1z" />
+          <Path d="M8 6h4a2 2 0 0 1 2 2v5" />
+        </>
+      )}
+    />
+  );
+}

package/src/glyphs/LampWallUp.tsx

@@ -0,0 +1,17 @@
+import { Icon, type IconProps } from '@usemotif/react';
+import type { ReactElement } from 'react';
+
+export function LampWallUp(props: IconProps): ReactElement {
+  return (
+    <Icon
+      {...props}
+      render={({ Path }) => (
+        <>
+          <Path d="M19.929 9.629A1 1 0 0 1 19 11H9a1 1 0 0 1-.928-1.371l2-5A1 1 0 0 1 11 4h6a1 1 0 0 1 .928.629z" />
+          <Path d="M6 15a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2H5a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1z" />
+          <Path d="M8 18h4a2 2 0 0 0 2-2v-5" />
+        </>
+      )}
+    />
+  );
+}

package/src/glyphs/LandPlot.tsx

@@ -0,0 +1,18 @@
+import { Icon, type IconProps } from '@usemotif/react';
+import type { ReactElement } from 'react';
+
+export function LandPlot(props: IconProps): ReactElement {
+  return (
+    <Icon
+      {...props}
+      render={({ Path }) => (
+        <>
+          <Path d="m12 8 6-3-6-3v10" />
+          <Path d="m8 11.99-5.5 3.14a1 1 0 0 0 0 1.74l8.5 4.86a2 2 0 0 0 2 0l8.5-4.86a1 1 0 0 0 0-1.74L16 12" />
+          <Path d="m6.49 12.85 11.02 6.3" />
+          <Path d="M17.51 12.85 6.5 19.15" />
+        </>
+      )}
+    />
+  );
+}

package/src/glyphs/Landmark.tsx

@@ -0,0 +1,20 @@
+import { Icon, type IconProps } from '@usemotif/react';
+import type { ReactElement } from 'react';
+
+export function Landmark(props: IconProps): ReactElement {
+  return (
+    <Icon
+      {...props}
+      render={({ Path }) => (
+        <>
+          <Path d="M10 18v-7" />
+          <Path d="M11.12 2.198a2 2 0 0 1 1.76.006l7.866 3.847c.476.233.31.949-.22.949H3.474c-.53 0-.695-.716-.22-.949z" />
+          <Path d="M14 18v-7" />
+          <Path d="M18 18v-7" />
+          <Path d="M3 22h18" />
+          <Path d="M6 18v-7" />
+        </>
+      )}
+    />
+  );
+}

package/src/glyphs/Languages.tsx

@@ -0,0 +1,20 @@
+import { Icon, type IconProps } from '@usemotif/react';
+import type { ReactElement } from 'react';
+
+export function Languages(props: IconProps): ReactElement {
+  return (
+    <Icon
+      {...props}
+      render={({ Path }) => (
+        <>
+          <Path d="m5 8 6 6" />
+          <Path d="m4 14 6-6 2-3" />
+          <Path d="M2 5h12" />
+          <Path d="M7 2h1" />
+          <Path d="m22 22-5-10-5 10" />
+          <Path d="M14 18h6" />
+        </>
+      )}
+    />
+  );
+}

package/src/glyphs/Laptop.tsx

@@ -0,0 +1,16 @@
+import { Icon, type IconProps } from '@usemotif/react';
+import type { ReactElement } from 'react';
+
+export function Laptop(props: IconProps): ReactElement {
+  return (
+    <Icon
+      {...props}
+      render={({ Path }) => (
+        <>
+          <Path d="M18 5a2 2 0 0 1 2 2v8.526a2 2 0 0 0 .212.897l1.068 2.127a1 1 0 0 1-.9 1.45H3.62a1 1 0 0 1-.9-1.45l1.068-2.127A2 2 0 0 0 4 15.526V7a2 2 0 0 1 2-2z" />
+          <Path d="M20.054 15.987H3.946" />
+        </>
+      )}
+    />
+  );
+}

package/src/glyphs/Laptop2.tsx

@@ -0,0 +1,16 @@
+import { Icon, type IconProps } from '@usemotif/react';
+import type { ReactElement } from 'react';
+
+export function Laptop2(props: IconProps): ReactElement {
+  return (
+    <Icon
+      {...props}
+      render={({ Line, Rect }) => (
+        <>
+          <Rect width="18" height="12" x="3" y="4" rx="2" ry="2" />
+          <Line x1="2" x2="22" y1="20" y2="20" />
+        </>
+      )}
+    />
+  );
+}

package/src/glyphs/LaptopMinimal.tsx

@@ -0,0 +1,16 @@
+import { Icon, type IconProps } from '@usemotif/react';
+import type { ReactElement } from 'react';
+
+export function LaptopMinimal(props: IconProps): ReactElement {
+  return (
+    <Icon
+      {...props}
+      render={({ Line, Rect }) => (
+        <>
+          <Rect width="18" height="12" x="3" y="4" rx="2" ry="2" />
+          <Line x1="2" x2="22" y1="20" y2="20" />
+        </>
+      )}
+    />
+  );
+}

package/src/glyphs/LaptopMinimalCheck.tsx

@@ -0,0 +1,17 @@
+import { Icon, type IconProps } from '@usemotif/react';
+import type { ReactElement } from 'react';
+
+export function LaptopMinimalCheck(props: IconProps): ReactElement {
+  return (
+    <Icon
+      {...props}
+      render={({ Path, Rect }) => (
+        <>
+          <Path d="M2 20h20" />
+          <Path d="m9 10 2 2 4-4" />
+          <Rect x="3" y="4" width="18" height="12" rx="2" />
+        </>
+      )}
+    />
+  );
+}

package/src/glyphs/Lasso.tsx

@@ -0,0 +1,17 @@
+import { Icon, type IconProps } from '@usemotif/react';
+import type { ReactElement } from 'react';
+
+export function Lasso(props: IconProps): ReactElement {
+  return (
+    <Icon
+      {...props}
+      render={({ Circle, Path }) => (
+        <>
+          <Path d="M3.704 14.467a10 8 0 1 1 3.115 2.375" />
+          <Path d="M7 22a5 5 0 0 1-2-3.994" />
+          <Circle cx="5" cy="16" r="2" />
+        </>
+      )}
+    />
+  );
+}

package/src/glyphs/LassoSelect.tsx

@@ -0,0 +1,19 @@
+import { Icon, type IconProps } from '@usemotif/react';
+import type { ReactElement } from 'react';
+
+export function LassoSelect(props: IconProps): ReactElement {
+  return (
+    <Icon
+      {...props}
+      render={({ Path }) => (
+        <>
+          <Path d="M7 22a5 5 0 0 1-2-4" />
+          <Path d="M7 16.93c.96.43 1.96.74 2.99.91" />
+          <Path d="M3.34 14A6.8 6.8 0 0 1 2 10c0-4.42 4.48-8 10-8s10 3.58 10 8a7.19 7.19 0 0 1-.33 2" />
+          <Path d="M5 18a2 2 0 1 0 0-4 2 2 0 0 0 0 4z" />
+          <Path d="M14.33 22h-.09a.35.35 0 0 1-.24-.32v-10a.34.34 0 0 1 .33-.34c.08 0 .15.03.21.08l7.34 6a.33.33 0 0 1-.21.59h-4.49l-2.57 3.85a.35.35 0 0 1-.28.14z" />
+        </>
+      )}
+    />
+  );
+}

package/src/glyphs/Laugh.tsx

@@ -0,0 +1,18 @@
+import { Icon, type IconProps } from '@usemotif/react';
+import type { ReactElement } from 'react';
+
+export function Laugh(props: IconProps): ReactElement {
+  return (
+    <Icon
+      {...props}
+      render={({ Circle, Line, Path }) => (
+        <>
+          <Circle cx="12" cy="12" r="10" />
+          <Path d="M18 13a6 6 0 0 1-6 5 6 6 0 0 1-6-5h12Z" />
+          <Line x1="9" x2="9.01" y1="9" y2="9" />
+          <Line x1="15" x2="15.01" y1="9" y2="9" />
+        </>
+      )}
+    />
+  );
+}

package/src/glyphs/Layers.tsx

@@ -0,0 +1,17 @@
+import { Icon, type IconProps } from '@usemotif/react';
+import type { ReactElement } from 'react';
+
+export function Layers(props: IconProps): ReactElement {
+  return (
+    <Icon
+      {...props}
+      render={({ Path }) => (
+        <>
+          <Path d="M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z" />
+          <Path d="M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12" />
+          <Path d="M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17" />
+        </>
+      )}
+    />
+  );
+}

package/src/glyphs/Layers2.tsx

@@ -0,0 +1,16 @@
+import { Icon, type IconProps } from '@usemotif/react';
+import type { ReactElement } from 'react';
+
+export function Layers2(props: IconProps): ReactElement {
+  return (
+    <Icon
+      {...props}
+      render={({ Path }) => (
+        <>
+          <Path d="M13 13.74a2 2 0 0 1-2 0L2.5 8.87a1 1 0 0 1 0-1.74L11 2.26a2 2 0 0 1 2 0l8.5 4.87a1 1 0 0 1 0 1.74z" />
+          <Path d="m20 14.285 1.5.845a1 1 0 0 1 0 1.74L13 21.74a2 2 0 0 1-2 0l-8.5-4.87a1 1 0 0 1 0-1.74l1.5-.845" />
+        </>
+      )}
+    />
+  );
+}

package/src/glyphs/Layers3.tsx

@@ -0,0 +1,17 @@
+import { Icon, type IconProps } from '@usemotif/react';
+import type { ReactElement } from 'react';
+
+export function Layers3(props: IconProps): ReactElement {
+  return (
+    <Icon
+      {...props}
+      render={({ Path }) => (
+        <>
+          <Path d="M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z" />
+          <Path d="M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12" />
+          <Path d="M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17" />
+        </>
+      )}
+    />
+  );
+}

package/src/glyphs/LayersMinus.tsx

@@ -0,0 +1,19 @@
+import { Icon, type IconProps } from '@usemotif/react';
+import type { ReactElement } from 'react';
+
+export function LayersMinus(props: IconProps): ReactElement {
+  return (
+    <Icon
+      {...props}
+      render={({ Path }) => (
+        <>
+          <Path d="M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 .83.18 2 2 0 0 0 .83-.18l8.58-3.9a1 1 0 0 0 0-1.832z" />
+          <Path d="M16 17h6" />
+          <Path d="M2.003 11.995a1 1 0 0 0 .597.915l8.58 3.91a2 2 0 0 0 .83.18" />
+          <Path d="M2.003 16.995a1 1 0 0 0 .597.915l8.58 3.91a2 2 0 0 0 .83.18 2 2 0 0 0 .83-.18l2.11-.96" />
+          <Path d="M22.018 12.004a1 1 0 0 1-.598.916l-.177.08" />
+        </>
+      )}
+    />
+  );
+}

package/src/glyphs/LayersPlus.tsx

@@ -0,0 +1,19 @@
+import { Icon, type IconProps } from '@usemotif/react';
+import type { ReactElement } from 'react';
+
+export function LayersPlus(props: IconProps): ReactElement {
+  return (
+    <Icon
+      {...props}
+      render={({ Path }) => (
+        <>
+          <Path d="M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 .83.18 2 2 0 0 0 .83-.18l8.58-3.9a1 1 0 0 0 0-1.831z" />
+          <Path d="M16 17h6" />
+          <Path d="M19 14v6" />
+          <Path d="M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 .825.178" />
+          <Path d="M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l2.116-.962" />
+        </>
+      )}
+    />
+  );
+}

package/src/glyphs/Layout.tsx

@@ -0,0 +1,17 @@
+import { Icon, type IconProps } from '@usemotif/react';
+import type { ReactElement } from 'react';
+
+export function Layout(props: IconProps): ReactElement {
+  return (
+    <Icon
+      {...props}
+      render={({ Path, Rect }) => (
+        <>
+          <Rect width="18" height="18" x="3" y="3" rx="2" />
+          <Path d="M3 9h18" />
+          <Path d="M9 21V9" />
+        </>
+      )}
+    />
+  );
+}

package/src/glyphs/LayoutDashboard.tsx

@@ -0,0 +1,18 @@
+import { Icon, type IconProps } from '@usemotif/react';
+import type { ReactElement } from 'react';
+
+export function LayoutDashboard(props: IconProps): ReactElement {
+  return (
+    <Icon
+      {...props}
+      render={({ Rect }) => (
+        <>
+          <Rect width="7" height="9" x="3" y="3" rx="1" />
+          <Rect width="7" height="5" x="14" y="3" rx="1" />
+          <Rect width="7" height="9" x="14" y="12" rx="1" />
+          <Rect width="7" height="5" x="3" y="16" rx="1" />
+        </>
+      )}
+    />
+  );
+}

package/src/glyphs/LayoutGrid.tsx

@@ -0,0 +1,18 @@
+import { Icon, type IconProps } from '@usemotif/react';
+import type { ReactElement } from 'react';
+
+export function LayoutGrid(props: IconProps): ReactElement {
+  return (
+    <Icon
+      {...props}
+      render={({ Rect }) => (
+        <>
+          <Rect width="7" height="7" x="3" y="3" rx="1" />
+          <Rect width="7" height="7" x="14" y="3" rx="1" />
+          <Rect width="7" height="7" x="14" y="14" rx="1" />
+          <Rect width="7" height="7" x="3" y="14" rx="1" />
+        </>
+      )}
+    />
+  );
+}

package/src/glyphs/LayoutList.tsx

@@ -0,0 +1,20 @@
+import { Icon, type IconProps } from '@usemotif/react';
+import type { ReactElement } from 'react';
+
+export function LayoutList(props: IconProps): ReactElement {
+  return (
+    <Icon
+      {...props}
+      render={({ Path, Rect }) => (
+        <>
+          <Rect width="7" height="7" x="3" y="3" rx="1" />
+          <Rect width="7" height="7" x="3" y="14" rx="1" />
+          <Path d="M14 4h7" />
+          <Path d="M14 9h7" />
+          <Path d="M14 15h7" />
+          <Path d="M14 20h7" />
+        </>
+      )}
+    />
+  );
+}

package/src/glyphs/LayoutPanelLeft.tsx

@@ -0,0 +1,17 @@
+import { Icon, type IconProps } from '@usemotif/react';
+import type { ReactElement } from 'react';
+
+export function LayoutPanelLeft(props: IconProps): ReactElement {
+  return (
+    <Icon
+      {...props}
+      render={({ Rect }) => (
+        <>
+          <Rect width="7" height="18" x="3" y="3" rx="1" />
+          <Rect width="7" height="7" x="14" y="3" rx="1" />
+          <Rect width="7" height="7" x="14" y="14" rx="1" />
+        </>
+      )}
+    />
+  );
+}