@times-design-system/icons 0.4.0 → 1.1.0

package/dist/react/Outlined_Agriculture.jsx

@@ -0,0 +1,52 @@
+import React from 'react';
+
+/**
+ * Outlined_Agriculture Icon Component
+ *
+ * @component
+ * @param {Object} props - Component props
+ * @param {number} [props.width=24] - Icon width
+ * @param {number} [props.height=24] - Icon height
+ * @param {string} [props.color='currentColor'] - Icon color
+ * @param {string} [props.className] - Additional CSS classes
+ * @param {Object} [props...] - Any other SVG attributes
+ * @returns {React.ReactElement} SVG element
+ *
+ * @example
+ * <Outlined_Agriculture width={32} height={32} color="#000" />
+ */
+const Outlined_Agriculture = React.forwardRef(
+  (
+    {
+      width = 24,
+      height = 24,
+      color = 'currentColor',
+      className = '',
+      ...props
+    },
+    ref
+  ) => (
+    <svg
+      ref={ref}
+      width={width}
+      height={height}
+      color={color}
+      className={className}
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      fill="none"
+      {...props}
+      dangerouslySetInnerHTML={{
+        __html: `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4 9.58991H9C9 8.48991 8.1 7.58991 7 7.58991H4C3.45 7.58991 3 8.03991 3 8.58991C3 9.13991 3.45 9.58991 4 9.58991Z" fill="currentColor"/>
+<path d="M22 14.6499V8.58991C22 7.48991 21.1 6.58991 20 6.58991H13.71L12.65 5.52991L14.06 4.11991L13.35 3.40991L9.82 6.93991L10.53 7.64991L11.94 6.23991L13 7.29991V9.58991C13 10.6899 12.1 11.5899 11 11.5899H8.96C8.74 11.4299 8.51 11.2899 8.27 11.1599L7.87 12.0499L7.41 11.8399L7.81 10.9399C7.26 10.7199 6.64 10.5899 6 10.5899C5.47 10.5899 4.96 10.6999 4.48 10.8499L4.82 11.7599L4.35 11.9399L4 11.0099C2.94 11.4699 2.09 12.2899 1.57 13.3199L2.46 13.7199L2.25 14.1799L1.35 13.7799C1.13 14.3299 1 14.9499 1 15.5899C1 16.1199 1.11 16.6299 1.26 17.1099L2.17 16.7699L2.35 17.2399L1.42 17.5899C1.88 18.6499 2.7 19.4999 3.73 20.0199L4.13 19.1299L4.59 19.3399L4.19 20.2399C4.74 20.4599 5.36 20.5899 6 20.5899C6.53 20.5899 7.04 20.4799 7.52 20.3299L7.18 19.4199L7.65 19.2399L8 20.1699C9.06 19.7099 9.91 18.8899 10.43 17.8599L9.54 17.4599L9.75 16.9999L10.65 17.3999C10.75 17.1399 10.83 16.8599 10.89 16.5799H16.05C16.03 16.7499 16 16.9199 16 17.0899C16 19.0199 17.57 20.5899 19.5 20.5899C21.43 20.5899 23 19.0199 23 17.0899C23 16.1399 22.62 15.2799 22 14.6499ZM6 18.5899C4.34 18.5899 3 17.2499 3 15.5899C3 13.9299 4.34 12.5899 6 12.5899C7.66 12.5899 9 13.9299 9 15.5899C9 17.2499 7.66 18.5899 6 18.5899ZM10.87 14.5899C10.83 14.4099 10.79 14.2399 10.74 14.0699L9.83 14.4099L9.65 13.9399L10.58 13.5899H11C13.21 13.5899 15 11.7999 15 9.58991V8.58991H20V13.6399C19.84 13.6199 19.67 13.5899 19.5 13.5899C18.55 13.5899 17.69 13.9699 17.06 14.5899H10.87ZM19.5 18.5899C18.67 18.5899 18 17.9199 18 17.0899C18 16.2599 18.67 15.5899 19.5 15.5899C20.33 15.5899 21 16.2599 21 17.0899C21 17.9199 20.33 18.5899 19.5 18.5899Z" fill="currentColor"/>
+</svg>
+`,
+      }}
+    />
+  )
+);
+
+Outlined_Agriculture.displayName = 'Outlined_Agriculture';
+
+export default Outlined_Agriculture;

