achery-ui 0.7.3 → 0.8.0

package/src/glyphs/svg-components-native/Acorn.tsx

@@ -0,0 +1,10 @@
+// AUTO-GENERATED — do not edit manually. Run: node scripts/generate-glyphs.mjs
+import { Svg, Line, Path } from 'react-native-svg'
+interface Props { size?: number; color?: string }
+export default function Acorn({ size = 24, color = '#000000' }: Props) {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+      <Path d="M6 9a6 6 0 0 1 12 0z" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path><Path d="M8 9c-1 4 0 8 4 11 4-3 5-7 4-11" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path><Line x1="12" y1="3" x2="12" y2="5" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Line>
+    </Svg>
+  )
+}

package/src/glyphs/svg-components-native/Alarm.tsx

@@ -0,0 +1,10 @@
+// AUTO-GENERATED — do not edit manually. Run: node scripts/generate-glyphs.mjs
+import { Svg, Circle, Path, Polyline } from 'react-native-svg'
+interface Props { size?: number; color?: string }
+export default function Alarm({ size = 24, color = '#000000' }: Props) {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+      <Circle cx="12" cy="13" r="7" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Circle><Polyline points="12,9 12,13 15,15" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Polyline><Path d="M3 6l4-3M21 6l-4-3" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path>
+    </Svg>
+  )
+}

package/src/glyphs/svg-components-native/Anchor.tsx

@@ -0,0 +1,10 @@
+// AUTO-GENERATED — do not edit manually. Run: node scripts/generate-glyphs.mjs
+import { Svg, Circle, Line, Path } from 'react-native-svg'
+interface Props { size?: number; color?: string }
+export default function Anchor({ size = 24, color = '#000000' }: Props) {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+      <Circle cx="12" cy="5" r="2" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Circle><Line x1="12" y1="7" x2="12" y2="20" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Line><Path d="M5 12a7 7 0 0 0 14 0" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path><Line x1="9" y1="10" x2="15" y2="10" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Line><Path d="M5 12l-1.5 1M5 12l1.5 1M19 12l1.5 1M19 12l-1.5 1" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path>
+    </Svg>
+  )
+}

package/src/glyphs/svg-components-native/Ankh.tsx

@@ -0,0 +1,10 @@
+// AUTO-GENERATED — do not edit manually. Run: node scripts/generate-glyphs.mjs
+import { Svg, Ellipse, Line } from 'react-native-svg'
+interface Props { size?: number; color?: string }
+export default function Ankh({ size = 24, color = '#000000' }: Props) {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+      <Ellipse cx="12" cy="8" rx="3.5" ry="4.5" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Ellipse><Line x1="12" y1="12.5" x2="12" y2="21" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Line><Line x1="7" y1="15" x2="17" y2="15" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Line>
+    </Svg>
+  )
+}

package/src/glyphs/svg-components-native/Anvil.tsx

@@ -0,0 +1,10 @@
+// AUTO-GENERATED — do not edit manually. Run: node scripts/generate-glyphs.mjs
+import { Svg, Line, Path } from 'react-native-svg'
+interface Props { size?: number; color?: string }
+export default function Anvil({ size = 24, color = '#000000' }: Props) {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+      <Path d="M4 8h11a4 4 0 0 1-4 4H9l-1 4h8l1 4H7l1-4" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path><Path d="M15 8h4l-2 3" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path><Line x1="7" y1="20" x2="17" y2="20" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Line>
+    </Svg>
+  )
+}

package/src/glyphs/svg-components-native/Apple.tsx

@@ -0,0 +1,10 @@
+// AUTO-GENERATED — do not edit manually. Run: node scripts/generate-glyphs.mjs
+import { Svg, Path } from 'react-native-svg'
+interface Props { size?: number; color?: string }
+export default function Apple({ size = 24, color = '#000000' }: Props) {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+      <Path d="M12 7c-1-1.5-3-2-5-1-3 1.5-3 7 0 10 1.5 1.5 2.5 1.5 5 0 2.5 1.5 3.5 1.5 5 0 3-3 3-8.5 0-10-2-1-4-.5-5 1z" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path><Path d="M12 7c0-2 1-3 3-4" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path>
+    </Svg>
+  )
+}

