@usemotif/icons 1.0.0

package/src/glyphs/FileVideoCamera.tsx

@@ -0,0 +1,18 @@
+import { Icon, type IconProps } from '@usemotif/react';
+import type { ReactElement } from 'react';
+
+export function FileVideoCamera(props: IconProps): ReactElement {
+  return (
+    <Icon
+      {...props}
+      render={({ Path, Rect }) => (
+        <>
+          <Path d="M4 12V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.706.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2" />
+          <Path d="M14 2v5a1 1 0 0 0 1 1h5" />
+          <Path d="m10 17.843 3.033-1.755a.64.64 0 0 1 .967.56v4.704a.65.65 0 0 1-.967.56L10 20.157" />
+          <Rect width="7" height="6" x="3" y="16" rx="1" />
+        </>
+      )}
+    />
+  );
+}

package/src/glyphs/FileVolume.tsx

@@ -0,0 +1,18 @@
+import { Icon, type IconProps } from '@usemotif/react';
+import type { ReactElement } from 'react';
+
+export function FileVolume(props: IconProps): ReactElement {
+  return (
+    <Icon
+      {...props}
+      render={({ Path }) => (
+        <>
+          <Path d="M4 11.55V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.706.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2h-1.95" />
+          <Path d="M14 2v5a1 1 0 0 0 1 1h5" />
+          <Path d="M12 15a5 5 0 0 1 0 6" />
+          <Path d="M8 14.502a.5.5 0 0 0-.826-.381l-1.893 1.631a1 1 0 0 1-.651.243H3.5a.5.5 0 0 0-.5.501v3.006a.5.5 0 0 0 .5.501h1.129a1 1 0 0 1 .652.243l1.893 1.633a.5.5 0 0 0 .826-.38z" />
+        </>
+      )}
+    />
+  );
+}

package/src/glyphs/FileVolume2.tsx

@@ -0,0 +1,19 @@
+import { Icon, type IconProps } from '@usemotif/react';
+import type { ReactElement } from 'react';
+
+export function FileVolume2(props: IconProps): ReactElement {
+  return (
+    <Icon
+      {...props}
+      render={({ Path }) => (
+        <>
+          <Path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z" />
+          <Path d="M14 2v5a1 1 0 0 0 1 1h5" />
+          <Path d="M8 15h.01" />
+          <Path d="M11.5 13.5a2.5 2.5 0 0 1 0 3" />
+          <Path d="M15 12a5 5 0 0 1 0 6" />
+        </>
+      )}
+    />
+  );
+}

package/src/glyphs/FileWarning.tsx

@@ -0,0 +1,17 @@
+import { Icon, type IconProps } from '@usemotif/react';
+import type { ReactElement } from 'react';
+
+export function FileWarning(props: IconProps): ReactElement {
+  return (
+    <Icon
+      {...props}
+      render={({ Path }) => (
+        <>
+          <Path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z" />
+          <Path d="M12 9v4" />
+          <Path d="M12 17h.01" />
+        </>
+      )}
+    />
+  );
+}

package/src/glyphs/FileX.tsx

@@ -0,0 +1,18 @@
+import { Icon, type IconProps } from '@usemotif/react';
+import type { ReactElement } from 'react';
+
+export function FileX(props: IconProps): ReactElement {
+  return (
+    <Icon
+      {...props}
+      render={({ Path }) => (
+        <>
+          <Path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z" />
+          <Path d="M14 2v5a1 1 0 0 0 1 1h5" />
+          <Path d="m14.5 12.5-5 5" />
+          <Path d="m9.5 12.5 5 5" />
+        </>
+      )}
+    />
+  );
+}

package/src/glyphs/FileX2.tsx

@@ -0,0 +1,18 @@
+import { Icon, type IconProps } from '@usemotif/react';
+import type { ReactElement } from 'react';
+
+export function FileX2(props: IconProps): ReactElement {
+  return (
+    <Icon
+      {...props}
+      render={({ Path }) => (
+        <>
+          <Path d="M11 22H6a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.706.706l3.588 3.588A2.4 2.4 0 0 1 20 8v5" />
+          <Path d="M14 2v5a1 1 0 0 0 1 1h5" />
+          <Path d="m15 17 5 5" />
+          <Path d="m20 17-5 5" />
+        </>
+      )}
+    />
+  );
+}

package/src/glyphs/FileXCorner.tsx