package/dist/react/Outlined_Air.jsx

@@ -0,0 +1,51 @@
+import React from 'react';
+
+/**
+ * Outlined_Air Icon Component
+ *
+ * @component
+ * @param {Object} props - Component props
+ * @param {number} [props.width=24] - Icon width
+ * @param {number} [props.height=24] - Icon height
+ * @param {string} [props.color='currentColor'] - Icon color
+ * @param {string} [props.className] - Additional CSS classes
+ * @param {Object} [props...] - Any other SVG attributes
+ * @returns {React.ReactElement} SVG element
+ *
+ * @example
+ * <Outlined_Air width={32} height={32} color="#000" />
+ */
+const Outlined_Air = React.forwardRef(
+  (
+    {
+      width = 24,
+      height = 24,
+      color = 'currentColor',
+      className = '',
+      ...props
+    },
+    ref
+  ) => (
+    <svg
+      ref={ref}
+      width={width}
+      height={height}
+      color={color}
+      className={className}
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      fill="none"
+      {...props}
+      dangerouslySetInnerHTML={{
+        __html: `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.5 17.5C14.5 19.15 13.15 20.5 11.5 20.5C9.85 20.5 8.5 19.15 8.5 17.5H10.5C10.5 18.05 10.95 18.5 11.5 18.5C12.05 18.5 12.5 18.05 12.5 17.5C12.5 16.95 12.05 16.5 11.5 16.5H2V14.5H11.5C13.15 14.5 14.5 15.85 14.5 17.5ZM19 7C19 5.07 17.43 3.5 15.5 3.5C13.57 3.5 12 5.07 12 7H14C14 6.17 14.67 5.5 15.5 5.5C16.33 5.5 17 6.17 17 7C17 7.83 16.33 8.5 15.5 8.5H2V10.5H15.5C17.43 10.5 19 8.93 19 7ZM18.5 11.5H2V13.5H18.5C19.33 13.5 20 14.17 20 15C20 15.83 19.33 16.5 18.5 16.5V18.5C20.43 18.5 22 16.93 22 15C22 13.07 20.43 11.5 18.5 11.5Z" fill="currentColor"/>
+</svg>
+`,
+      }}
+    />
+  )
+);
+
+Outlined_Air.displayName = 'Outlined_Air';
+
+export default Outlined_Air;

package/dist/react/Outlined_Airline_Seat_Flat.jsx