package/src/glyphs/svg-components-native/Archive.tsx

@@ -0,0 +1,10 @@
+// AUTO-GENERATED — do not edit manually. Run: node scripts/generate-glyphs.mjs
+import { Svg, Line, Path, Rect } from 'react-native-svg'
+interface Props { size?: number; color?: string }
+export default function Archive({ size = 24, color = '#000000' }: Props) {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+      <Rect x="3" y="4" width="18" height="5" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Rect><Path d="M5 9v11h14V9" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path><Line x1="9.5" y1="13" x2="14.5" y2="13" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Line>
+    </Svg>
+  )
+}

package/src/glyphs/svg-components-native/ArrowDown.tsx

@@ -0,0 +1,10 @@
+// AUTO-GENERATED — do not edit manually. Run: node scripts/generate-glyphs.mjs
+import { Svg, Path, Polyline } from 'react-native-svg'
+interface Props { size?: number; color?: string }
+export default function ArrowDown({ size = 24, color = '#000000' }: Props) {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+      <Path d="M12 3v18" stroke={color} fill="none" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round"></Path><Polyline points="6,15 12,21 18,15" stroke={color} fill="none" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round"></Polyline>
+    </Svg>
+  )
+}

package/src/glyphs/svg-components-native/ArrowDownRight.tsx

@@ -0,0 +1,10 @@
+// AUTO-GENERATED — do not edit manually. Run: node scripts/generate-glyphs.mjs
+import { Svg, Path, Polyline } from 'react-native-svg'
+interface Props { size?: number; color?: string }
+export default function ArrowDownRight({ size = 24, color = '#000000' }: Props) {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+      <Path d="M6 6l12 12" stroke={color} fill="none" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round"></Path><Polyline points="18,8 18,18 8,18" stroke={color} fill="none" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round"></Polyline>
+    </Svg>
+  )
+}

package/src/glyphs/svg-components-native/ArrowLeft.tsx

@@ -0,0 +1,10 @@
+// AUTO-GENERATED — do not edit manually. Run: node scripts/generate-glyphs.mjs
+import { Svg, Path, Polyline } from 'react-native-svg'
+interface Props { size?: number; color?: string }
+export default function ArrowLeft({ size = 24, color = '#000000' }: Props) {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+      <Path d="M21 12H3" stroke={color} fill="none" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round"></Path><Polyline points="9,6 3,12 9,18" stroke={color} fill="none" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round"></Polyline>
+    </Svg>
+  )
+}

package/src/glyphs/svg-components-native/ArrowRight.tsx

@@ -0,0 +1,10 @@
+// AUTO-GENERATED — do not edit manually. Run: node scripts/generate-glyphs.mjs
+import { Svg, Path, Polyline } from 'react-native-svg'
+interface Props { size?: number; color?: string }
+export default function ArrowRight({ size = 24, color = '#000000' }: Props) {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+      <Path d="M3 12h18" stroke={color} fill="none" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round"></Path><Polyline points="15,6 21,12 15,18" stroke={color} fill="none" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round"></Polyline>
+    </Svg>
+  )
+}

package/src/glyphs/svg-components-native/ArrowUp.tsx

@@ -0,0 +1,10 @@
+// AUTO-GENERATED — do not edit manually. Run: node scripts/generate-glyphs.mjs
+import { Svg, Path, Polyline } from 'react-native-svg'
+interface Props { size?: number; color?: string }
+export default function ArrowUp({ size = 24, color = '#000000' }: Props) {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+      <Path d="M12 3v18" stroke={color} fill="none" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round"></Path><Polyline points="6,9 12,3 18,9" stroke={color} fill="none" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round"></Polyline>
+    </Svg>
+  )
+}

package/src/glyphs/svg-components-native/ArrowUpRight.tsx

