@developershre/icona 1.0.6 → 2.0.2

package/dist/react/Hicon/Linear/Message 14.tsx

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Message 14 icon from Hicon/Linear collection
+ * 
+ * @param size - Size of the icon (default: 24)
+ * @param color - Color of the icon (default: 'currentColor')
+ * @param className - Additional CSS classes
+ * @param title - Accessibility title
+ * @param aria-label - Accessibility label
+ * @param style - Additional CSS styles
+ * 
+ * @keywords message 14, message, 14, hicon/linear, communication, contact
+ * @tags hicon/linear, communication
+ * @category Hicon/Linear
+ * 
+ * @example
+ * ```tsx
+ * import { ComponentName } from 'icona/react';
+ * 
+ * function MyComponent() {
+ *   return <ComponentName size={24} color="blue" />;
+ * }
+ * ```
+ */
+interface HiconLinearMessage14Props {
+  /** Size of the icon (width and height) */
+  size?: number | string;
+  /** Color of the icon */
+  color?: string;
+  /** Additional CSS classes */
+  className?: string;
+  /** Accessibility title */
+  title?: string;
+  /** Accessibility label */
+  'aria-label'?: string;
+  /** Additional CSS styles */
+  style?: React.CSSProperties;
+}
+
+const HiconLinearMessage14 = React.forwardRef<SVGSVGElement, HiconLinearMessage14Props>(
+  ({ 
+    size = 24, 
+    color = 'currentColor', 
+    className,
+    title,
+    'aria-label': ariaLabel,
+    style
+  }, ref) => (
+    <svg
+      ref={ref}
+      width={size}
+      height={size}
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke={color}
+      strokeWidth="2"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      className={className}
+      style={style}
+      role="img"
+      aria-label={ariaLabel || 'Message 14 icon from Hicon/Linear collection'}
+    >
+      {title && <title>{title}</title>}
+      <path fill="#2D264B" d="m12.67 18.95.435.61zm.052-.037-.432-.613zM15.57 18l.005.75zm-7.174 1.51.696.279zm1.662 1.305-.435-.61zm10.936-7.579-.749-.035zm-4.758 4.758-.035-.749zM5.73 2.545l.34.668zM3.545 4.73l.668.34zM18.27 2.545l-.34.668zm2.185 2.185-.668.34zM8 7.25a.75.75 0 0 0 0 1.5zm8 1.5a.75.75 0 0 0 0-1.5zm-6 2.5a.75.75 0 0 0 0 1.5zm4 1.5a.75.75 0 0 0 0-1.5zm-1-11.5h-2v1.5h2zM2.25 10v4.228h1.5V10zm19.5 2.699V10h-1.5v2.699zM6.772 18.75h.601v-1.5h-.601zm3.722 2.676 2.611-1.865-.872-1.22-2.61 1.864zm2.611-1.865.05-.035-.865-1.226-.057.04zm2.545-2.311h-.085l.01 1.5h.075zm-2.496 2.276a4.25 4.25 0 0 1 2.421-.776l-.01-1.5a5.75 5.75 0 0 0-3.275 1.05zm-5.78-.776c.248 0 .418.251.326.482l1.392.557a1.85 1.85 0 0 0-1.719-2.539zm.326.482c-.687 1.716 1.29 3.268 2.794 2.194l-.871-1.22c-.286.203-.661-.091-.53-.417zm12.55-6.533c0 .288 0 .406-.005.502l1.499.07c.006-.14.006-.301.006-.572zm-4.6 6.051c.303 0 .481 0 .622-.006l-.071-1.499c-.096.005-.229.005-.55.005zm4.595-5.549a4.25 4.25 0 0 1-4.044 4.044l.07 1.499a5.75 5.75 0 0 0 5.473-5.472zM2.25 14.228a4.52 4.52 0 0 0 4.522 4.522v-1.5a3.02 3.02 0 0 1-3.022-3.022zM11 1.25c-1.388 0-2.474 0-3.345.07-.88.073-1.607.221-2.265.557l.68 1.336c.412-.21.92-.333 1.707-.397.796-.065 1.81-.066 3.223-.066zM3.75 10c0-1.413 0-2.427.066-3.223.064-.787.188-1.295.397-1.706L2.877 4.39c-.336.658-.484 1.385-.556 2.265-.072.871-.071 1.957-.071 3.345zm1.64-8.123A5.75 5.75 0 0 0 2.877 4.39l1.336.68a4.25 4.25 0 0 1 1.858-1.857zM13 2.75c1.412 0 2.427 0 3.223.066.787.064 1.295.188 1.707.397l.68-1.336c-.658-.336-1.385-.484-2.265-.556-.871-.072-1.957-.071-3.345-.071zM21.75 10c0-1.388 0-2.474-.07-3.345-.072-.88-.221-1.607-.557-2.265l-1.336.68c.21.412.333.92.397 1.707.065.796.066 1.81.066 3.223zm-3.82-6.787a4.25 4.25 0 0 1 1.857 1.858l1.336-.681a5.75 5.75 0 0 0-2.513-2.513zM8 8.75h8v-1.5H8zm2 4h4v-1.5h-4z"/>
+    </svg>
+  )
+);
+
+HiconLinearMessage14.displayName = 'HiconLinearMessage14';
+
+export default HiconLinearMessage14;