@@ -0,0 +1,51 @@
+import React from 'react';
+
+/**
+ * Outlined_Airline_Seat_Flat Icon Component
+ *
+ * @component
+ * @param {Object} props - Component props
+ * @param {number} [props.width=24] - Icon width
+ * @param {number} [props.height=24] - Icon height
+ * @param {string} [props.color='currentColor'] - Icon color
+ * @param {string} [props.className] - Additional CSS classes
+ * @param {Object} [props...] - Any other SVG attributes
+ * @returns {React.ReactElement} SVG element
+ *
+ * @example
+ * <Outlined_Airline_Seat_Flat width={32} height={32} color="#000" />
+ */
+const Outlined_Airline_Seat_Flat = React.forwardRef(
+  (
+    {
+      width = 24,
+      height = 24,
+      color = 'currentColor',
+      className = '',
+      ...props
+    },
+    ref
+  ) => (
+    <svg
+      ref={ref}
+      width={width}
+      height={height}
+      color={color}
+      className={className}
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      fill="none"
+      {...props}
+      dangerouslySetInnerHTML={{
+        __html: `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M5 12.5C5.78 12.5 6.55 12.2 7.14 11.6C8.3 10.41 8.28 8.52 7.1 7.36C6.51 6.79 5.75 6.5 5 6.5C4.22 6.5 3.45 6.8 2.86 7.4C1.7 8.59 1.72 10.48 2.9 11.64C3.49 12.21 4.25 12.5 5 12.5ZM4.29 8.8C4.48 8.61 4.73 8.5 5 8.5C5.26 8.5 5.51 8.6 5.7 8.78C6.1 9.17 6.1 9.79 5.72 10.19C5.52 10.39 5.27 10.5 5 10.5C4.74 10.5 4.49 10.4 4.3 10.22C3.9 9.82 3.9 9.2 4.29 8.8ZM9 6.5H18C20.21 6.5 22 8.29 22 10.5V12.5H9V6.5ZM11 10.5V8.5H18C19.1 8.5 20 9.4 20 10.5H11ZM8 17.5V15.5H2V13.5H22V15.5H16V17.5H8Z" fill="currentColor"/>
+</svg>
+`,
+      }}
+    />
+  )
+);
+
+Outlined_Airline_Seat_Flat.displayName = 'Outlined_Airline_Seat_Flat';
+
+export default Outlined_Airline_Seat_Flat;

package/dist/react/Outlined_Airline_Seat_Flat_Angled.jsx

@@ -0,0 +1,51 @@
+import React from 'react';
+
+/**
+ * Outlined_Airline_Seat_Flat_Angled Icon Component
+ *
+ * @component
+ * @param {Object} props - Component props
+ * @param {number} [props.width=24] - Icon width
+ * @param {number} [props.height=24] - Icon height
+ * @param {string} [props.color='currentColor'] - Icon color
+ * @param {string} [props.className] - Additional CSS classes
+ * @param {Object} [props...] - Any other SVG attributes
+ * @returns {React.ReactElement} SVG element
+ *
+ * @example
+ * <Outlined_Airline_Seat_Flat_Angled width={32} height={32} color="#000" />
+ */
+const Outlined_Airline_Seat_Flat_Angled = React.forwardRef(
+  (
+    {
+      width = 24,
+      height = 24,
+      color = 'currentColor',
+      className = '',
+      ...props
+    },
+    ref
+  ) => (
+    <svg
+      ref={ref}
+      width={width}
+      height={height}
+      color={color}
+      className={className}
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      fill="none"
+      {...props}
+      dangerouslySetInnerHTML={{
+        __html: `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4.70079 5.05C5.12079 4.85 5.56079 4.75 6.00079 4.75C7.12079 4.75 8.19079 5.38 8.71079 6.45C9.42079 7.94 8.79079 9.73 7.30079 10.45C6.88079 10.65 6.44079 10.75 6.00079 10.75C4.88079 10.75 3.81079 10.12 3.30079 9.05C2.58079 7.55 3.21079 5.76 4.70079 5.05ZM6.90079 7.31C6.70079 6.9 6.31079 6.75 6.00079 6.75C5.85079 6.75 5.71079 6.79 5.57079 6.85C5.24079 7.01 5.11079 7.27 5.06079 7.41C5.01079 7.56 4.94079 7.85 5.11079 8.19C5.30079 8.6 5.70079 8.75 6.00079 8.75C6.15079 8.75 6.29079 8.71 6.43079 8.65C6.92079 8.41 7.14079 7.81 6.90079 7.31ZM19.1608 11.27L12.4708 8.86L11.7708 10.76L20.3608 13.87L20.3708 13.85C20.5608 13.35 20.5308 12.8 20.3108 12.32C20.0908 11.83 19.6808 11.46 19.1608 11.27ZM10.0008 15.44L14.0008 16.88V17.25H10.0008V15.44ZM11.2808 6.3L9.20079 11.96L21.5608 16.43L22.2508 14.54C23.0208 12.45 21.9408 10.15 19.8408 9.39L11.2808 6.3ZM1.50079 12.39L2.19079 10.5L21.2108 17.36L20.5208 19.25L16.0008 17.62V19.25H8.00079V14.73L1.50079 12.39Z" fill="currentColor"/>
+</svg>
+`,
+      }}
+    />
+  )
+);
+
+Outlined_Airline_Seat_Flat_Angled.displayName = 'Outlined_Airline_Seat_Flat_Angled';
+
+export default Outlined_Airline_Seat_Flat_Angled;