@@ -0,0 +1,10 @@
+// AUTO-GENERATED — do not edit manually. Run: node scripts/generate-glyphs.mjs
+import { Svg, Path, Polyline } from 'react-native-svg'
+interface Props { size?: number; color?: string }
+export default function ArrowUpRight({ size = 24, color = '#000000' }: Props) {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+      <Path d="M6 18L18 6" stroke={color} fill="none" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round"></Path><Polyline points="8,6 18,6 18,16" stroke={color} fill="none" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round"></Polyline>
+    </Svg>
+  )
+}

package/src/glyphs/svg-components-native/Asterism.tsx

@@ -0,0 +1,10 @@
+// AUTO-GENERATED — do not edit manually. Run: node scripts/generate-glyphs.mjs
+import { Svg, Circle } from 'react-native-svg'
+interface Props { size?: number; color?: string }
+export default function Asterism({ size = 24, color = '#000000' }: Props) {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 60 24" fill="none">
+      <Circle cx="14" cy="16" r="2" fill={color}></Circle><Circle cx="30" cy="8" r="2" fill={color}></Circle><Circle cx="46" cy="16" r="2" fill={color}></Circle>
+    </Svg>
+  )
+}

package/src/glyphs/svg-components-native/AtSign.tsx

@@ -0,0 +1,10 @@
+// AUTO-GENERATED — do not edit manually. Run: node scripts/generate-glyphs.mjs
+import { Svg, Circle, Path } from 'react-native-svg'
+interface Props { size?: number; color?: string }
+export default function AtSign({ size = 24, color = '#000000' }: Props) {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+      <Circle cx="12" cy="12" r="4" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Circle><Path d="M16 12v2a3 3 0 0 0 5-2.2A9 9 0 1 0 16 20" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path>
+    </Svg>
+  )
+}

package/src/glyphs/svg-components-native/Atm.tsx

@@ -0,0 +1,10 @@
+// AUTO-GENERATED — do not edit manually. Run: node scripts/generate-glyphs.mjs
+import { Svg, Line, Rect } from 'react-native-svg'
+interface Props { size?: number; color?: string }
+export default function Atm({ size = 24, color = '#000000' }: Props) {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+      <Rect x="4" y="4" width="16" height="16" rx="1.5" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Rect><Rect x="7" y="7" width="10" height="5" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Rect><Line x1="8" y1="15.5" x2="10.5" y2="15.5" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Line><Line x1="13.5" y1="15.5" x2="16" y2="15.5" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Line><Line x1="8" y1="18" x2="16" y2="18" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Line>
+    </Svg>
+  )
+}

package/src/glyphs/svg-components-native/Award.tsx

@@ -0,0 +1,10 @@
+// AUTO-GENERATED — do not edit manually. Run: node scripts/generate-glyphs.mjs
+import { Svg, Circle, Polyline } from 'react-native-svg'
+interface Props { size?: number; color?: string }
+export default function Award({ size = 24, color = '#000000' }: Props) {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+      <Circle cx="12" cy="9" r="5.5" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Circle><Polyline points="8.5,13.5 7,21 12,18 17,21 15.5,13.5" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Polyline>
+    </Svg>
+  )
+}

package/src/glyphs/svg-components-native/Axe.tsx

@@ -0,0 +1,10 @@
+// AUTO-GENERATED — do not edit manually. Run: node scripts/generate-glyphs.mjs
+import { Svg, Line, Path } from 'react-native-svg'
+interface Props { size?: number; color?: string }
+export default function Axe({ size = 24, color = '#000000' }: Props) {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+      <Path d="M14 3a6 6 0 0 1 6 6c-3 0-4-1-6-1l-2 3-3-3 2-2c0-2-1-3-1-6z" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path><Line x1="11" y1="8" x2="4" y2="20" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Line>
+    </Svg>
+  )
+}

package/src/glyphs/svg-components-native/BabyBottle.tsx