package/dist/react/Hicon/Linear/Message 15.tsx

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Message 15 icon from Hicon/Linear collection
+ * 
+ * @param size - Size of the icon (default: 24)
+ * @param color - Color of the icon (default: 'currentColor')
+ * @param className - Additional CSS classes
+ * @param title - Accessibility title
+ * @param aria-label - Accessibility label
+ * @param style - Additional CSS styles
+ * 
+ * @keywords message 15, message, 15, hicon/linear, communication, contact
+ * @tags hicon/linear, communication
+ * @category Hicon/Linear
+ * 
+ * @example
+ * ```tsx
+ * import { ComponentName } from 'icona/react';
+ * 
+ * function MyComponent() {
+ *   return <ComponentName size={24} color="blue" />;
+ * }
+ * ```
+ */
+interface HiconLinearMessage15Props {
+  /** Size of the icon (width and height) */
+  size?: number | string;
+  /** Color of the icon */
+  color?: string;
+  /** Additional CSS classes */
+  className?: string;
+  /** Accessibility title */
+  title?: string;
+  /** Accessibility label */
+  'aria-label'?: string;
+  /** Additional CSS styles */
+  style?: React.CSSProperties;
+}
+
+const HiconLinearMessage15 = React.forwardRef<SVGSVGElement, HiconLinearMessage15Props>(
+  ({ 
+    size = 24, 
+    color = 'currentColor', 
+    className,
+    title,
+    'aria-label': ariaLabel,
+    style
+  }, ref) => (
+    <svg
+      ref={ref}
+      width={size}
+      height={size}
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke={color}
+      strokeWidth="2"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      className={className}
+      style={style}
+      role="img"
+      aria-label={ariaLabel || 'Message 15 icon from Hicon/Linear collection'}
+    >
+      {title && <title>{title}</title>}
+      <path fill="#2D264B" d="m12.67 18.95.435.61zm.052-.037-.432-.613zM15.57 18l.005.75zm-7.174 1.51.696.279zm1.662 1.305-.435-.61zm10.936-7.579-.749-.035zm-4.758 4.758-.035-.749zM5.73 2.545l.34.668zM3.545 4.73l.668.34zM18.27 2.545l-.34.668zm2.185 2.185-.668.34zM8 11.75a.75.75 0 0 0 0 1.5zm8 1.5a.75.75 0 0 0 0-1.5zm-8-6a.75.75 0 0 0 0 1.5zm8 1.5a.75.75 0 0 0 0-1.5zm-3-7.5h-2v1.5h2zM2.25 10v4.228h1.5V10zm19.5 2.699V10h-1.5v2.699zM6.772 18.75h.601v-1.5h-.601zm3.722 2.676 2.611-1.865-.872-1.22-2.61 1.864zm2.611-1.865.05-.035-.865-1.226-.057.04zm2.545-2.311h-.085l.01 1.5h.075zm-2.496 2.276a4.25 4.25 0 0 1 2.421-.776l-.01-1.5a5.75 5.75 0 0 0-3.275 1.05zm-5.78-.776c.248 0 .418.251.326.482l1.392.557a1.85 1.85 0 0 0-1.719-2.539zm.326.482c-.687 1.716 1.29 3.268 2.794 2.194l-.871-1.22c-.286.203-.661-.091-.53-.417zm12.55-6.533c0 .288 0 .406-.005.502l1.499.07c.006-.14.006-.301.006-.572zm-4.6 6.051c.303 0 .481 0 .622-.006l-.071-1.499c-.096.005-.229.005-.55.005zm4.595-5.549a4.25 4.25 0 0 1-4.044 4.044l.07 1.499a5.75 5.75 0 0 0 5.473-5.472zM2.25 14.228a4.52 4.52 0 0 0 4.522 4.522v-1.5a3.02 3.02 0 0 1-3.022-3.022zM11 1.25c-1.388 0-2.474 0-3.345.07-.88.073-1.607.221-2.265.557l.68 1.336c.412-.21.92-.333 1.707-.397.796-.065 1.81-.066 3.223-.066zM3.75 10c0-1.413 0-2.427.066-3.223.064-.787.188-1.295.397-1.706L2.877 4.39c-.336.658-.484 1.385-.556 2.265-.072.871-.071 1.957-.071 3.345zm1.64-8.123A5.75 5.75 0 0 0 2.877 4.39l1.336.68a4.25 4.25 0 0 1 1.858-1.857zM13 2.75c1.412 0 2.427 0 3.223.066.787.064 1.295.188 1.707.397l.68-1.336c-.658-.336-1.385-.484-2.265-.556-.871-.072-1.957-.071-3.345-.071zM21.75 10c0-1.388 0-2.474-.07-3.345-.072-.88-.221-1.607-.557-2.265l-1.336.68c.21.412.333.92.397 1.707.065.796.066 1.81.066 3.223zm-3.82-6.787a4.25 4.25 0 0 1 1.857 1.858l1.336-.681a5.75 5.75 0 0 0-2.513-2.513zM8 13.25h8v-1.5H8zm0-4.5h8v-1.5H8z"/>
+    </svg>
+  )
+);
+
+HiconLinearMessage15.displayName = 'HiconLinearMessage15';
+
+export default HiconLinearMessage15;