package/dist/react/Outlined_Airline_Seat_Individual_Suite.jsx

@@ -0,0 +1,51 @@
+import React from 'react';
+
+/**
+ * Outlined_Airline_Seat_Individual_Suite Icon Component
+ *
+ * @component
+ * @param {Object} props - Component props
+ * @param {number} [props.width=24] - Icon width
+ * @param {number} [props.height=24] - Icon height
+ * @param {string} [props.color='currentColor'] - Icon color
+ * @param {string} [props.className] - Additional CSS classes
+ * @param {Object} [props...] - Any other SVG attributes
+ * @returns {React.ReactElement} SVG element
+ *
+ * @example
+ * <Outlined_Airline_Seat_Individual_Suite width={32} height={32} color="#000" />
+ */
+const Outlined_Airline_Seat_Individual_Suite = React.forwardRef(
+  (
+    {
+      width = 24,
+      height = 24,
+      color = 'currentColor',
+      className = '',
+      ...props
+    },
+    ref
+  ) => (
+    <svg
+      ref={ref}
+      width={width}
+      height={height}
+      color={color}
+      className={className}
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      fill="none"
+      {...props}
+      dangerouslySetInnerHTML={{
+        __html: `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M19 7H11V15H3V7H1V17H23V11C23 8.79 21.21 7 19 7ZM10 11C10 12.66 8.66 14 7 14C5.34 14 4 12.66 4 11C4 9.34 5.34 8 7 8C8.66 8 10 9.34 10 11ZM8 11C8 10.45 7.55 10 7 10C6.45 10 6 10.45 6 11C6 11.55 6.45 12 7 12C7.55 12 8 11.55 8 11ZM13 15H21V11C21 9.9 20.1 9 19 9H13V15Z" fill="currentColor"/>
+</svg>
+`,
+      }}
+    />
+  )
+);
+
+Outlined_Airline_Seat_Individual_Suite.displayName = 'Outlined_Airline_Seat_Individual_Suite';
+
+export default Outlined_Airline_Seat_Individual_Suite;

package/dist/react/Outlined_Airline_Seat_Legroom_Extra.jsx

@@ -0,0 +1,51 @@
+import React from 'react';
+
+/**
+ * Outlined_Airline_Seat_Legroom_Extra Icon Component
+ *
+ * @component
+ * @param {Object} props - Component props
+ * @param {number} [props.width=24] - Icon width
+ * @param {number} [props.height=24] - Icon height
+ * @param {string} [props.color='currentColor'] - Icon color
+ * @param {string} [props.className] - Additional CSS classes
+ * @param {Object} [props...] - Any other SVG attributes
+ * @returns {React.ReactElement} SVG element
+ *
+ * @example
+ * <Outlined_Airline_Seat_Legroom_Extra width={32} height={32} color="#000" />
+ */
+const Outlined_Airline_Seat_Legroom_Extra = React.forwardRef(
+  (
+    {
+      width = 24,
+      height = 24,
+      color = 'currentColor',
+      className = '',
+      ...props
+    },
+    ref
+  ) => (
+    <svg
+      ref={ref}
+      width={width}
+      height={height}
+      color={color}
+      className={className}
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      fill="none"
+      {...props}
+      dangerouslySetInnerHTML={{
+        __html: `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3.49957 3V12C3.49957 13.66 4.83957 15 6.49957 15H12.4996V17H6.49957C3.73957 17 1.49957 14.76 1.49957 12V3H3.49957ZM20.2996 16.61C21.0396 16.27 21.9496 16.52 22.3296 17.24C22.7296 18 22.3996 18.94 21.6296 19.3L17.9096 21L14.4996 14H7.49957C5.83957 14 4.49957 12.66 4.49957 11V3H10.4996V9H14.0096C14.7696 9 15.4596 9.45 15.7996 10.13L19.2096 17.11L20.2996 16.61Z" fill="currentColor"/>
+</svg>
+`,
+      }}
+    />
+  )
+);
+
+Outlined_Airline_Seat_Legroom_Extra.displayName = 'Outlined_Airline_Seat_Legroom_Extra';
+
+export default Outlined_Airline_Seat_Legroom_Extra;