@@ -0,0 +1,10 @@
+// AUTO-GENERATED — do not edit manually. Run: node scripts/generate-glyphs.mjs
+import { Svg, Line, Path } from 'react-native-svg'
+interface Props { size?: number; color?: string }
+export default function BabyBottle({ size = 24, color = '#000000' }: Props) {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+      <Path d="M9 8.5h6v9a3 3 0 0 1-6 0z" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path><Path d="M9.8 8.5L9 6.5h6l-.8 2" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path><Line x1="11" y1="4" x2="13" y2="4" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Line><Line x1="9" y1="12" x2="15" y2="12" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Line><Line x1="9" y1="14.5" x2="15" y2="14.5" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Line>
+    </Svg>
+  )
+}

package/src/glyphs/svg-components-native/Backpack.tsx

@@ -0,0 +1,10 @@
+// AUTO-GENERATED — do not edit manually. Run: node scripts/generate-glyphs.mjs
+import { Svg, Path, Rect } from 'react-native-svg'
+interface Props { size?: number; color?: string }
+export default function Backpack({ size = 24, color = '#000000' }: Props) {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+      <Path d="M7 9a5 5 0 0 1 10 0v10a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1z" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path><Path d="M9.5 9a2.5 2.5 0 0 1 5 0" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path><Rect x="9" y="13" width="6" height="4" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Rect>
+    </Svg>
+  )
+}

package/src/glyphs/svg-components-native/Bag.tsx

@@ -0,0 +1,10 @@
+// AUTO-GENERATED — do not edit manually. Run: node scripts/generate-glyphs.mjs
+import { Svg, Path } from 'react-native-svg'
+interface Props { size?: number; color?: string }
+export default function Bag({ size = 24, color = '#000000' }: Props) {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+      <Path d="M6 8h12l-1 12H7z" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path><Path d="M9 8V6a3 3 0 0 1 6 0v2" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path>
+    </Svg>
+  )
+}

package/src/glyphs/svg-components-native/Balloon.tsx

@@ -0,0 +1,10 @@
+// AUTO-GENERATED — do not edit manually. Run: node scripts/generate-glyphs.mjs
+import { Svg, Path } from 'react-native-svg'
+interface Props { size?: number; color?: string }
+export default function Balloon({ size = 24, color = '#000000' }: Props) {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+      <Path d="M12 4a4.5 5.5 0 0 1 0 11 4.5 5.5 0 0 1 0-11z" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path><Path d="M12 15v1.5l-1 1 1 1 1-1-1-1" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path>
+    </Svg>
+  )
+}

package/src/glyphs/svg-components-native/Ban.tsx

@@ -0,0 +1,10 @@
+// AUTO-GENERATED — do not edit manually. Run: node scripts/generate-glyphs.mjs
+import { Svg, Circle, Line } from 'react-native-svg'
+interface Props { size?: number; color?: string }
+export default function Ban({ size = 24, color = '#000000' }: Props) {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+      <Circle cx="12" cy="12" r="9" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Circle><Line x1="5.6" y1="5.6" x2="18.4" y2="18.4" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Line>
+    </Svg>
+  )
+}

package/src/glyphs/svg-components-native/Bandage.tsx

@@ -0,0 +1,10 @@
+// AUTO-GENERATED — do not edit manually. Run: node scripts/generate-glyphs.mjs
+import { Svg, Circle, Rect } from 'react-native-svg'
+interface Props { size?: number; color?: string }
+export default function Bandage({ size = 24, color = '#000000' }: Props) {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+      <Rect x="2.5" y="9" width="19" height="6" rx="3" transform="rotate(45 12 12)" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Rect><Circle cx="12" cy="12" r="0.6" fill={color} stroke={color} strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Circle><Circle cx="10" cy="10" r="0.6" fill={color} stroke={color} strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Circle><Circle cx="14" cy="14" r="0.6" fill={color} stroke={color} strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Circle><Circle cx="14" cy="10" r="0.6" fill={color} stroke={color} strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Circle><Circle cx="10" cy="14" r="0.6" fill={color} stroke={color} strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Circle>
+    </Svg>
+  )
+}