@@ -0,0 +1,18 @@
+import { Icon, type IconProps } from '@usemotif/react';
+import type { ReactElement } from 'react';
+
+export function FileXCorner(props: IconProps): ReactElement {
+  return (
+    <Icon
+      {...props}
+      render={({ Path }) => (
+        <>
+          <Path d="M11 22H6a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.706.706l3.588 3.588A2.4 2.4 0 0 1 20 8v5" />
+          <Path d="M14 2v5a1 1 0 0 0 1 1h5" />
+          <Path d="m15 17 5 5" />
+          <Path d="m20 17-5 5" />
+        </>
+      )}
+    />
+  );
+}

package/src/glyphs/Files.tsx

@@ -0,0 +1,17 @@
+import { Icon, type IconProps } from '@usemotif/react';
+import type { ReactElement } from 'react';
+
+export function Files(props: IconProps): ReactElement {
+  return (
+    <Icon
+      {...props}
+      render={({ Path }) => (
+        <>
+          <Path d="M15 2h-4a2 2 0 0 0-2 2v11a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V8" />
+          <Path d="M16.706 2.706A2.4 2.4 0 0 0 15 2v5a1 1 0 0 0 1 1h5a2.4 2.4 0 0 0-.706-1.706z" />
+          <Path d="M5 7a2 2 0 0 0-2 2v11a2 2 0 0 0 2 2h8a2 2 0 0 0 1.732-1" />
+        </>
+      )}
+    />
+  );
+}

package/src/glyphs/Film.tsx

@@ -0,0 +1,22 @@
+import { Icon, type IconProps } from '@usemotif/react';
+import type { ReactElement } from 'react';
+
+export function Film(props: IconProps): ReactElement {
+  return (
+    <Icon
+      {...props}
+      render={({ Path, Rect }) => (
+        <>
+          <Rect width="18" height="18" x="3" y="3" rx="2" />
+          <Path d="M7 3v18" />
+          <Path d="M3 7.5h4" />
+          <Path d="M3 12h18" />
+          <Path d="M3 16.5h4" />
+          <Path d="M17 3v18" />
+          <Path d="M17 7.5h4" />
+          <Path d="M17 16.5h4" />
+        </>
+      )}
+    />
+  );
+}

package/src/glyphs/Filter.tsx

@@ -0,0 +1,13 @@
+import { Icon, type IconProps } from '@usemotif/react';
+import type { ReactElement } from 'react';
+
+export function Filter(props: IconProps): ReactElement {
+  return (
+    <Icon
+      {...props}
+      render={({ Path }) => (
+        <Path d="M10 20a1 1 0 0 0 .553.895l2 1A1 1 0 0 0 14 21v-7a2 2 0 0 1 .517-1.341L21.74 4.67A1 1 0 0 0 21 3H3a1 1 0 0 0-.742 1.67l7.225 7.989A2 2 0 0 1 10 14z" />
+      )}
+    />
+  );
+}

package/src/glyphs/FilterX.tsx

@@ -0,0 +1,17 @@
+import { Icon, type IconProps } from '@usemotif/react';
+import type { ReactElement } from 'react';
+
+export function FilterX(props: IconProps): ReactElement {
+  return (
+    <Icon
+      {...props}
+      render={({ Path }) => (
+        <>
+          <Path d="M12.531 3H3a1 1 0 0 0-.742 1.67l7.225 7.989A2 2 0 0 1 10 14v6a1 1 0 0 0 .553.895l2 1A1 1 0 0 0 14 21v-7a2 2 0 0 1 .517-1.341l.427-.473" />
+          <Path d="m16.5 3.5 5 5" />
+          <Path d="m21.5 3.5-5 5" />
+        </>
+      )}
+    />
+  );
+}

package/src/glyphs/FingerprintPattern.tsx

@@ -0,0 +1,23 @@
+import { Icon, type IconProps } from '@usemotif/react';
+import type { ReactElement } from 'react';
+
+export function FingerprintPattern(props: IconProps): ReactElement {
+  return (
+    <Icon
+      {...props}
+      render={({ Path }) => (
+        <>
+          <Path d="M12 10a2 2 0 0 0-2 2c0 1.02-.1 2.51-.26 4" />
+          <Path d="M14 13.12c0 2.38 0 6.38-1 8.88" />
+          <Path d="M17.29 21.02c.12-.6.43-2.3.5-3.02" />
+          <Path d="M2 12a10 10 0 0 1 18-6" />
+          <Path d="M2 16h.01" />
+          <Path d="M21.8 16c.2-2 .131-5.354 0-6" />
+          <Path d="M5 19.5C5.5 18 6 15 6 12a6 6 0 0 1 .34-2" />
+          <Path d="M8.65 22c.21-.66.45-1.32.57-2" />
+          <Path d="M9 6.8a6 6 0 0 1 9 5.2v2" />
+        </>
+      )}
+    />
+  );
+}