package/dist/react/Outlined_Airline_Seat_Legroom_Normal.jsx

@@ -0,0 +1,51 @@
+import React from 'react';
+
+/**
+ * Outlined_Airline_Seat_Legroom_Normal Icon Component
+ *
+ * @component
+ * @param {Object} props - Component props
+ * @param {number} [props.width=24] - Icon width
+ * @param {number} [props.height=24] - Icon height
+ * @param {string} [props.color='currentColor'] - Icon color
+ * @param {string} [props.className] - Additional CSS classes
+ * @param {Object} [props...] - Any other SVG attributes
+ * @returns {React.ReactElement} SVG element
+ *
+ * @example
+ * <Outlined_Airline_Seat_Legroom_Normal width={32} height={32} color="#000" />
+ */
+const Outlined_Airline_Seat_Legroom_Normal = React.forwardRef(
+  (
+    {
+      width = 24,
+      height = 24,
+      color = 'currentColor',
+      className = '',
+      ...props
+    },
+    ref
+  ) => (
+    <svg
+      ref={ref}
+      width={width}
+      height={height}
+      color={color}
+      className={className}
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      fill="none"
+      {...props}
+      dangerouslySetInnerHTML={{
+        __html: `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 3V12C4.5 13.66 5.84 15 7.5 15H13.5V17H7.5C4.74 17 2.5 14.76 2.5 12V3H4.5ZM18.5 18H20C20.83 18 21.5 18.67 21.5 19.5C21.5 20.33 20.83 21 20 21H15.5V14H8.5C6.85 14 5.5 12.65 5.5 11V3H11.5V9H16.5C17.6 9 18.5 9.9 18.5 11V18Z" fill="currentColor"/>
+</svg>
+`,
+      }}
+    />
+  )
+);
+
+Outlined_Airline_Seat_Legroom_Normal.displayName = 'Outlined_Airline_Seat_Legroom_Normal';
+
+export default Outlined_Airline_Seat_Legroom_Normal;

package/dist/react/Outlined_Airline_Seat_Legroom_Reduced.jsx

@@ -0,0 +1,51 @@
+import React from 'react';
+
+/**
+ * Outlined_Airline_Seat_Legroom_Reduced Icon Component
+ *
+ * @component
+ * @param {Object} props - Component props
+ * @param {number} [props.width=24] - Icon width
+ * @param {number} [props.height=24] - Icon height
+ * @param {string} [props.color='currentColor'] - Icon color
+ * @param {string} [props.className] - Additional CSS classes
+ * @param {Object} [props...] - Any other SVG attributes
+ * @returns {React.ReactElement} SVG element
+ *
+ * @example
+ * <Outlined_Airline_Seat_Legroom_Reduced width={32} height={32} color="#000" />
+ */
+const Outlined_Airline_Seat_Legroom_Reduced = React.forwardRef(
+  (
+    {
+      width = 24,
+      height = 24,
+      color = 'currentColor',
+      className = '',
+      ...props
+    },
+    ref
+  ) => (
+    <svg
+      ref={ref}
+      width={width}
+      height={height}
+      color={color}
+      className={className}
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      fill="none"
+      {...props}
+      dangerouslySetInnerHTML={{
+        __html: `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M5.50128 3V12C5.50128 13.66 6.84128 15 8.50128 15H12.5013V17H8.50128C5.74128 17 3.50128 14.76 3.50128 12V3H5.50128ZM19.0013 21C19.9213 21 20.6513 20.16 20.4713 19.2C20.3313 18.49 19.6713 18 18.9413 18H17.5013L19.5013 11C19.5013 9.9 18.6013 9 17.5013 9H12.5013V3H6.50128V11C6.50128 12.65 7.85128 14 9.50128 14H15.5013L14.5013 18V21H19.0013Z" fill="currentColor"/>
+</svg>
+`,
+      }}
+    />
+  )
+);
+
+Outlined_Airline_Seat_Legroom_Reduced.displayName = 'Outlined_Airline_Seat_Legroom_Reduced';
+
+export default Outlined_Airline_Seat_Legroom_Reduced;