package/src/glyphs/svg-components-native/Bank.tsx

@@ -0,0 +1,10 @@
+// AUTO-GENERATED — do not edit manually. Run: node scripts/generate-glyphs.mjs
+import { Svg, Line, Path } from 'react-native-svg'
+interface Props { size?: number; color?: string }
+export default function Bank({ size = 24, color = '#000000' }: Props) {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+      <Path d="M3 9l9-5 9 5" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path><Line x1="3.5" y1="9" x2="20.5" y2="9" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Line><Line x1="5.5" y1="9.5" x2="5.5" y2="16.5" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Line><Line x1="9.5" y1="9.5" x2="9.5" y2="16.5" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Line><Line x1="14.5" y1="9.5" x2="14.5" y2="16.5" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Line><Line x1="18.5" y1="9.5" x2="18.5" y2="16.5" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Line><Line x1="3" y1="17" x2="21" y2="17" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Line><Line x1="2.5" y1="20" x2="21.5" y2="20" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Line>
+    </Svg>
+  )
+}

package/src/glyphs/svg-components-native/Barcode.tsx

@@ -0,0 +1,10 @@
+// AUTO-GENERATED — do not edit manually. Run: node scripts/generate-glyphs.mjs
+import { Svg, Path } from 'react-native-svg'
+interface Props { size?: number; color?: string }
+export default function Barcode({ size = 24, color = '#000000' }: Props) {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+      <Path d="M4 5v14M6.5 5v14M8 5v14M11 5v14M12.5 5v14M15 5v14M17.5 5v14M20 5v14" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path>
+    </Svg>
+  )
+}

package/src/glyphs/svg-components-native/Basket.tsx

@@ -0,0 +1,10 @@
+// AUTO-GENERATED — do not edit manually. Run: node scripts/generate-glyphs.mjs
+import { Svg, Line, Path } from 'react-native-svg'
+interface Props { size?: number; color?: string }
+export default function Basket({ size = 24, color = '#000000' }: Props) {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+      <Path d="M4 9h16l-1.5 11H5.5z" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path><Path d="M8 9l2-5M16 9l-2-5" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path><Line x1="9" y1="12" x2="9.5" y2="17" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Line><Line x1="12" y1="12" x2="12" y2="17" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Line><Line x1="15" y1="12" x2="14.5" y2="17" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Line>
+    </Svg>
+  )
+}

package/src/glyphs/svg-components-native/Battery.tsx

@@ -0,0 +1,10 @@
+// AUTO-GENERATED — do not edit manually. Run: node scripts/generate-glyphs.mjs
+import { Svg, Line, Rect } from 'react-native-svg'
+interface Props { size?: number; color?: string }
+export default function Battery({ size = 24, color = '#000000' }: Props) {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+      <Rect x="3" y="8" width="16" height="9" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Rect><Line x1="20.5" y1="11" x2="20.5" y2="14" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Line><Line x1="6" y1="11" x2="6" y2="14" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Line><Line x1="9" y1="11" x2="9" y2="14" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Line>
+    </Svg>
+  )
+}

package/src/glyphs/svg-components-native/Bed.tsx

@@ -0,0 +1,10 @@
+// AUTO-GENERATED — do not edit manually. Run: node scripts/generate-glyphs.mjs
+import { Svg, Line, Path, Rect } from 'react-native-svg'
+interface Props { size?: number; color?: string }
+export default function Bed({ size = 24, color = '#000000' }: Props) {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+      <Path d="M3 18v-6a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v6" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path><Line x1="3" y1="14" x2="21" y2="14" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Line><Rect x="6" y="10" width="4.5" height="2.5" rx="1" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Rect><Line x1="3" y1="18" x2="3" y2="20.5" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Line><Line x1="21" y1="18" x2="21" y2="20.5" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Line>
+    </Svg>
+  )
+}

package/src/glyphs/svg-components-native/Beer.tsx