package/src/glyphs/FireExtinguisher.tsx

@@ -0,0 +1,20 @@
+import { Icon, type IconProps } from '@usemotif/react';
+import type { ReactElement } from 'react';
+
+export function FireExtinguisher(props: IconProps): ReactElement {
+  return (
+    <Icon
+      {...props}
+      render={({ Path }) => (
+        <>
+          <Path d="M15 6.5V3a1 1 0 0 0-1-1h-2a1 1 0 0 0-1 1v3.5" />
+          <Path d="M9 18h8" />
+          <Path d="M18 3h-3" />
+          <Path d="M11 3a6 6 0 0 0-6 6v11" />
+          <Path d="M5 13h4" />
+          <Path d="M17 10a4 4 0 0 0-8 0v10a2 2 0 0 0 2 2h4a2 2 0 0 0 2-2Z" />
+        </>
+      )}
+    />
+  );
+}

package/src/glyphs/Fish.tsx

@@ -0,0 +1,20 @@
+import { Icon, type IconProps } from '@usemotif/react';
+import type { ReactElement } from 'react';
+
+export function Fish(props: IconProps): ReactElement {
+  return (
+    <Icon
+      {...props}
+      render={({ Path }) => (
+        <>
+          <Path d="M6.5 12c.94-3.46 4.94-6 8.5-6 3.56 0 6.06 2.54 7 6-.94 3.47-3.44 6-7 6s-7.56-2.53-8.5-6Z" />
+          <Path d="M18 12v.5" />
+          <Path d="M16 17.93a9.77 9.77 0 0 1 0-11.86" />
+          <Path d="M7 10.67C7 8 5.58 5.97 2.73 5.5c-1 1.5-1 5 .23 6.5-1.24 1.5-1.24 5-.23 6.5C5.58 18.03 7 16 7 13.33" />
+          <Path d="M10.46 7.26C10.2 5.88 9.17 4.24 8 3h5.8a2 2 0 0 1 1.98 1.67l.23 1.4" />
+          <Path d="m16.01 17.93-.23 1.4A2 2 0 0 1 13.8 21H9.5a5.96 5.96 0 0 0 1.49-3.98" />
+        </>
+      )}
+    />
+  );
+}

package/src/glyphs/FishOff.tsx

@@ -0,0 +1,17 @@
+import { Icon, type IconProps } from '@usemotif/react';
+import type { ReactElement } from 'react';
+
+export function FishOff(props: IconProps): ReactElement {
+  return (
+    <Icon
+      {...props}
+      render={({ Path }) => (
+        <>
+          <Path d="M18 12.47v.03m0-.5v.47m-.475 5.056A6.744 6.744 0 0 1 15 18c-3.56 0-7.56-2.53-8.5-6 .348-1.28 1.114-2.433 2.121-3.38m3.444-2.088A8.802 8.802 0 0 1 15 6c3.56 0 6.06 2.54 7 6-.309 1.14-.786 2.177-1.413 3.058" />
+          <Path d="M7 10.67C7 8 5.58 5.97 2.73 5.5c-1 1.5-1 5 .23 6.5-1.24 1.5-1.24 5-.23 6.5C5.58 18.03 7 16 7 13.33m7.48-4.372A9.77 9.77 0 0 1 16 6.07m0 11.86a9.77 9.77 0 0 1-1.728-3.618" />
+          <Path d="m16.01 17.93-.23 1.4A2 2 0 0 1 13.8 21H9.5a5.96 5.96 0 0 0 1.49-3.98M8.53 3h5.27a2 2 0 0 1 1.98 1.67l.23 1.4M2 2l20 20" />
+        </>
+      )}
+    />
+  );
+}

package/src/glyphs/FishSymbol.tsx

@@ -0,0 +1,6 @@
+import { Icon, type IconProps } from '@usemotif/react';
+import type { ReactElement } from 'react';
+
+export function FishSymbol(props: IconProps): ReactElement {
+  return <Icon {...props} render={({ Path }) => <Path d="M2 16s9-15 20-4C11 23 2 8 2 8" />} />;
+}