package/dist/react/Outlined_Airline_Seat_Recline_Extra.jsx

@@ -0,0 +1,51 @@
+import React from 'react';
+
+/**
+ * Outlined_Airline_Seat_Recline_Extra Icon Component
+ *
+ * @component
+ * @param {Object} props - Component props
+ * @param {number} [props.width=24] - Icon width
+ * @param {number} [props.height=24] - Icon height
+ * @param {string} [props.color='currentColor'] - Icon color
+ * @param {string} [props.className] - Additional CSS classes
+ * @param {Object} [props...] - Any other SVG attributes
+ * @returns {React.ReactElement} SVG element
+ *
+ * @example
+ * <Outlined_Airline_Seat_Recline_Extra width={32} height={32} color="#000" />
+ */
+const Outlined_Airline_Seat_Recline_Extra = React.forwardRef(
+  (
+    {
+      width = 24,
+      height = 24,
+      color = 'currentColor',
+      className = '',
+      ...props
+    },
+    ref
+  ) => (
+    <svg
+      ref={ref}
+      width={width}
+      height={height}
+      color={color}
+      className={className}
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      fill="none"
+      {...props}
+      dangerouslySetInnerHTML={{
+        __html: `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M5.35 6.13987C4.45 5.49987 4.23 4.25987 4.86 3.34987C5.49 2.44987 6.74 2.22987 7.65 2.85987C8.55 3.49987 8.77 4.73987 8.14 5.64987C7.5 6.54987 6.26 6.76987 5.35 6.13987ZM16 19.4999H8.93C7.45 19.4999 6.19 18.4199 5.97 16.9599L4 7.49987H2L3.99 17.2599C4.37 19.6999 6.47 21.4999 8.94 21.4999H16V19.4999ZM11.35 15.4999H16.23L22 19.9999L20.5 21.4999L16.68 18.4999H9.83C8.39 18.4999 7.16 17.4799 6.88 16.0599L5.53 10.1399C5.32 8.91987 6.14 7.74987 7.37 7.52987H7.39C7.72 7.46987 8.06 7.49987 8.38 7.58987C8.65 7.66987 8.91 7.78987 9.14 7.96987L10.78 9.23987C12.03 10.2199 13.84 10.7999 15.47 10.4899V12.6199C13.6 12.9399 11.9 12.2899 10.32 11.3999L11.35 15.4999Z" fill="currentColor"/>
+</svg>
+`,
+      }}
+    />
+  )
+);
+
+Outlined_Airline_Seat_Recline_Extra.displayName = 'Outlined_Airline_Seat_Recline_Extra';
+
+export default Outlined_Airline_Seat_Recline_Extra;

package/dist/react/Outlined_Airline_Seat_Recline_Normal.jsx