@@ -0,0 +1,10 @@
+// AUTO-GENERATED — do not edit manually. Run: node scripts/generate-glyphs.mjs
+import { Svg, Line, Path } from 'react-native-svg'
+interface Props { size?: number; color?: string }
+export default function Beer({ size = 24, color = '#000000' }: Props) {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+      <Path d="M6 6h10v13a1.5 1.5 0 0 1-1.5 1.5H7.5A1.5 1.5 0 0 1 6 19z" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path><Path d="M16 9h2.5A1.5 1.5 0 0 1 20 10.5v3A1.5 1.5 0 0 1 18.5 15H16" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path><Path d="M8 6a2 2 0 0 1 4 0" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path><Line x1="9" y1="10" x2="9" y2="16" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Line><Line x1="13" y1="10" x2="13" y2="16" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Line>
+    </Svg>
+  )
+}

package/src/glyphs/svg-components-native/Bell.tsx

@@ -0,0 +1,10 @@
+// AUTO-GENERATED — do not edit manually. Run: node scripts/generate-glyphs.mjs
+import { Svg, Path } from 'react-native-svg'
+interface Props { size?: number; color?: string }
+export default function Bell({ size = 24, color = '#000000' }: Props) {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+      <Path d="M6 16V11a6 6 0 0 1 12 0v5l2 2H4z" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path><Path d="M10 20a2 2 0 0 0 4 0" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path>
+    </Svg>
+  )
+}

package/src/glyphs/svg-components-native/BellOff.tsx

@@ -0,0 +1,10 @@
+// AUTO-GENERATED — do not edit manually. Run: node scripts/generate-glyphs.mjs
+import { Svg, Line, Path } from 'react-native-svg'
+interface Props { size?: number; color?: string }
+export default function BellOff({ size = 24, color = '#000000' }: Props) {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+      <Path d="M8 8a6 6 0 0 1 10 4v4l2 2H9" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path><Path d="M6 12v4l-2 2h5" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path><Path d="M10 20a2 2 0 0 0 4 0" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path><Line x1="4" y1="4" x2="20" y2="20" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Line>
+    </Svg>
+  )
+}

package/src/glyphs/svg-components-native/Bike.tsx

@@ -0,0 +1,10 @@
+// AUTO-GENERATED — do not edit manually. Run: node scripts/generate-glyphs.mjs
+import { Svg, Circle, Path } from 'react-native-svg'
+interface Props { size?: number; color?: string }
+export default function Bike({ size = 24, color = '#000000' }: Props) {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+      <Circle cx="6" cy="16" r="3.4" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Circle><Circle cx="18" cy="16" r="3.4" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Circle><Path d="M6 16l4-7h5" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path><Path d="M10 9l4 7" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path><Path d="M9 9h-2" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path><Path d="M15 9l-1-2.5h-2" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path>
+    </Svg>
+  )
+}

package/src/glyphs/svg-components-native/Bird.tsx

@@ -0,0 +1,10 @@
+// AUTO-GENERATED — do not edit manually. Run: node scripts/generate-glyphs.mjs
+import { Svg, Circle, Path } from 'react-native-svg'
+interface Props { size?: number; color?: string }
+export default function Bird({ size = 24, color = '#000000' }: Props) {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+      <Path d="M16 7a3 3 0 1 0-6 0c0 5-3 7-7 7 2 3 6 4 9 2 3-2 4-5 4-9l2-2-1 3" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path><Circle cx="13.5" cy="6.5" r="0.6" fill={color} stroke={color} strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Circle>
+    </Svg>
+  )
+}

package/src/glyphs/svg-components-native/Bitcoin.tsx

@@ -0,0 +1,10 @@
+// AUTO-GENERATED — do not edit manually. Run: node scripts/generate-glyphs.mjs
+import { Svg, Circle, Path } from 'react-native-svg'
+interface Props { size?: number; color?: string }
+export default function Bitcoin({ size = 24, color = '#000000' }: Props) {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+      <Circle cx="12" cy="12" r="9" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Circle><Path d="M9.5 7v10M12 5.5v2M12 16.5v2M9.5 8h4.2a2 2 0 0 1 0 4H9.5M9.5 12h4.7a2 2 0 0 1 0 4H9.5" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path>
+    </Svg>
+  )
+}