package/dist/react/Hicon/Linear/Message 16.tsx

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Message 16 icon from Hicon/Linear collection
+ * 
+ * @param size - Size of the icon (default: 24)
+ * @param color - Color of the icon (default: 'currentColor')
+ * @param className - Additional CSS classes
+ * @param title - Accessibility title
+ * @param aria-label - Accessibility label
+ * @param style - Additional CSS styles
+ * 
+ * @keywords message 16, message, 16, hicon/linear, communication, contact
+ * @tags hicon/linear, communication
+ * @category Hicon/Linear
+ * 
+ * @example
+ * ```tsx
+ * import { ComponentName } from 'icona/react';
+ * 
+ * function MyComponent() {
+ *   return <ComponentName size={24} color="blue" />;
+ * }
+ * ```
+ */
+interface HiconLinearMessage16Props {
+  /** Size of the icon (width and height) */
+  size?: number | string;
+  /** Color of the icon */
+  color?: string;
+  /** Additional CSS classes */
+  className?: string;
+  /** Accessibility title */
+  title?: string;
+  /** Accessibility label */
+  'aria-label'?: string;
+  /** Additional CSS styles */
+  style?: React.CSSProperties;
+}
+
+const HiconLinearMessage16 = React.forwardRef<SVGSVGElement, HiconLinearMessage16Props>(
+  ({ 
+    size = 24, 
+    color = 'currentColor', 
+    className,
+    title,
+    'aria-label': ariaLabel,
+    style
+  }, ref) => (
+    <svg
+      ref={ref}
+      width={size}
+      height={size}
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke={color}
+      strokeWidth="2"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      className={className}
+      style={style}
+      role="img"
+      aria-label={ariaLabel || 'Message 16 icon from Hicon/Linear collection'}
+    >
+      {title && <title>{title}</title>}
+      <path fill="#2D264B" d="m12.67 18.95.435.61zm.052-.037-.432-.613zM15.57 18l.005.75zm-7.174 1.51.696.279zm1.662 1.305-.435-.61zm10.936-7.579-.749-.035zm-4.758 4.758-.035-.749zM5.73 2.545l.34.668zM3.545 4.73l.668.34zM18.27 2.545l-.34.668zm2.185 2.185-.668.34zM7.47 9.47a.75.75 0 1 0 1.06 1.06zm9.06 1.06a.75.75 0 1 0-1.06-1.06zM12 10l-.711.237zm1-8.75h-2v1.5h2zM2.25 10v4.228h1.5V10zm19.5 2.699V10h-1.5v2.699zM6.772 18.75h.601v-1.5h-.601zm3.722 2.676 2.611-1.865-.872-1.22-2.61 1.864zm2.611-1.865.05-.035-.865-1.226-.057.04zm2.545-2.311h-.085l.01 1.5h.075zm-2.496 2.276a4.25 4.25 0 0 1 2.421-.776l-.01-1.5a5.75 5.75 0 0 0-3.275 1.05zm-5.78-.776c.248 0 .418.251.326.482l1.392.557a1.85 1.85 0 0 0-1.719-2.539zm.326.482c-.687 1.716 1.29 3.268 2.794 2.194l-.871-1.22c-.286.203-.661-.091-.53-.417zm12.55-6.533c0 .288 0 .406-.005.502l1.499.07c.006-.14.006-.301.006-.572zm-4.6 6.051c.303 0 .481 0 .622-.006l-.071-1.499c-.096.005-.229.005-.55.005zm4.595-5.549a4.25 4.25 0 0 1-4.044 4.044l.07 1.499a5.75 5.75 0 0 0 5.473-5.472zM2.25 14.228a4.52 4.52 0 0 0 4.522 4.522v-1.5a3.02 3.02 0 0 1-3.022-3.022zM11 1.25c-1.388 0-2.474 0-3.345.07-.88.073-1.607.221-2.265.557l.68 1.336c.412-.21.92-.333 1.707-.397.796-.065 1.81-.066 3.223-.066zM3.75 10c0-1.413 0-2.427.066-3.223.064-.787.188-1.295.397-1.706L2.877 4.39c-.336.658-.484 1.385-.556 2.265-.072.871-.071 1.957-.071 3.345zm1.64-8.123A5.75 5.75 0 0 0 2.877 4.39l1.336.68a4.25 4.25 0 0 1 1.858-1.857zM13 2.75c1.412 0 2.427 0 3.223.066.787.064 1.295.188 1.707.397l.68-1.336c-.658-.336-1.385-.484-2.265-.556-.871-.072-1.957-.071-3.345-.071zM21.75 10c0-1.388 0-2.474-.07-3.345-.072-.88-.221-1.607-.557-2.265l-1.336.68c.21.412.333.92.397 1.707.065.796.066 1.81.066 3.223zm-3.82-6.787a4.25 4.25 0 0 1 1.857 1.858l1.336-.681a5.75 5.75 0 0 0-2.513-2.513zm-9.4 7.317.764-.764-1.06-1.06-.764.764zm7.236.764.764-.764-1.06-1.06-.764.764zm-4.477-1.057c.635 1.907 3.056 2.479 4.477 1.057l-1.06-1.06a1.204 1.204 0 0 1-1.995-.471zm-1.995-.47a1.204 1.204 0 0 1 1.995.47l1.422-.474c-.635-1.907-3.056-2.479-4.477-1.057z"/>
+    </svg>
+  )
+);
+
+HiconLinearMessage16.displayName = 'HiconLinearMessage16';
+
+export default HiconLinearMessage16;