@@ -0,0 +1,51 @@
+import React from 'react';
+
+/**
+ * Outlined_Airline_Seat_Recline_Normal Icon Component
+ *
+ * @component
+ * @param {Object} props - Component props
+ * @param {number} [props.width=24] - Icon width
+ * @param {number} [props.height=24] - Icon height
+ * @param {string} [props.color='currentColor'] - Icon color
+ * @param {string} [props.className] - Additional CSS classes
+ * @param {Object} [props...] - Any other SVG attributes
+ * @returns {React.ReactElement} SVG element
+ *
+ * @example
+ * <Outlined_Airline_Seat_Recline_Normal width={32} height={32} color="#000" />
+ */
+const Outlined_Airline_Seat_Recline_Normal = React.forwardRef(
+  (
+    {
+      width = 24,
+      height = 24,
+      color = 'currentColor',
+      className = '',
+      ...props
+    },
+    ref
+  ) => (
+    <svg
+      ref={ref}
+      width={width}
+      height={height}
+      color={color}
+      className={className}
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      fill="none"
+      {...props}
+      dangerouslySetInnerHTML={{
+        __html: `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7.59 5.66256C6.81 4.88256 6.81 3.61256 7.59 2.83256C8.37 2.05256 9.64 2.05256 10.42 2.83256C11.2 3.61256 11.2 4.88256 10.42 5.66256C9.63 6.45256 8.37 6.45256 7.59 5.66256ZM6 16.2526V7.25256H4V16.2526C4 19.0126 6.24 21.2526 9 21.2526H15V19.2526H9C7.34 19.2526 6 17.9126 6 16.2526ZM14.93 15.2526L20 20.3226L18.57 21.7526L15.07 18.2526H10C8.34 18.2526 7 16.9126 7 15.2526V9.50256C7 8.26256 8.01 7.25256 9.25 7.25256H9.28C9.62 7.25256 9.95 7.34256 10.24 7.48256C10.5 7.60256 10.74 7.77256 10.93 7.98256L12.33 9.53256C13.39 10.7026 15.34 11.5926 17 11.5726V13.7326C15.1 13.7326 12.9 12.7226 11.5 11.5726V15.2526H14.93Z" fill="currentColor"/>
+</svg>
+`,
+      }}
+    />
+  )
+);
+
+Outlined_Airline_Seat_Recline_Normal.displayName = 'Outlined_Airline_Seat_Recline_Normal';
+
+export default Outlined_Airline_Seat_Recline_Normal;

package/dist/react/Outlined_Airline_Stops.jsx

@@ -0,0 +1,51 @@
+import React from 'react';
+
+/**
+ * Outlined_Airline_Stops Icon Component
+ *
+ * @component
+ * @param {Object} props - Component props
+ * @param {number} [props.width=24] - Icon width
+ * @param {number} [props.height=24] - Icon height
+ * @param {string} [props.color='currentColor'] - Icon color
+ * @param {string} [props.className] - Additional CSS classes
+ * @param {Object} [props...] - Any other SVG attributes
+ * @returns {React.ReactElement} SVG element
+ *
+ * @example
+ * <Outlined_Airline_Stops width={32} height={32} color="#000" />
+ */
+const Outlined_Airline_Stops = React.forwardRef(
+  (
+    {
+      width = 24,
+      height = 24,
+      color = 'currentColor',
+      className = '',
+      ...props
+    },
+    ref
+  ) => (
+    <svg
+      ref={ref}
+      width={width}
+      height={height}
+      color={color}
+      className={className}
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      fill="none"
+      {...props}
+      dangerouslySetInnerHTML={{
+        __html: `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M19.5 8.7C17.04 10.2 14 12.87 13.5 17H15.5V19H9.5V17H11.5C11 12.5 7.13 9 2.5 9V7C6.89 7 10.72 9.55 12.5 13.3C13.88 10.33 16.36 8.27 18.46 6.99L14.5 7V5H21.5V12H19.5V8.7Z" fill="currentColor"/>
+</svg>
+`,
+      }}
+    />
+  )
+);
+
+Outlined_Airline_Stops.displayName = 'Outlined_Airline_Stops';
+
+export default Outlined_Airline_Stops;