package/src/glyphs/svg-components-native/Blocks.tsx

@@ -0,0 +1,10 @@
+// AUTO-GENERATED — do not edit manually. Run: node scripts/generate-glyphs.mjs
+import { Svg, Rect } from 'react-native-svg'
+interface Props { size?: number; color?: string }
+export default function Blocks({ size = 24, color = '#000000' }: Props) {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+      <Rect x="3.5" y="11" width="7" height="7" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Rect><Rect x="13.5" y="11" width="7" height="7" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Rect><Rect x="8.5" y="3.5" width="7" height="7" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Rect>
+    </Svg>
+  )
+}

package/src/glyphs/svg-components-native/Bolt.tsx

@@ -0,0 +1,10 @@
+// AUTO-GENERATED — do not edit manually. Run: node scripts/generate-glyphs.mjs
+import { Svg, Polygon } from 'react-native-svg'
+interface Props { size?: number; color?: string }
+export default function Bolt({ size = 24, color = '#000000' }: Props) {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+      <Polygon points="13,2 4,14 11,14 9,22 20,9 13,9" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Polygon>
+    </Svg>
+  )
+}

package/src/glyphs/svg-components-native/Bone.tsx

@@ -0,0 +1,10 @@
+// AUTO-GENERATED — do not edit manually. Run: node scripts/generate-glyphs.mjs
+import { Svg, Path } from 'react-native-svg'
+interface Props { size?: number; color?: string }
+export default function Bone({ size = 24, color = '#000000' }: Props) {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+      <Path d="M6.5 6a2 2 0 1 0-1.2 3.2l8.5 8.5A2 2 0 1 0 17 18.7a2 2 0 1 0 1.2-3.2L9.7 7A2 2 0 1 0 6.5 6z" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path>
+    </Svg>
+  )
+}

package/src/glyphs/svg-components-native/Book.tsx

@@ -0,0 +1,10 @@
+// AUTO-GENERATED — do not edit manually. Run: node scripts/generate-glyphs.mjs
+import { Svg, Path } from 'react-native-svg'
+interface Props { size?: number; color?: string }
+export default function Book({ size = 24, color = '#000000' }: Props) {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+      <Path d="M4 5v14" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path><Path d="M20 5v14" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path><Path d="M4 5c4-1 8-1 8 1v14c0-2-4-2-8-1" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path><Path d="M20 5c-4-1-8-1-8 1v14c0-2 4-2 8-1" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path>
+    </Svg>
+  )
+}

package/src/glyphs/svg-components-native/Bookmark.tsx

@@ -0,0 +1,10 @@
+// AUTO-GENERATED — do not edit manually. Run: node scripts/generate-glyphs.mjs
+import { Svg, Path } from 'react-native-svg'
+interface Props { size?: number; color?: string }
+export default function Bookmark({ size = 24, color = '#000000' }: Props) {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+      <Path d="M6 4h12v17l-6-4-6 4z" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path>
+    </Svg>
+  )
+}

package/src/glyphs/svg-components-native/Bottle.tsx

@@ -0,0 +1,10 @@
+// AUTO-GENERATED — do not edit manually. Run: node scripts/generate-glyphs.mjs
+import { Svg, Line, Path } from 'react-native-svg'
+interface Props { size?: number; color?: string }
+export default function Bottle({ size = 24, color = '#000000' }: Props) {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+      <Path d="M10 3h4v3l1.5 3v11a1 1 0 0 1-1 1h-5a1 1 0 0 1-1-1V9l1.5-3z" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path><Line x1="8.5" y1="13" x2="15.5" y2="13" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Line>
+    </Svg>
+  )
+}

package/src/glyphs/svg-components-native/Box.tsx