package/dist/react/Hicon/Linear/Message 17.tsx

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Message 17 icon from Hicon/Linear collection
+ * 
+ * @param size - Size of the icon (default: 24)
+ * @param color - Color of the icon (default: 'currentColor')
+ * @param className - Additional CSS classes
+ * @param title - Accessibility title
+ * @param aria-label - Accessibility label
+ * @param style - Additional CSS styles
+ * 
+ * @keywords message 17, message, 17, hicon/linear, communication, contact
+ * @tags hicon/linear, communication
+ * @category Hicon/Linear
+ * 
+ * @example
+ * ```tsx
+ * import { ComponentName } from 'icona/react';
+ * 
+ * function MyComponent() {
+ *   return <ComponentName size={24} color="blue" />;
+ * }
+ * ```
+ */
+interface HiconLinearMessage17Props {
+  /** Size of the icon (width and height) */
+  size?: number | string;
+  /** Color of the icon */
+  color?: string;
+  /** Additional CSS classes */
+  className?: string;
+  /** Accessibility title */
+  title?: string;
+  /** Accessibility label */
+  'aria-label'?: string;
+  /** Additional CSS styles */
+  style?: React.CSSProperties;
+}
+
+const HiconLinearMessage17 = React.forwardRef<SVGSVGElement, HiconLinearMessage17Props>(
+  ({ 
+    size = 24, 
+    color = 'currentColor', 
+    className,
+    title,
+    'aria-label': ariaLabel,
+    style
+  }, ref) => (
+    <svg
+      ref={ref}
+      width={size}
+      height={size}
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke={color}
+      strokeWidth="2"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      className={className}
+      style={style}
+      role="img"
+      aria-label={ariaLabel || 'Message 17 icon from Hicon/Linear collection'}
+    >
+      {title && <title>{title}</title>}
+      <path fill="#2D264B" d="m16.604 19.51.697-.278zm-1.662 1.305-.436.61zm4.328-18.27-.34.668zm2.185 2.185-.668.34zM6.73 2.545l.34.668zM4.545 4.73l.668.34zm3.976 15.633.44.608zm.04-.03.437.611zm2.216-.719.005.75zm-5.58 1.19.697.276zm1.293 1.03-.44-.608zm8.506-5.975-.75-.035zm-3.701 3.75-.036-.748zM3.123 7.43l-.344-.666zm-1.7 1.723-.67-.337zM12.878 7.43l-.344.666zm1.7 1.722.67-.337zM5 13.25a.75.75 0 0 0 0 1.5zm6 1.5a.75.75 0 0 0 0-1.5zM4.04 7.133l.134.738zm8.708 12.116-.32-.679zM12 2.75h2v-1.5h-2zM21.25 10v4.228h1.5V10zm-3.022 7.25h-.601v1.5h.601zm-.601 0a1.85 1.85 0 0 0-1.72 2.539l1.393-.557a.35.35 0 0 1 .327-.482zm-1.72 2.539c.131.325-.244.62-.53.416l-.871 1.22c1.504 1.075 3.481-.477 2.794-2.193zm5.343-5.56a3.02 3.02 0 0 1-3.022 3.021v1.5a4.52 4.52 0 0 0 4.522-4.522zM14 2.75c1.412 0 2.427 0 3.223.066.787.064 1.295.188 1.707.397l.68-1.336c-.658-.336-1.385-.484-2.265-.556-.871-.072-1.957-.071-3.345-.071zM22.75 10c0-1.388 0-2.474-.07-3.345-.072-.88-.221-1.607-.557-2.265l-1.336.68c.21.412.333.92.397 1.707.065.796.066 1.81.066 3.223zm-3.82-6.787a4.25 4.25 0 0 1 1.857 1.858l1.336-.681a5.75 5.75 0 0 0-2.513-2.513zM12 1.25c-1.388 0-2.474 0-3.345.07-.88.073-1.607.221-2.265.557l.68 1.336c.412-.21.92-.333 1.707-.397.796-.065 1.81-.066 3.223-.066zm-5.61.627A5.75 5.75 0 0 0 3.877 4.39l1.336.68a4.25 4.25 0 0 1 1.858-1.857zM8.778 6.25H7.222v1.5h1.556zM.25 13.307v3.334h1.5v-3.334zm15.5 2.128v-2.128h-1.5v2.128zm-11.816 4.93h.468v-1.5h-.468zM6.93 22.44l2.03-1.47-.88-1.215-2.03 1.47zm2.03-1.47.038-.027-.872-1.22c-.013.008-.025.018-.045.032zm1.88-2.107h-.068l.01 1.5h.057zm-1.842 2.08a3.1 3.1 0 0 1 1.784-.58l-.01-1.5a4.6 4.6 0 0 0-2.646.86zm-4.596-.58q.05-.002.085.048a.12.12 0 0 1 .012.117l1.395.551c.414-1.048-.342-2.216-1.492-2.216zm.097.165c-.577 1.463 1.092 2.881 2.43 1.912l-.879-1.215c-.035.026-.053.024-.059.024a.1.1 0 0 1-.06-.027.13.13 0 0 1-.046-.062c-.003-.013-.008-.037.01-.08zm9.751-5.094c0 .229 0 .317-.004.389l1.499.07c.005-.116.005-.247.005-.46zm-3.41 4.93c.232 0 .376 0 .491-.006l-.072-1.498c-.07.003-.167.003-.42.003zM.25 16.64c0 2.046 1.64 3.723 3.684 3.723v-1.5c-1.197 0-2.184-.986-2.184-2.223zm1.5-3.334c0-1.116 0-1.908.05-2.529.05-.612.144-.99.294-1.289l-1.34-.674C.48 9.36.362 9.955.305 10.658c-.056.694-.055 1.557-.055 2.65zm1.03-6.544A4.67 4.67 0 0 0 .753 8.815l1.34.674a3.17 3.17 0 0 1 1.374-1.393zm5.998.987c1.101 0 1.882 0 2.492.051.601.05.97.144 1.263.295l.688-1.333c-.54-.279-1.131-.4-1.827-.457-.687-.057-1.54-.056-2.616-.056zm6.972 5.557c0-1.092 0-1.955-.055-2.65-.057-.702-.175-1.297-.449-1.842l-1.34.674c.15.3.244.677.293 1.29.05.62.051 1.412.051 2.528zm-3.217-5.211c.59.305 1.07.792 1.373 1.393l1.34-.674a4.67 4.67 0 0 0-2.025-2.052zM5 14.75h6v-1.5H5zm2.222-8.5c-1.441 0-2.498-.003-3.315.145l.267 1.476c.651-.118 1.544-.121 3.048-.121zm-3.315.145a4 4 0 0 0-1.128.368l.689 1.333c.189-.098.41-.172.706-.225zm.882.778c.054-1.019.18-1.624.424-2.102L3.877 4.39c-.388.761-.528 1.619-.586 2.703zm9.458 8.65a3.19 3.19 0 0 1-1.818 2.747l.639 1.357a4.69 4.69 0 0 0 2.677-4.033zm-1.818 2.747c-.358.168-.753.27-1.17.29l.072 1.499a4.6 4.6 0 0 0 1.737-.432zm2.948 1.635-2.193-1.567-.872 1.22 2.194 1.568z"/>
+    </svg>
+  )
+);
+
+HiconLinearMessage17.displayName = 'HiconLinearMessage17';
+
+export default HiconLinearMessage17;