package/src/glyphs/FishingHook.tsx

@@ -0,0 +1,17 @@
+import { Icon, type IconProps } from '@usemotif/react';
+import type { ReactElement } from 'react';
+
+export function FishingHook(props: IconProps): ReactElement {
+  return (
+    <Icon
+      {...props}
+      render={({ Circle, Path }) => (
+        <>
+          <Path d="m17.586 11.414-5.93 5.93a1 1 0 0 1-8-8l3.137-3.137a.707.707 0 0 1 1.207.5V10" />
+          <Path d="M20.414 8.586 22 7" />
+          <Circle cx="19" cy="10" r="2" />
+        </>
+      )}
+    />
+  );
+}

package/src/glyphs/FishingRod.tsx

@@ -0,0 +1,17 @@
+import { Icon, type IconProps } from '@usemotif/react';
+import type { ReactElement } from 'react';
+
+export function FishingRod(props: IconProps): ReactElement {
+  return (
+    <Icon
+      {...props}
+      render={({ Circle, Path }) => (
+        <>
+          <Path d="M4 11h1" />
+          <Path d="M8 15a2 2 0 0 1-4 0V3a1 1 0 0 1 1-1h.5C14 2 20 9 20 18v4" />
+          <Circle cx="18" cy="18" r="2" />
+        </>
+      )}
+    />
+  );
+}

package/src/glyphs/Flag.tsx

@@ -0,0 +1,13 @@
+import { Icon, type IconProps } from '@usemotif/react';
+import type { ReactElement } from 'react';
+
+export function Flag(props: IconProps): ReactElement {
+  return (
+    <Icon
+      {...props}
+      render={({ Path }) => (
+        <Path d="M4 22V4a1 1 0 0 1 .4-.8A6 6 0 0 1 8 2c3 0 5 2 7.333 2q2 0 3.067-.8A1 1 0 0 1 20 4v10a1 1 0 0 1-.4.8A6 6 0 0 1 16 16c-3 0-5-2-8-2a6 6 0 0 0-4 1.528" />
+      )}
+    />
+  );
+}

package/src/glyphs/FlagOff.tsx

@@ -0,0 +1,18 @@
+import { Icon, type IconProps } from '@usemotif/react';
+import type { ReactElement } from 'react';
+
+export function FlagOff(props: IconProps): ReactElement {
+  return (
+    <Icon
+      {...props}
+      render={({ Path }) => (
+        <>
+          <Path d="M16 16c-3 0-5-2-8-2a6 6 0 0 0-4 1.528" />
+          <Path d="m2 2 20 20" />
+          <Path d="M4 22V4" />
+          <Path d="M7.656 2H8c3 0 5 2 7.333 2q2 0 3.067-.8A1 1 0 0 1 20 4v10.347" />
+        </>
+      )}
+    />
+  );
+}

package/src/glyphs/FlagTriangleLeft.tsx

@@ -0,0 +1,13 @@
+import { Icon, type IconProps } from '@usemotif/react';
+import type { ReactElement } from 'react';
+
+export function FlagTriangleLeft(props: IconProps): ReactElement {
+  return (
+    <Icon
+      {...props}
+      render={({ Path }) => (
+        <Path d="M18 22V2.8a.8.8 0 0 0-1.17-.71L5.45 7.78a.8.8 0 0 0 0 1.44L18 15.5" />
+      )}
+    />
+  );
+}

package/src/glyphs/FlagTriangleRight.tsx

@@ -0,0 +1,13 @@
+import { Icon, type IconProps } from '@usemotif/react';
+import type { ReactElement } from 'react';
+
+export function FlagTriangleRight(props: IconProps): ReactElement {
+  return (
+    <Icon
+      {...props}
+      render={({ Path }) => (
+        <Path d="M6 22V2.8a.8.8 0 0 1 1.17-.71l11.38 5.69a.8.8 0 0 1 0 1.44L6 15.5" />
+      )}
+    />
+  );
+}

package/src/glyphs/Flame.tsx

@@ -0,0 +1,13 @@
+import { Icon, type IconProps } from '@usemotif/react';
+import type { ReactElement } from 'react';
+
+export function Flame(props: IconProps): ReactElement {
+  return (
+    <Icon
+      {...props}
+      render={({ Path }) => (
+        <Path d="M12 3q1 4 4 6.5t3 5.5a1 1 0 0 1-14 0 5 5 0 0 1 1-3 1 1 0 0 0 5 0c0-2-1.5-3-1.5-5q0-2 2.5-4" />
+      )}
+    />
+  );
+}