@@ -0,0 +1,10 @@
+// AUTO-GENERATED — do not edit manually. Run: node scripts/generate-glyphs.mjs
+import { Svg, Line, Path, Polyline } from 'react-native-svg'
+interface Props { size?: number; color?: string }
+export default function Box({ size = 24, color = '#000000' }: Props) {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+      <Path d="M3 7l9-4 9 4v10l-9 4-9-4z" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path><Polyline points="3,7 12,11 21,7" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Polyline><Line x1="12" y1="11" x2="12" y2="21" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Line>
+    </Svg>
+  )
+}

package/src/glyphs/svg-components-native/Brain.tsx

@@ -0,0 +1,10 @@
+// AUTO-GENERATED — do not edit manually. Run: node scripts/generate-glyphs.mjs
+import { Svg, Line, Path } from 'react-native-svg'
+interface Props { size?: number; color?: string }
+export default function Brain({ size = 24, color = '#000000' }: Props) {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+      <Path d="M12 5.5a3 3 0 0 0-5.2.8A2.8 2.8 0 0 0 4.5 11a3 3 0 0 0 1.2 4.6A3 3 0 0 0 12 18zM12 5.5a3 3 0 0 1 5.2.8A2.8 2.8 0 0 1 19.5 11a3 3 0 0 1-1.2 4.6A3 3 0 0 1 12 18z" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path><Line x1="12" y1="5.5" x2="12" y2="18" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Line>
+    </Svg>
+  )
+}

package/src/glyphs/svg-components-native/Bread.tsx

@@ -0,0 +1,10 @@
+// AUTO-GENERATED — do not edit manually. Run: node scripts/generate-glyphs.mjs
+import { Svg, Path } from 'react-native-svg'
+interface Props { size?: number; color?: string }
+export default function Bread({ size = 24, color = '#000000' }: Props) {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+      <Path d="M4 11a4 4 0 0 1 4-4h8a4 4 0 0 1 0 8v3H4z" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path><Path d="M8 11v6M12 9v8" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path>
+    </Svg>
+  )
+}

package/src/glyphs/svg-components-native/Briefcase.tsx

@@ -0,0 +1,10 @@
+// AUTO-GENERATED — do not edit manually. Run: node scripts/generate-glyphs.mjs
+import { Svg, Line, Path, Rect } from 'react-native-svg'
+interface Props { size?: number; color?: string }
+export default function Briefcase({ size = 24, color = '#000000' }: Props) {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+      <Rect x="3" y="7" width="18" height="13" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Rect><Path d="M9 7V5h6v2" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path><Line x1="3" y1="12" x2="21" y2="12" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Line>
+    </Svg>
+  )
+}

package/src/glyphs/svg-components-native/Broom.tsx

@@ -0,0 +1,10 @@
+// AUTO-GENERATED — do not edit manually. Run: node scripts/generate-glyphs.mjs
+import { Svg, Line, Path } from 'react-native-svg'
+interface Props { size?: number; color?: string }
+export default function Broom({ size = 24, color = '#000000' }: Props) {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+      <Line x1="15" y1="4" x2="9" y2="13" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Line><Path d="M5 18l4-5 5 3.5z" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path><Path d="M6 17l-1 2M9 19l1-2M12 18.5l1-2" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path>
+    </Svg>
+  )
+}

package/src/glyphs/svg-components-native/Brush.tsx

@@ -0,0 +1,10 @@
+// AUTO-GENERATED — do not edit manually. Run: node scripts/generate-glyphs.mjs
+import { Svg, Path } from 'react-native-svg'
+interface Props { size?: number; color?: string }
+export default function Brush({ size = 24, color = '#000000' }: Props) {
+  return (
+    <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
+      <Path d="M14 4l6 6-7 7-3-3z" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path><Path d="M10 14c-1.5 1-2.5 3-3 6 3-.5 5-1.5 6-3z" stroke={color} fill="none" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round"></Path>
+    </Svg>
+  )
+}