package/dist/react/Hicon/Linear/Message 18.tsx

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Message 18 icon from Hicon/Linear collection
+ * 
+ * @param size - Size of the icon (default: 24)
+ * @param color - Color of the icon (default: 'currentColor')
+ * @param className - Additional CSS classes
+ * @param title - Accessibility title
+ * @param aria-label - Accessibility label
+ * @param style - Additional CSS styles
+ * 
+ * @keywords message 18, message, 18, hicon/linear, communication, contact
+ * @tags hicon/linear, communication
+ * @category Hicon/Linear
+ * 
+ * @example
+ * ```tsx
+ * import { ComponentName } from 'icona/react';
+ * 
+ * function MyComponent() {
+ *   return <ComponentName size={24} color="blue" />;
+ * }
+ * ```
+ */
+interface HiconLinearMessage18Props {
+  /** Size of the icon (width and height) */
+  size?: number | string;
+  /** Color of the icon */
+  color?: string;
+  /** Additional CSS classes */
+  className?: string;
+  /** Accessibility title */
+  title?: string;
+  /** Accessibility label */
+  'aria-label'?: string;
+  /** Additional CSS styles */
+  style?: React.CSSProperties;
+}
+
+const HiconLinearMessage18 = React.forwardRef<SVGSVGElement, HiconLinearMessage18Props>(
+  ({ 
+    size = 24, 
+    color = 'currentColor', 
+    className,
+    title,
+    'aria-label': ariaLabel,
+    style
+  }, ref) => (
+    <svg
+      ref={ref}
+      width={size}
+      height={size}
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke={color}
+      strokeWidth="2"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      className={className}
+      style={style}
+      role="img"
+      aria-label={ariaLabel || 'Message 18 icon from Hicon/Linear collection'}
+    >
+      {title && <title>{title}</title>}
+      <path stroke="#2D264B" stroke-width="1.5" d="M4.04 7.133C4.775 7 5.75 7 7.222 7h1.556c2.178 0 3.267 0 4.099.43a3.9 3.9 0 0 1 1.7 1.722C15 9.996 15 11.1 15 13.307v2.128c0 .22 0 .33-.004.424a3.94 3.94 0 0 1-2.248 3.39M4.04 7.133a3.2 3.2 0 0 0-.917.297 3.9 3.9 0 0 0-1.7 1.722C1 9.996 1 11.1 1 13.307v3.334c0 1.642 1.313 2.973 2.934 2.973h.468c.606 0 1.02.62.795 1.19-.318.806.597 1.534 1.293 1.03l2.03-1.47.042-.03a3.85 3.85 0 0 1 2.215-.72h.062c.243 0 .364 0 .456-.004a3.8 3.8 0 0 0 1.453-.361M4.04 7.133c.056-1.051.189-1.783.505-2.403A5 5 0 0 1 6.73 2.545C7.8 2 9.2 2 12 2h2c2.8 0 4.2 0 5.27.545a5 5 0 0 1 2.185 2.185C22 5.8 22 7.2 22 10v4.228A3.77 3.77 0 0 1 18.228 18h-.601c-.78 0-1.312.787-1.023 1.51.409 1.021-.768 1.945-1.662 1.305l-2.194-1.566"/><path fill="#2D264B" d="M6 14a1 1 0 1 1-2 0 1 1 0 0 1 2 0m3 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0m3 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0"/>
+    </svg>
+  )
+);
+
+HiconLinearMessage18.displayName = 'HiconLinearMessage18';
+
+export default HiconLinearMessage18;