package/src/glyphs/FlameKindling.tsx

@@ -0,0 +1,17 @@
+import { Icon, type IconProps } from '@usemotif/react';
+import type { ReactElement } from 'react';
+
+export function FlameKindling(props: IconProps): ReactElement {
+  return (
+    <Icon
+      {...props}
+      render={({ Path }) => (
+        <>
+          <Path d="M12 2c1 3 2.5 3.5 3.5 4.5A5 5 0 0 1 17 10a5 5 0 1 1-10 0c0-.3 0-.6.1-.9a2 2 0 1 0 3.3-2C8 4.5 11 2 12 2Z" />
+          <Path d="m5 22 14-4" />
+          <Path d="m5 18 14 4" />
+        </>
+      )}
+    />
+  );
+}

package/src/glyphs/Flashlight.tsx

@@ -0,0 +1,17 @@
+import { Icon, type IconProps } from '@usemotif/react';
+import type { ReactElement } from 'react';
+
+export function Flashlight(props: IconProps): ReactElement {
+  return (
+    <Icon
+      {...props}
+      render={({ Path }) => (
+        <>
+          <Path d="M12 13v1" />
+          <Path d="M17 2a1 1 0 0 1 1 1v4a3 3 0 0 1-.6 1.8l-.6.8A4 4 0 0 0 16 12v8a2 2 0 0 1-2 2H10a2 2 0 0 1-2-2v-8a4 4 0 0 0-.8-2.4l-.6-.8A3 3 0 0 1 6 7V3a1 1 0 0 1 1-1z" />
+          <Path d="M6 6h12" />
+        </>
+      )}
+    />
+  );
+}

package/src/glyphs/FlashlightOff.tsx

@@ -0,0 +1,19 @@
+import { Icon, type IconProps } from '@usemotif/react';
+import type { ReactElement } from 'react';
+
+export function FlashlightOff(props: IconProps): ReactElement {
+  return (
+    <Icon
+      {...props}
+      render={({ Path }) => (
+        <>
+          <Path d="M11.652 6H18" />
+          <Path d="M12 13v1" />
+          <Path d="M16 16v4a2 2 0 0 1-2 2h-4a2 2 0 0 1-2-2v-8a4 4 0 0 0-.8-2.4l-.6-.8A3 3 0 0 1 6 7V6" />
+          <Path d="m2 2 20 20" />
+          <Path d="M7.649 2H17a1 1 0 0 1 1 1v4a3 3 0 0 1-.6 1.8l-.6.8a4 4 0 0 0-.55 1.007" />
+        </>
+      )}
+    />
+  );
+}

package/src/glyphs/FlaskConical.tsx

@@ -0,0 +1,17 @@
+import { Icon, type IconProps } from '@usemotif/react';
+import type { ReactElement } from 'react';
+
+export function FlaskConical(props: IconProps): ReactElement {
+  return (
+    <Icon
+      {...props}
+      render={({ Path }) => (
+        <>
+          <Path d="M14 2v6a2 2 0 0 0 .245.96l5.51 10.08A2 2 0 0 1 18 22H6a2 2 0 0 1-1.755-2.96l5.51-10.08A2 2 0 0 0 10 8V2" />
+          <Path d="M6.453 15h11.094" />
+          <Path d="M8.5 2h7" />
+        </>
+      )}
+    />
+  );
+}

package/src/glyphs/FlaskConicalOff.tsx

@@ -0,0 +1,20 @@
+import { Icon, type IconProps } from '@usemotif/react';
+import type { ReactElement } from 'react';
+
+export function FlaskConicalOff(props: IconProps): ReactElement {
+  return (
+    <Icon
+      {...props}
+      render={({ Path }) => (
+        <>
+          <Path d="M10 2v2.343" />
+          <Path d="M14 2v6.343" />
+          <Path d="m2 2 20 20" />
+          <Path d="M20 20a2 2 0 0 1-2 2H6a2 2 0 0 1-1.755-2.96l5.227-9.563" />
+          <Path d="M6.453 15H15" />
+          <Path d="M8.5 2h7" />
+        </>
+      )}
+    />
+  );
+}

package/src/glyphs/FlaskRound.tsx