package/dist/react/Outlined_Airlines.jsx

@@ -0,0 +1,51 @@
+import React from 'react';
+
+/**
+ * Outlined_Airlines Icon Component
+ *
+ * @component
+ * @param {Object} props - Component props
+ * @param {number} [props.width=24] - Icon width
+ * @param {number} [props.height=24] - Icon height
+ * @param {string} [props.color='currentColor'] - Icon color
+ * @param {string} [props.className] - Additional CSS classes
+ * @param {Object} [props...] - Any other SVG attributes
+ * @returns {React.ReactElement} SVG element
+ *
+ * @example
+ * <Outlined_Airlines width={32} height={32} color="#000" />
+ */
+const Outlined_Airlines = React.forwardRef(
+  (
+    {
+      width = 24,
+      height = 24,
+      color = 'currentColor',
+      className = '',
+      ...props
+    },
+    ref
+  ) => (
+    <svg
+      ref={ref}
+      width={width}
+      height={height}
+      color={color}
+      className={className}
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      fill="none"
+      {...props}
+      dangerouslySetInnerHTML={{
+        __html: `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.34 18H5.8L14.05 6H19.59L17.34 18ZM13 4L2 20H19L22 4H13ZM14.5 9C13.12 9 12 10.12 12 11.5C12 12.88 13.12 14 14.5 14C15.88 14 17 12.88 17 11.5C17 10.12 15.88 9 14.5 9Z" fill="currentColor"/>
+</svg>
+`,
+      }}
+    />
+  )
+);
+
+Outlined_Airlines.displayName = 'Outlined_Airlines';
+
+export default Outlined_Airlines;

package/dist/react/Outlined_Airplane_Ticket.jsx

@@ -0,0 +1,51 @@
+import React from 'react';
+
+/**
+ * Outlined_Airplane_Ticket Icon Component
+ *
+ * @component
+ * @param {Object} props - Component props
+ * @param {number} [props.width=24] - Icon width
+ * @param {number} [props.height=24] - Icon height
+ * @param {string} [props.color='currentColor'] - Icon color
+ * @param {string} [props.className] - Additional CSS classes
+ * @param {Object} [props...] - Any other SVG attributes
+ * @returns {React.ReactElement} SVG element
+ *
+ * @example
+ * <Outlined_Airplane_Ticket width={32} height={32} color="#000" />
+ */
+const Outlined_Airplane_Ticket = React.forwardRef(
+  (
+    {
+      width = 24,
+      height = 24,
+      color = 'currentColor',
+      className = '',
+      ...props
+    },
+    ref
+  ) => (
+    <svg
+      ref={ref}
+      width={width}
+      height={height}
+      color={color}
+      className={className}
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      fill="none"
+      {...props}
+      dangerouslySetInnerHTML={{
+        __html: `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M20.19 4H4C2.9 4 2.01 4.9 2.01 6V10C3.11 10 4 10.9 4 12C4 13.1 3.11 14 2 14V18C2 19.1 2.9 20 4 20H20C21.1 20 22 19.1 22 18V6C22 4.9 21.19 4 20.19 4ZM20 18H4V15.46C5.19 14.77 6 13.47 6 12C6 10.52 5.2 9.23 4.01 8.54L4 6H20V18ZM8.87 15.66L7.21 12.78L8.14 12.53L9.4 13.52L11.79 12.88L9.39 8.72L10.79 8.34L14.8 12.08L17.24 11.43C17.75 11.29 18.28 11.6 18.42 12.11C18.55 12.62 18.25 13.15 17.73 13.3L8.87 15.66Z" fill="currentColor"/>
+</svg>
+`,
+      }}
+    />
+  )
+);
+
+Outlined_Airplane_Ticket.displayName = 'Outlined_Airplane_Ticket';
+
+export default Outlined_Airplane_Ticket;