package/dist/react/Hicon/Linear/Message 2.tsx

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Message 2 icon from Hicon/Linear collection
+ * 
+ * @param size - Size of the icon (default: 24)
+ * @param color - Color of the icon (default: 'currentColor')
+ * @param className - Additional CSS classes
+ * @param title - Accessibility title
+ * @param aria-label - Accessibility label
+ * @param style - Additional CSS styles
+ * 
+ * @keywords message 2, message, 2, hicon/linear, communication, contact
+ * @tags hicon/linear, communication
+ * @category Hicon/Linear
+ * 
+ * @example
+ * ```tsx
+ * import { ComponentName } from 'icona/react';
+ * 
+ * function MyComponent() {
+ *   return <ComponentName size={24} color="blue" />;
+ * }
+ * ```
+ */
+interface HiconLinearMessage2Props {
+  /** Size of the icon (width and height) */
+  size?: number | string;
+  /** Color of the icon */
+  color?: string;
+  /** Additional CSS classes */
+  className?: string;
+  /** Accessibility title */
+  title?: string;
+  /** Accessibility label */
+  'aria-label'?: string;
+  /** Additional CSS styles */
+  style?: React.CSSProperties;
+}
+
+const HiconLinearMessage2 = React.forwardRef<SVGSVGElement, HiconLinearMessage2Props>(
+  ({ 
+    size = 24, 
+    color = 'currentColor', 
+    className,
+    title,
+    'aria-label': ariaLabel,
+    style
+  }, ref) => (
+    <svg
+      ref={ref}
+      width={size}
+      height={size}
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke={color}
+      strokeWidth="2"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      className={className}
+      style={style}
+      role="img"
+      aria-label={ariaLabel || 'Message 2 icon from Hicon/Linear collection'}
+    >
+      {title && <title>{title}</title>}
+      <path fill="#2D264B" d="M8.75 10.75a1 1 0 1 1-2 0 1 1 0 0 1 2 0m4 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0m4 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0"/><path stroke="#2D264B" stroke-width="1.5" d="M21.75 4.75a2 2 0 1 1-4 0 2 2 0 0 1 4 0Z"/><path fill="#2D264B" d="M21.407 8.392c.46-.21 1.078.063 1.085.569.008.525.008 1.107.008 1.755v1.365c0 1.549 0 2.493-.232 3.287a5.75 5.75 0 0 1-3.9 3.9c-.794.232-1.738.232-3.287.232h-.756a4.25 4.25 0 0 0-2.42.776l-.05.035-2.61 1.865c-1.505 1.074-3.482-.478-2.795-2.194a.35.35 0 0 0-.327-.482h-.601A4.52 4.52 0 0 1 1 14.978v-4.262c0-1.371 0-2.447.07-3.311.073-.88.221-1.607.557-2.265A5.75 5.75 0 0 1 4.14 2.627c.658-.336 1.385-.484 2.265-.556C7.269 2 8.345 2 9.716 2h4.068c.648 0 1.23 0 1.755.007.506.008.78.625.57 1.086-.111.242-.347.418-.614.414A135 135 0 0 0 13.75 3.5h-4c-1.413 0-2.427 0-3.223.066-.787.064-1.295.188-1.706.397a4.25 4.25 0 0 0-1.858 1.858c-.21.411-.333.919-.397 1.706-.065.796-.066 1.81-.066 3.223v4.228A3.02 3.02 0 0 0 5.522 18h.601a1.85 1.85 0 0 1 1.72 2.539c-.131.325.244.62.53.416l2.61-1.865.057-.04A5.75 5.75 0 0 1 14.316 18h.618c1.742 0 2.452-.008 3.012-.172a4.25 4.25 0 0 0 2.882-2.882c.164-.56.172-1.27.172-3.012V10.75c0-.663 0-1.239-.007-1.745-.004-.267.172-.503.414-.613"/>
+    </svg>
+  )
+);
+
+HiconLinearMessage2.displayName = 'HiconLinearMessage2';
+
+export default HiconLinearMessage2;