@@ -0,0 +1,17 @@
+import { Icon, type IconProps } from '@usemotif/react';
+import type { ReactElement } from 'react';
+
+export function FlaskRound(props: IconProps): ReactElement {
+  return (
+    <Icon
+      {...props}
+      render={({ Path }) => (
+        <>
+          <Path d="M10 2v6.292a7 7 0 1 0 4 0V2" />
+          <Path d="M5 15h14" />
+          <Path d="M8.5 2h7" />
+        </>
+      )}
+    />
+  );
+}

package/src/glyphs/FlipHorizontal.tsx

@@ -0,0 +1,20 @@
+import { Icon, type IconProps } from '@usemotif/react';
+import type { ReactElement } from 'react';
+
+export function FlipHorizontal(props: IconProps): ReactElement {
+  return (
+    <Icon
+      {...props}
+      render={({ Path }) => (
+        <>
+          <Path d="M8 3H5a2 2 0 0 0-2 2v14c0 1.1.9 2 2 2h3" />
+          <Path d="M16 3h3a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-3" />
+          <Path d="M12 20v2" />
+          <Path d="M12 14v2" />
+          <Path d="M12 8v2" />
+          <Path d="M12 2v2" />
+        </>
+      )}
+    />
+  );
+}

package/src/glyphs/FlipHorizontal2.tsx

@@ -0,0 +1,20 @@
+import { Icon, type IconProps } from '@usemotif/react';
+import type { ReactElement } from 'react';
+
+export function FlipHorizontal2(props: IconProps): ReactElement {
+  return (
+    <Icon
+      {...props}
+      render={({ Path }) => (
+        <>
+          <Path d="m3 7 5 5-5 5V7" />
+          <Path d="m21 7-5 5 5 5V7" />
+          <Path d="M12 20v2" />
+          <Path d="M12 14v2" />
+          <Path d="M12 8v2" />
+          <Path d="M12 2v2" />
+        </>
+      )}
+    />
+  );
+}

package/src/glyphs/FlipVertical.tsx

@@ -0,0 +1,20 @@
+import { Icon, type IconProps } from '@usemotif/react';
+import type { ReactElement } from 'react';
+
+export function FlipVertical(props: IconProps): ReactElement {
+  return (
+    <Icon
+      {...props}
+      render={({ Path }) => (
+        <>
+          <Path d="M21 8V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v3" />
+          <Path d="M21 16v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-3" />
+          <Path d="M4 12H2" />
+          <Path d="M10 12H8" />
+          <Path d="M16 12h-2" />
+          <Path d="M22 12h-2" />
+        </>
+      )}
+    />
+  );
+}

package/src/glyphs/FlipVertical2.tsx

@@ -0,0 +1,20 @@
+import { Icon, type IconProps } from '@usemotif/react';
+import type { ReactElement } from 'react';
+
+export function FlipVertical2(props: IconProps): ReactElement {
+  return (
+    <Icon
+      {...props}
+      render={({ Path }) => (
+        <>
+          <Path d="m17 3-5 5-5-5h10" />
+          <Path d="m17 21-5-5-5 5h10" />
+          <Path d="M4 12H2" />
+          <Path d="M10 12H8" />
+          <Path d="M16 12h-2" />
+          <Path d="M22 12h-2" />
+        </>
+      )}
+    />
+  );
+}

package/src/glyphs/Flower.tsx

@@ -0,0 +1,24 @@
+import { Icon, type IconProps } from '@usemotif/react';
+import type { ReactElement } from 'react';
+
+export function Flower(props: IconProps): ReactElement {
+  return (
+    <Icon
+      {...props}
+      render={({ Circle, Path }) => (
+        <>
+          <Circle cx="12" cy="12" r="3" />
+          <Path d="M12 16.5A4.5 4.5 0 1 1 7.5 12 4.5 4.5 0 1 1 12 7.5a4.5 4.5 0 1 1 4.5 4.5 4.5 4.5 0 1 1-4.5 4.5" />
+          <Path d="M12 7.5V9" />
+          <Path d="M7.5 12H9" />
+          <Path d="M16.5 12H15" />
+          <Path d="M12 16.5V15" />
+          <Path d="m8 8 1.88 1.88" />
+          <Path d="M14.12 9.88 16 8" />
+          <Path d="m8 16 1.88-1.88" />
+          <Path d="M14.12 14.12 16 16" />
+        </>
+      )}
+    />
+  );
+}