@developershre/icona 1.0.6 → 2.0.0

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;

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

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Message 31 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 31, message, 31, 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 HiconBoldMessage31Props {
+  /** 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 HiconBoldMessage31 = React.forwardRef<SVGSVGElement, HiconBoldMessage31Props>(
+  ({ 
+    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 31 icon from Hicon/Bold collection'}
+    >
+      {title && <title>{title}</title>}
+      <path fill="#FAFAFA" fill-rule="evenodd" d="M3.107 15.928c-2.416-3.91-.452-8.727 1.82-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 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-.093-.454.07-1.083.396-2.34.052-.2.078-.3.085-.388a.9.9 0 0 0-.067-.446c-.033-.082-.1-.19-.235-.408m9.033-6.82a.75.75 0 0 1 0 1.5h-4a.75.75 0 0 1 0-1.5zm4 4a.75.75 0 1 1 0 1.5h-8a.75.75 0 0 1 0-1.5z" clip-rule="evenodd"/>
+    </svg>
+  )
+);
+
+HiconBoldMessage31.displayName = 'HiconBoldMessage31';
+
+export default HiconBoldMessage31;

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

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Message 32 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 32, message, 32, 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 HiconBoldMessage32Props {
+  /** 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 HiconBoldMessage32 = React.forwardRef<SVGSVGElement, HiconBoldMessage32Props>(
+  ({ 
+    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 32 icon from Hicon/Bold collection'}
+    >
+      {title && <title>{title}</title>}
+      <path fill="#FAFAFA" fill-rule="evenodd" d="M3.107 15.928c-2.416-3.91-.452-8.727 1.82-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 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-.093-.454.07-1.083.396-2.34.052-.2.078-.3.085-.388a.9.9 0 0 0-.067-.446c-.033-.082-.1-.19-.235-.408m13.033-8.82a.75.75 0 1 1 0 1.5h-8a.75.75 0 1 1 0-1.5zm0 4a.75.75 0 1 1 0 1.5h-8a.75.75 0 0 1 0-1.5zm0 4a.75.75 0 1 1 0 1.5h-8a.75.75 0 0 1 0-1.5z" clip-rule="evenodd"/>
+    </svg>
+  )
+);
+
+HiconBoldMessage32.displayName = 'HiconBoldMessage32';
+
+export default HiconBoldMessage32;

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

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Message 33 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 33, message, 33, 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 HiconBoldMessage33Props {
+  /** 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 HiconBoldMessage33 = React.forwardRef<SVGSVGElement, HiconBoldMessage33Props>(
+  ({ 
+    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 33 icon from Hicon/Bold collection'}
+    >
+      {title && <title>{title}</title>}
+      <path fill="#FAFAFA" d="M5.422 7.85a7.99 7.99 0 0 1 9.238 1.493 8.01 8.01 0 0 1 1.6 9.026q.285-.138.565-.31a3 3 0 0 1 .347-.2.8.8 0 0 1 .378-.057c.075.006.16.028.33.072 1.067.277 1.601.416 1.986.337a1.7 1.7 0 0 0 1.325-1.327c.078-.385-.06-.92-.337-1.989a2 2 0 0 1-.072-.33.8.8 0 0 1 .058-.38c.028-.07.085-.161.2-.345 2.058-3.316.465-7.337-1.546-9.35a8.48 8.48 0 0 0-12.007 0 8.5 8.5 0 0 0-2.065 3.36"/><path fill="#FAFAFA" fill-rule="evenodd" d="M6.262 21.225c2.734 1.691 6.102.316 7.69-1.274a7.007 7.007 0 0 0 0-9.9 6.986 6.986 0 0 0-9.887 0c-1.656 1.658-2.968 4.969-1.273 7.7.094.15.14.226.164.284.044.11.056.195.047.313-.004.062-.023.132-.059.272-.228.88-.342 1.32-.277 1.638a1.4 1.4 0 0 0 1.091 1.093c.317.064.757-.05 1.636-.278.14-.037.21-.055.271-.06a.63.63 0 0 1 .312.048c.057.022.133.07.285.164M11.001 15a1 1 0 1 0 2 0 1 1 0 0 0-2 0m-3 0a1 1 0 1 0 2 0 1 1 0 0 0-2 0m-2 1a1 1 0 1 1 0-2 1 1 0 0 1 0 2" clip-rule="evenodd"/>
+    </svg>
+  )
+);
+
+HiconBoldMessage33.displayName = 'HiconBoldMessage33';
+
+export default HiconBoldMessage33;

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

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Message 34 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 34, message, 34, 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 HiconBoldMessage34Props {
+  /** 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 HiconBoldMessage34 = React.forwardRef<SVGSVGElement, HiconBoldMessage34Props>(
+  ({ 
+    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 34 icon from Hicon/Bold collection'}
+    >
+      {title && <title>{title}</title>}
+      <path fill="#FAFAFA" fill-rule="evenodd" d="M6.262 21.225c2.734 1.691 6.102.316 7.69-1.274a7.007 7.007 0 0 0 0-9.9 6.986 6.986 0 0 0-9.887 0c-1.656 1.658-2.968 4.969-1.273 7.7.094.15.14.226.164.284.044.11.056.195.047.313-.004.062-.023.132-.059.272-.228.88-.342 1.32-.277 1.638a1.4 1.4 0 0 0 1.091 1.093c.317.064.757-.05 1.636-.278.14-.037.21-.055.271-.06a.63.63 0 0 1 .312.048c.057.022.133.07.285.164m5.686-6.975a.75.75 0 0 1 0 1.5h-6a.75.75 0 0 1 0-1.5z" clip-rule="evenodd"/><path fill="#FAFAFA" d="M5.37 7.85a7.99 7.99 0 0 1 9.238 1.493 8.01 8.01 0 0 1 1.6 9.026q.286-.138.565-.31a3 3 0 0 1 .346-.2.8.8 0 0 1 .378-.057c.075.006.16.028.33.072 1.068.277 1.602.416 1.986.337a1.7 1.7 0 0 0 1.326-1.327c.078-.385-.06-.92-.337-1.989a2 2 0 0 1-.072-.33.8.8 0 0 1 .058-.38c.028-.07.085-.161.199-.345 2.058-3.316.465-7.337-1.546-9.35a8.48 8.48 0 0 0-12.007 0A8.5 8.5 0 0 0 5.37 7.85"/>
+    </svg>
+  )
+);
+
+HiconBoldMessage34.displayName = 'HiconBoldMessage34';
+
+export default HiconBoldMessage34;

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

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Message 35 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 35, message, 35, 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 HiconBoldMessage35Props {
+  /** 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 HiconBoldMessage35 = React.forwardRef<SVGSVGElement, HiconBoldMessage35Props>(
+  ({ 
+    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 35 icon from Hicon/Bold collection'}
+    >
+      {title && <title>{title}</title>}
+      <path fill="#FAFAFA" d="M2.333 6.41C2 7.65 2 9.36 2 12c0 3.75 0 5.625.955 6.939a5 5 0 0 0 1.106 1.106C5.375 21 7.251 21 11 21h2c3.75 0 5.625 0 6.939-.955a5 5 0 0 0 1.106-1.106C22 17.625 22 15.749 22 12c0-2.649 0-4.362-.337-5.603L19.561 8.5c-1.633 1.632-2.912 2.911-4.044 3.775-1.159.884-2.252 1.404-3.517 1.404s-2.358-.52-3.517-1.404C7.35 11.411 6.07 10.132 4.439 8.5L2.484 6.545z"/><path fill="#FAFAFA" d="m3 5 .109.09.407.365L5.459 7.4c1.682 1.681 2.89 2.888 3.934 3.684 1.025.782 1.801 1.096 2.607 1.096s1.582-.314 2.607-1.096c1.043-.796 2.252-2.003 3.934-3.684l2.308-2.308.125-.125c-.308-.425-.61-.703-1.035-1.011C18.625 3 16.749 3 13 3h-2c-3.75 0-5.625 0-6.939.955C3.637 4.263 3.308 4.575 3 5"/>
+    </svg>
+  )
+);
+
+HiconBoldMessage35.displayName = 'HiconBoldMessage35';
+
+export default HiconBoldMessage35;

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

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Message 36 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 36, message, 36, 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 HiconBoldMessage36Props {
+  /** 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 HiconBoldMessage36 = React.forwardRef<SVGSVGElement, HiconBoldMessage36Props>(
+  ({ 
+    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 36 icon from Hicon/Bold collection'}
+    >
+      {title && <title>{title}</title>}
+      <path fill="#FAFAFA" d="M3.962 7.77c-.188.766-.325 1.754-.516 3.13-.436 3.14-.654 4.71-.175 5.93a5 5 0 0 0 2.201 2.527C6.614 20 8.2 20 11.37 20h1.624c3.17 0 4.756 0 5.898-.643a5 5 0 0 0 2.2-2.527c.48-1.22.262-2.79-.174-5.93-.207-1.494-.351-2.532-.566-3.323l-.73.73c-1.633 1.633-2.912 2.912-4.044 3.776-1.159.884-2.252 1.404-3.517 1.404s-2.358-.52-3.517-1.404C7.41 11.22 6.132 9.94 4.5 8.308z"/><path fill="#FAFAFA" d="m4.575 6.261.945.945c1.682 1.682 2.89 2.889 3.934 3.684 1.025.783 1.801 1.097 2.607 1.097.805 0 1.582-.314 2.607-1.097 1.043-.795 2.252-2.002 3.934-3.684l1.09-1.09a5 5 0 0 0-2.002-1.661C16.698 4 15.463 4 12.994 4H11.37c-2.47 0-3.704 0-4.696.455a5 5 0 0 0-2.1 1.806"/>
+    </svg>
+  )
+);
+
+HiconBoldMessage36.displayName = 'HiconBoldMessage36';
+
+export default HiconBoldMessage36;