@developershre/icona 1.0.6 → 2.0.2

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

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Message 23 icon from Hicon/Bold 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/bold, communication, contact
+ * @tags hicon/bold, communication
+ * @category Hicon/Bold
+ * 
+ * @example
+ * ```tsx
+ * import { ComponentName } from 'icona/react';
+ * 
+ * function MyComponent() {
+ *   return <ComponentName size={24} color="blue" />;
+ * }
+ * ```
+ */
+interface HiconBoldMessage23Props {
+  /** 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 HiconBoldMessage23 = React.forwardRef<SVGSVGElement, HiconBoldMessage23Props>(
+  ({ 
+    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/Bold collection'}
+    >
+      {title && <title>{title}</title>}
+      <path fill="#FAFAFA" fill-rule="evenodd" d="M20.89 15.928c2.417-3.91.453-8.727-1.819-11-3.905-3.904-10.237-3.904-14.142 0-3.905 3.906-3.905 10.238 0 14.143 2.368 2.368 7.098 4.245 11 1.82.215-.134.323-.201.406-.234a.9.9 0 0 1 .446-.068c.089.007.189.033.389.085 1.257.326 1.886.489 2.34.396a2 2 0 0 0 1.56-1.56c.093-.454-.07-1.083-.396-2.34-.052-.2-.078-.3-.085-.388a.9.9 0 0 1 .067-.446c.033-.082.1-.19.235-.408M7.859 9.108a.75.75 0 0 0 0 1.5h8a.75.75 0 0 0 0-1.5zm0 4a.75.75 0 0 0 0 1.5h8a.75.75 0 0 0 0-1.5z" clip-rule="evenodd"/>
+    </svg>
+  )
+);
+
+HiconBoldMessage23.displayName = 'HiconBoldMessage23';
+
+export default HiconBoldMessage23;

package/dist/react/Hicon/Bold/Message 24.tsx

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Message 24 icon from Hicon/Bold 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 24, message, 24, hicon/bold, communication, contact
+ * @tags hicon/bold, communication
+ * @category Hicon/Bold
+ * 
+ * @example
+ * ```tsx
+ * import { ComponentName } from 'icona/react';
+ * 
+ * function MyComponent() {
+ *   return <ComponentName size={24} color="blue" />;
+ * }
+ * ```
+ */
+interface HiconBoldMessage24Props {
+  /** 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 HiconBoldMessage24 = React.forwardRef<SVGSVGElement, HiconBoldMessage24Props>(
+  ({ 
+    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 24 icon from Hicon/Bold collection'}
+    >
+      {title && <title>{title}</title>}
+      <path fill="#FAFAFA" fill-rule="evenodd" d="M20.89 15.928c2.417-3.91.453-8.727-1.819-11-3.905-3.904-10.237-3.904-14.142 0-3.905 3.906-3.905 10.238 0 14.143 2.368 2.368 7.098 4.245 11 1.82.215-.134.323-.201.406-.234a.9.9 0 0 1 .446-.068c.089.007.189.033.389.085 1.257.326 1.886.489 2.34.396a2 2 0 0 0 1.56-1.56c.093-.454-.07-1.083-.396-2.34-.052-.2-.078-.3-.085-.388a.9.9 0 0 1 .067-.446c.033-.082.1-.19.235-.408m-9.032-6.82a.75.75 0 0 0 0 1.5h4a.75.75 0 0 0 0-1.5zm-4 4a.75.75 0 0 0 0 1.5h8a.75.75 0 0 0 0-1.5z" clip-rule="evenodd"/>
+    </svg>
+  )
+);
+
+HiconBoldMessage24.displayName = 'HiconBoldMessage24';
+
+export default HiconBoldMessage24;

package/dist/react/Hicon/Bold/Message 25.tsx

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Message 25 icon from Hicon/Bold 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 25, message, 25, hicon/bold, communication, contact
+ * @tags hicon/bold, communication
+ * @category Hicon/Bold
+ * 
+ * @example
+ * ```tsx
+ * import { ComponentName } from 'icona/react';
+ * 
+ * function MyComponent() {
+ *   return <ComponentName size={24} color="blue" />;
+ * }
+ * ```
+ */
+interface HiconBoldMessage25Props {
+  /** 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 HiconBoldMessage25 = React.forwardRef<SVGSVGElement, HiconBoldMessage25Props>(
+  ({ 
+    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 25 icon from Hicon/Bold collection'}
+    >
+      {title && <title>{title}</title>}
+      <path fill="#FAFAFA" fill-rule="evenodd" d="M20.89 15.928c2.417-3.91.453-8.727-1.819-11-3.905-3.904-10.237-3.904-14.142 0-3.905 3.906-3.905 10.238 0 14.143 2.368 2.368 7.098 4.245 11 1.82.215-.134.323-.201.406-.234a.9.9 0 0 1 .446-.068c.089.007.189.033.389.085 1.257.326 1.886.489 2.34.396a2 2 0 0 0 1.56-1.56c.093-.454-.07-1.083-.396-2.34-.052-.2-.078-.3-.085-.388a.9.9 0 0 1 .067-.446c.033-.082.1-.19.235-.408M7.859 7.108a.75.75 0 0 0 0 1.5h8a.75.75 0 0 0 0-1.5zm0 4a.75.75 0 0 0 0 1.5h8a.75.75 0 0 0 0-1.5zm0 4a.75.75 0 0 0 0 1.5h8a.75.75 0 0 0 0-1.5z" clip-rule="evenodd"/>
+    </svg>
+  )
+);
+
+HiconBoldMessage25.displayName = 'HiconBoldMessage25';
+
+export default HiconBoldMessage25;

package/dist/react/Hicon/Bold/Message 26.tsx

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Message 26 icon from Hicon/Bold 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 26, message, 26, hicon/bold, communication, contact
+ * @tags hicon/bold, communication
+ * @category Hicon/Bold
+ * 
+ * @example
+ * ```tsx
+ * import { ComponentName } from 'icona/react';
+ * 
+ * function MyComponent() {
+ *   return <ComponentName size={24} color="blue" />;
+ * }
+ * ```
+ */
+interface HiconBoldMessage26Props {
+  /** 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 HiconBoldMessage26 = React.forwardRef<SVGSVGElement, HiconBoldMessage26Props>(
+  ({ 
+    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 26 icon from Hicon/Bold collection'}
+    >
+      {title && <title>{title}</title>}
+      <path fill="#FAFAFA" d="M18.579 7.85A7.99 7.99 0 0 0 9.34 9.342a8.01 8.01 0 0 0-1.6 9.026 6 6 0 0 1-.565-.31 3 3 0 0 0-.347-.2.8.8 0 0 0-.378-.057c-.075.006-.16.028-.33.072-1.067.277-1.601.416-1.986.337a1.7 1.7 0 0 1-1.325-1.327c-.079-.385.06-.92.336-1.989.044-.17.066-.255.072-.33a.8.8 0 0 0-.058-.38 3 3 0 0 0-.198-.345c-2.059-3.316-.466-7.337 1.545-9.35a8.483 8.483 0 0 1 12.007 0 8.5 8.5 0 0 1 2.065 3.36"/><path fill="#FAFAFA" fill-rule="evenodd" d="M17.738 21.225c-2.733 1.691-6.102.316-7.69-1.274a7.007 7.007 0 0 1 0-9.9 6.986 6.986 0 0 1 9.888 0c1.656 1.658 2.968 4.969 1.273 7.7-.094.15-.141.226-.164.284a.63.63 0 0 0-.048.313c.005.062.023.132.06.272.227.88.341 1.32.277 1.638a1.4 1.4 0 0 1-1.091 1.093c-.317.064-.757-.05-1.636-.278a2 2 0 0 0-.272-.06.63.63 0 0 0-.311.048c-.058.022-.134.07-.286.164M13 15a1 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 0m2 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2" clip-rule="evenodd"/>
+    </svg>
+  )
+);
+
+HiconBoldMessage26.displayName = 'HiconBoldMessage26';
+
+export default HiconBoldMessage26;

package/dist/react/Hicon/Bold/Message 27.tsx

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Message 27 icon from Hicon/Bold 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 27, message, 27, hicon/bold, communication, contact
+ * @tags hicon/bold, communication
+ * @category Hicon/Bold
+ * 
+ * @example
+ * ```tsx
+ * import { ComponentName } from 'icona/react';
+ * 
+ * function MyComponent() {
+ *   return <ComponentName size={24} color="blue" />;
+ * }
+ * ```
+ */
+interface HiconBoldMessage27Props {
+  /** 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 HiconBoldMessage27 = React.forwardRef<SVGSVGElement, HiconBoldMessage27Props>(
+  ({ 
+    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 27 icon from Hicon/Bold collection'}
+    >
+      {title && <title>{title}</title>}
+      <path fill="#FAFAFA" fill-rule="evenodd" d="M17.686 21.225c-2.734 1.691-6.102.316-7.69-1.274a7.007 7.007 0 0 1 0-9.9 6.986 6.986 0 0 1 9.888 0c1.656 1.658 2.967 4.969 1.272 7.7a2 2 0 0 0-.163.284.63.63 0 0 0-.048.313c.005.062.023.132.059.272.228.88.342 1.32.277 1.638a1.4 1.4 0 0 1-1.091 1.093c-.317.064-.757-.05-1.636-.278a2 2 0 0 0-.271-.06.63.63 0 0 0-.312.048c-.057.022-.133.07-.285.164M12 14.25a.75.75 0 0 0 0 1.5h6a.75.75 0 0 0 0-1.5z" clip-rule="evenodd"/><path fill="#FAFAFA" d="M18.579 7.85A7.99 7.99 0 0 0 9.34 9.342a8.01 8.01 0 0 0-1.6 9.026 6 6 0 0 1-.565-.31 3 3 0 0 0-.347-.2.8.8 0 0 0-.378-.057c-.075.006-.16.028-.33.072-1.067.277-1.601.416-1.986.337a1.7 1.7 0 0 1-1.325-1.327c-.079-.385.06-.92.336-1.989.044-.17.066-.255.072-.33a.8.8 0 0 0-.058-.38 3 3 0 0 0-.198-.345c-2.059-3.316-.466-7.337 1.545-9.35a8.483 8.483 0 0 1 12.007 0 8.5 8.5 0 0 1 2.065 3.36"/>
+    </svg>
+  )
+);
+
+HiconBoldMessage27.displayName = 'HiconBoldMessage27';
+
+export default HiconBoldMessage27;

package/dist/react/Hicon/Bold/Message 28.tsx

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Message 28 icon from Hicon/Bold 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 28, message, 28, hicon/bold, communication, contact
+ * @tags hicon/bold, communication
+ * @category Hicon/Bold
+ * 
+ * @example
+ * ```tsx
+ * import { ComponentName } from 'icona/react';
+ * 
+ * function MyComponent() {
+ *   return <ComponentName size={24} color="blue" />;
+ * }
+ * ```
+ */
+interface HiconBoldMessage28Props {
+  /** 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 HiconBoldMessage28 = React.forwardRef<SVGSVGElement, HiconBoldMessage28Props>(
+  ({ 
+    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 28 icon from Hicon/Bold collection'}
+    >
+      {title && <title>{title}</title>}
+      <path fill="#FAFAFA" fill-rule="evenodd" d="M8.096 20.89c3.91 2.417 8.727.453 10.998-1.819C23 15.166 23 8.834 19.094 4.93c-3.905-3.905-10.236-3.905-14.142 0-2.368 2.368-4.244 7.098-1.82 11 .134.215.201.323.234.406a.9.9 0 0 1 .068.446 2.5 2.5 0 0 1-.084.389c-.326 1.257-.49 1.886-.397 2.34a2 2 0 0 0 1.561 1.56c.453.093 1.082-.07 2.34-.396.2-.052.3-.078.388-.085a.9.9 0 0 1 .445.067c.082.033.191.1.409.235m.957-9.032a1 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 0m3 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2" clip-rule="evenodd"/>
+    </svg>
+  )
+);
+
+HiconBoldMessage28.displayName = 'HiconBoldMessage28';
+
+export default HiconBoldMessage28;

package/dist/react/Hicon/Bold/Message 29.tsx

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Message 29 icon from Hicon/Bold 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 29, message, 29, hicon/bold, communication, contact
+ * @tags hicon/bold, communication
+ * @category Hicon/Bold
+ * 
+ * @example
+ * ```tsx
+ * import { ComponentName } from 'icona/react';
+ * 
+ * function MyComponent() {
+ *   return <ComponentName size={24} color="blue" />;
+ * }
+ * ```
+ */
+interface HiconBoldMessage29Props {
+  /** 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 HiconBoldMessage29 = React.forwardRef<SVGSVGElement, HiconBoldMessage29Props>(
+  ({ 
+    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 29 icon from Hicon/Bold collection'}
+    >
+      {title && <title>{title}</title>}
+      <path fill="#FAFAFA" d="M21 5a2 2 0 1 1-4 0 2 2 0 0 1 4 0"/><path fill="#FAFAFA" fill-rule="evenodd" d="M19 8c.71 0 1.362-.246 1.875-.658 1.988 3.775 1.395 8.554-1.78 11.73-2.272 2.27-7.09 4.235-11 1.819a3 3 0 0 0-.408-.235.9.9 0 0 0-.445-.067 2.5 2.5 0 0 0-.388.085c-1.258.326-1.887.489-2.34.396a2 2 0 0 1-1.561-1.56c-.092-.454.07-1.083.397-2.34.052-.2.078-.3.084-.389a.9.9 0 0 0-.068-.446c-.033-.083-.1-.19-.234-.407-2.424-3.901-.548-8.63 1.82-11 3.167-3.166 7.93-3.765 11.7-1.795A3 3 0 0 0 19 8m-9.947 3.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 0m3 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2" clip-rule="evenodd"/>
+    </svg>
+  )
+);
+
+HiconBoldMessage29.displayName = 'HiconBoldMessage29';
+
+export default HiconBoldMessage29;

package/dist/react/Hicon/Bold/Message 3.tsx

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Message 3 icon from Hicon/Bold 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 3, message, 3, hicon/bold, communication, contact
+ * @tags hicon/bold, communication
+ * @category Hicon/Bold
+ * 
+ * @example
+ * ```tsx
+ * import { ComponentName } from 'icona/react';
+ * 
+ * function MyComponent() {
+ *   return <ComponentName size={24} color="blue" />;
+ * }
+ * ```
+ */
+interface HiconBoldMessage3Props {
+  /** 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 HiconBoldMessage3 = React.forwardRef<SVGSVGElement, HiconBoldMessage3Props>(
+  ({ 
+    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 3 icon from Hicon/Bold collection'}
+    >
+      {title && <title>{title}</title>}
+      <path fill="#FAFAFA" fill-rule="evenodd" d="M21.455 4.73C22 5.8 22 7.2 22 10v1.184c0 1.69 0 2.534-.202 3.223a5 5 0 0 1-3.391 3.391c-.69.202-1.534.202-3.223.202h-.614a5 5 0 0 0-2.848.913l-.053.038-2.61 1.864c-.895.64-2.072-.284-1.663-1.305A1.1 1.1 0 0 0 6.373 18h-.601A3.77 3.77 0 0 1 2 14.228V10c0-2.8 0-4.2.545-5.27A5 5 0 0 1 4.73 2.545C5.8 2 7.2 2 10 2h4c2.8 0 4.2 0 5.27.545a5 5 0 0 1 2.185 2.185M12 7.25a.75.75 0 0 0 0 1.5h4a.75.75 0 0 0 0-1.5zm-4 4a.75.75 0 0 0 0 1.5h8a.75.75 0 0 0 0-1.5z" clip-rule="evenodd"/>
+    </svg>
+  )
+);
+
+HiconBoldMessage3.displayName = 'HiconBoldMessage3';
+
+export default HiconBoldMessage3;

package/dist/react/Hicon/Bold/Message 30.tsx

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Message 30 icon from Hicon/Bold 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 30, message, 30, hicon/bold, communication, contact
+ * @tags hicon/bold, communication
+ * @category Hicon/Bold
+ * 
+ * @example
+ * ```tsx
+ * import { ComponentName } from 'icona/react';
+ * 
+ * function MyComponent() {
+ *   return <ComponentName size={24} color="blue" />;
+ * }
+ * ```
+ */
+interface HiconBoldMessage30Props {
+  /** 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 HiconBoldMessage30 = React.forwardRef<SVGSVGElement, HiconBoldMessage30Props>(
+  ({ 
+    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 30 icon from Hicon/Bold collection'}
+    >
+      {title && <title>{title}</title>}
+      <path fill="#FAFAFA" fill-rule="evenodd" d="M3.108 15.928c-2.417-3.91-.453-8.727 1.82-11 3.904-3.904 10.236-3.904 14.141 0 3.906 3.906 3.906 10.238 0 14.143-2.368 2.368-7.098 4.245-10.999 1.82-.216-.134-.324-.201-.407-.234a.9.9 0 0 0-.446-.068 2.5 2.5 0 0 0-.388.085c-1.258.326-1.887.489-2.34.396a2 2 0 0 1-1.561-1.56c-.092-.454.07-1.083.397-2.34.051-.2.077-.3.084-.388a.9.9 0 0 0-.067-.446c-.033-.082-.1-.19-.234-.408m13.032-6.82a.75.75 0 0 1 0 1.5h-8a.75.75 0 0 1 0-1.5zm0 4a.75.75 0 0 1 0 1.5h-8a.75.75 0 0 1 0-1.5z" clip-rule="evenodd"/>
+    </svg>
+  )
+);
+
+HiconBoldMessage30.displayName = 'HiconBoldMessage30';
+
+export default HiconBoldMessage30;