package/dist/react/Hicon/Linear/Message 21.tsx

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Message 21 icon from Hicon/Linear collection
+ * 
+ * @param size - Size of the icon (default: 24)
+ * @param color - Color of the icon (default: 'currentColor')
+ * @param className - Additional CSS classes
+ * @param title - Accessibility title
+ * @param aria-label - Accessibility label
+ * @param style - Additional CSS styles
+ * 
+ * @keywords message 21, message, 21, hicon/linear, communication, contact
+ * @tags hicon/linear, communication
+ * @category Hicon/Linear
+ * 
+ * @example
+ * ```tsx
+ * import { ComponentName } from 'icona/react';
+ * 
+ * function MyComponent() {
+ *   return <ComponentName size={24} color="blue" />;
+ * }
+ * ```
+ */
+interface HiconLinearMessage21Props {
+  /** Size of the icon (width and height) */
+  size?: number | string;
+  /** Color of the icon */
+  color?: string;
+  /** Additional CSS classes */
+  className?: string;
+  /** Accessibility title */
+  title?: string;
+  /** Accessibility label */
+  'aria-label'?: string;
+  /** Additional CSS styles */
+  style?: React.CSSProperties;
+}
+
+const HiconLinearMessage21 = React.forwardRef<SVGSVGElement, HiconLinearMessage21Props>(
+  ({ 
+    size = 24, 
+    color = 'currentColor', 
+    className,
+    title,
+    'aria-label': ariaLabel,
+    style
+  }, ref) => (
+    <svg
+      ref={ref}
+      width={size}
+      height={size}
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke={color}
+      strokeWidth="2"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      className={className}
+      style={style}
+      role="img"
+      aria-label={ariaLabel || 'Message 21 icon from Hicon/Linear collection'}
+    >
+      {title && <title>{title}</title>}
+      <path stroke="#2D264B" stroke-width="1.5" d="M19.071 4.929c2.182 2.182 4.08 6.712 2.086 10.53-.207.397-.31.595-.348.69-.161.405-.185.611-.12 1.041.016.102.05.235.12.502.207.8.31 1.2.3 1.49a2 2 0 0 1-1.927 1.927c-.29.01-.69-.093-1.49-.3-.267-.07-.4-.104-.502-.12-.43-.065-.643-.04-1.047.122-.095.039-.291.142-.682.348-3.805 2.007-8.257.187-10.532-2.088-3.905-3.905-3.905-10.237 0-14.142s10.237-3.905 14.142 0Z"/><path fill="#2D264B" d="M8.858 11.858a1 1 0 1 1-2 0 1 1 0 0 1 2 0m4 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0m4 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0"/>
+    </svg>
+  )
+);
+
+HiconLinearMessage21.displayName = 'HiconLinearMessage21';
+
+export default HiconLinearMessage21;

package/dist/react/Hicon/Linear/Message 22.tsx

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Message 22 icon from Hicon/Linear collection
+ * 
+ * @param size - Size of the icon (default: 24)
+ * @param color - Color of the icon (default: 'currentColor')
+ * @param className - Additional CSS classes
+ * @param title - Accessibility title
+ * @param aria-label - Accessibility label
+ * @param style - Additional CSS styles
+ * 
+ * @keywords message 22, message, 22, hicon/linear, communication, contact
+ * @tags hicon/linear, communication
+ * @category Hicon/Linear
+ * 
+ * @example
+ * ```tsx
+ * import { ComponentName } from 'icona/react';
+ * 
+ * function MyComponent() {
+ *   return <ComponentName size={24} color="blue" />;
+ * }
+ * ```
+ */
+interface HiconLinearMessage22Props {
+  /** Size of the icon (width and height) */
+  size?: number | string;
+  /** Color of the icon */
+  color?: string;
+  /** Additional CSS classes */
+  className?: string;
+  /** Accessibility title */
+  title?: string;
+  /** Accessibility label */
+  'aria-label'?: string;
+  /** Additional CSS styles */
+  style?: React.CSSProperties;
+}
+
+const HiconLinearMessage22 = React.forwardRef<SVGSVGElement, HiconLinearMessage22Props>(
+  ({ 
+    size = 24, 
+    color = 'currentColor', 
+    className,
+    title,
+    'aria-label': ariaLabel,
+    style
+  }, ref) => (
+    <svg
+      ref={ref}
+      width={size}
+      height={size}
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke={color}
+      strokeWidth="2"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      className={className}
+      style={style}
+      role="img"
+      aria-label={ariaLabel || 'Message 22 icon from Hicon/Linear collection'}
+    >
+      {title && <title>{title}</title>}
+      <path fill="#2D264B" d="M8.608 11.608a1 1 0 1 1-2 0 1 1 0 0 1 2 0m4 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0m4 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0"/><path stroke="#2D264B" stroke-width="1.5" d="M2.526 4.608a2 2 0 1 0 4 0 2 2 0 0 0-4 0Z"/><path fill="#2D264B" d="M2.58 8.057c-.376-.222-.897-.11-1.034.304a10.75 10.75 0 0 0 2.603 10.99c2.408 2.409 7.209 4.439 11.412 2.222l.567-.295.034-.016.011-.005c.174-.07.258-.09.32-.097a1.3 1.3 0 0 1 .334.021c.053.008.139.03.426.104l.017.004c.386.1.699.181.95.235.254.054.5.093.74.085a2.75 2.75 0 0 0 2.649-2.65c.008-.24-.03-.485-.085-.738a25 25 0 0 0-.235-.95l-.004-.018a6 6 0 0 1-.104-.426 1.3 1.3 0 0 1-.022-.332 1.3 1.3 0 0 1 .097-.318l.004-.011.016-.035.062-.123c.054-.107.13-.251.234-.451 1.103-2.114 1.116-4.402.583-6.418-.532-2.01-1.618-3.805-2.804-4.99a10.75 10.75 0 0 0-10.99-2.603c-.415.137-.526.658-.304 1.035.177.3.54.464.872.358a9.25 9.25 0 0 1 9.362 2.27c.996.996 1.95 2.557 2.414 4.313.462 1.749.428 3.635-.463 5.34l-.038.074c-.172.329-.29.554-.342.686-.091.229-.164.452-.193.703s-.008.485.03.728c.02.14.064.31.122.532l.012.045c.105.406.178.688.224.904.047.22.055.32.053.372a1.25 1.25 0 0 1-1.204 1.204 1.7 1.7 0 0 1-.372-.053c-.216-.046-.498-.119-.904-.224l-.044-.012a6 6 0 0 0-.534-.123 2.7 2.7 0 0 0-.732-.028c-.253.03-.477.103-.707.196-.132.053-.355.17-.68.342l-.072.038c-3.407 1.797-7.51.186-9.652-1.955a9.25 9.25 0 0 1-2.27-9.362c.106-.332-.058-.695-.358-.872"/>
+    </svg>
+  )
+);
+
+HiconLinearMessage22.displayName = 'HiconLinearMessage22';
+
+export default HiconLinearMessage22;

package/dist/react/Hicon/Linear/Message 23.tsx

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Message 23 icon from Hicon/Linear collection
+ * 
+ * @param size - Size of the icon (default: 24)
+ * @param color - Color of the icon (default: 'currentColor')
+ * @param className - Additional CSS classes
+ * @param title - Accessibility title
+ * @param aria-label - Accessibility label
+ * @param style - Additional CSS styles
+ * 
+ * @keywords message 23, message, 23, hicon/linear, communication, contact
+ * @tags hicon/linear, communication
+ * @category Hicon/Linear
+ * 
+ * @example
+ * ```tsx
+ * import { ComponentName } from 'icona/react';
+ * 
+ * function MyComponent() {
+ *   return <ComponentName size={24} color="blue" />;
+ * }
+ * ```
+ */
+interface HiconLinearMessage23Props {
+  /** Size of the icon (width and height) */
+  size?: number | string;
+  /** Color of the icon */
+  color?: string;
+  /** Additional CSS classes */
+  className?: string;
+  /** Accessibility title */
+  title?: string;
+  /** Accessibility label */
+  'aria-label'?: string;
+  /** Additional CSS styles */
+  style?: React.CSSProperties;
+}
+
+const HiconLinearMessage23 = React.forwardRef<SVGSVGElement, HiconLinearMessage23Props>(
+  ({ 
+    size = 24, 
+    color = 'currentColor', 
+    className,
+    title,
+    'aria-label': ariaLabel,
+    style
+  }, ref) => (
+    <svg
+      ref={ref}
+      width={size}
+      height={size}
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke={color}
+      strokeWidth="2"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      className={className}
+      style={style}
+      role="img"
+      aria-label={ariaLabel || 'Message 23 icon from Hicon/Linear collection'}
+    >
+      {title && <title>{title}</title>}
+      <path fill="#2D264B" d="m20.89 15.928.639.394zm-.234.408-.697-.276zm.018.834.726-.189zm-.085-.388.748-.058zm-3.42 3.892-.188.726zm-.388-.085.058-.748zm-.853.302.396.637zm.407-.234.277.697zm3.174.413-.15-.735zm1.561-1.56-.735-.15zM7.858 13.107a.75.75 0 0 0 0 1.5zm8 1.5a.75.75 0 0 0 0-1.5zm-8-5.5a.75.75 0 0 0 0 1.5zm8 1.5a.75.75 0 0 0 0-1.5zM5.459 18.54a9.25 9.25 0 0 1 0-13.082L4.4 4.4C.2 8.597.2 15.403 4.399 19.6zm0-13.082a9.25 9.25 0 0 1 13.082 0L19.6 4.4C15.403.2 8.597.2 4.4 4.399zm10.073 14.795c-1.747 1.086-3.692 1.221-5.507.794C8.2 20.62 6.548 19.63 5.46 18.541L4.4 19.6c1.28 1.28 3.177 2.413 5.283 2.908 2.117.497 4.488.358 6.642-.98zM18.541 5.46c1.038 1.038 2.028 2.687 2.468 4.53.439 1.831.323 3.798-.756 5.544l1.276.789c1.336-2.163 1.447-4.56.94-6.682-.506-2.112-1.634-4.008-2.868-5.241zm1.712 10.075c-.114.183-.23.365-.294.526l1.395.553c-.005.012-.003.004.03-.053.03-.054.075-.126.145-.238zM21.4 16.98l-.054-.213c-.01-.044-.01-.052-.01-.044l-1.495.115c.014.171.063.35.107.519zm-1.441-.92c-.104.262-.14.496-.118.778l1.496-.115a.3.3 0 0 1-.001-.057c0-.001.002-.015.018-.055zm-2.601 3.887c-.17-.044-.348-.094-.52-.107l-.114 1.496c-.007 0 0-.001.044.009l.213.054zm-1.034 1.58.237-.145c.055-.032.064-.034.051-.03l-.555-1.393c-.161.064-.343.181-.525.294zm.515-1.687a1.65 1.65 0 0 0-.782.12l.555 1.393a.3.3 0 0 1 .055-.018.3.3 0 0 1 .057 0zm.142 1.559c.619.16 1.12.29 1.521.366.399.075.785.115 1.157.04l-.3-1.47c-.08.016-.235.02-.579-.044a25 25 0 0 1-1.422-.344zm2.967-4.042c.165.639.28 1.082.344 1.422.065.344.06.499.043.58l1.47.299c.076-.372.036-.758-.04-1.157-.075-.401-.205-.902-.365-1.52zm-.289 4.447a2.75 2.75 0 0 0 2.146-2.146l-1.47-.3a1.25 1.25 0 0 1-.975.976zM7.858 14.608h8v-1.5h-8zm0-4h8v-1.5h-8z"/>
+    </svg>
+  )
+);
+
+HiconLinearMessage23.displayName = 'HiconLinearMessage23';
+
+export default HiconLinearMessage23;