@developershre/icona 1.0.6 → 2.0.0

package/dist/react/Hicon/Bold/Profile Square 2.tsx

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Profile Square 2 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 profile square 2, profile, square, 2, hicon/bold
+ * @tags hicon/bold, interface, files
+ * @category Hicon/Bold
+ * 
+ * @example
+ * ```tsx
+ * import { ComponentName } from 'icona/react';
+ * 
+ * function MyComponent() {
+ *   return <ComponentName size={24} color="blue" />;
+ * }
+ * ```
+ */
+interface HiconBoldProfileSquare2Props {
+  /** 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 HiconBoldProfileSquare2 = React.forwardRef<SVGSVGElement, HiconBoldProfileSquare2Props>(
+  ({ 
+    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 || 'Profile Square 2 icon from Hicon/Bold collection'}
+    >
+      {title && <title>{title}</title>}
+      <path fill="#FAFAFA" fill-rule="evenodd" d="M12.045 2.25c1.837 0 3.276 0 4.419.124 1.165.126 2.11.388 2.916.974a5.8 5.8 0 0 1 1.272 1.272c.586.807.848 1.75.974 2.916.124 1.143.124 2.582.124 4.419v.09c0 1.837 0 3.276-.124 4.419-.126 1.165-.388 2.11-.974 2.916a5.8 5.8 0 0 1-1.202 1.22l-.03.022-.031.023-.01.007c-.806.586-1.75.848-2.916.974-1.142.124-2.581.124-4.418.124h-.09c-1.837 0-3.276 0-4.419-.124-1.165-.126-2.11-.388-2.916-.974l-.066-.049a5.8 5.8 0 0 1-1.206-1.223c-.586-.807-.848-1.75-.974-2.916-.124-1.143-.124-2.582-.124-4.419v-.09c0-1.837 0-3.276.124-4.419.126-1.165.388-2.11.974-2.916A5.8 5.8 0 0 1 4.62 3.348c.807-.586 1.75-.848 2.916-.974 1.143-.124 2.582-.124 4.419-.124zM18.9 19.107A4 4 0 0 0 15 16H9a4 4 0 0 0-3.9 3.107 4 4 0 0 0 .402.331c.508.37 1.158.585 2.196.697 1.052.114 2.41.115 4.302.115s3.25-.001 4.302-.115c1.038-.113 1.688-.328 2.196-.697l.052-.038q.183-.138.35-.293M12 4.25a4.75 4.75 0 1 0 0 9.5 4.75 4.75 0 0 0 0-9.5" clip-rule="evenodd"/>
+    </svg>
+  )
+);
+
+HiconBoldProfileSquare2.displayName = 'HiconBoldProfileSquare2';
+
+export default HiconBoldProfileSquare2;

package/dist/react/Hicon/Bold/Profile Square.tsx

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Profile Square 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 profile square, profile, square, hicon/bold
+ * @tags hicon/bold, interface, files
+ * @category Hicon/Bold
+ * 
+ * @example
+ * ```tsx
+ * import { ComponentName } from 'icona/react';
+ * 
+ * function MyComponent() {
+ *   return <ComponentName size={24} color="blue" />;
+ * }
+ * ```
+ */
+interface HiconBoldProfileSquareProps {
+  /** 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 HiconBoldProfileSquare = React.forwardRef<SVGSVGElement, HiconBoldProfileSquareProps>(
+  ({ 
+    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 || 'Profile Square icon from Hicon/Bold collection'}
+    >
+      {title && <title>{title}</title>}
+      <path fill="#FAFAFA" d="M7.25 9a4.75 4.75 0 1 1 9.5 0 4.75 4.75 0 0 1-9.5 0"/><path fill="#FAFAFA" fill-rule="evenodd" d="M11.955 2.25h.09c1.837 0 3.276 0 4.419.124 1.165.126 2.11.388 2.916.974a5.8 5.8 0 0 1 1.272 1.272c.586.807.848 1.75.974 2.916.124 1.143.124 2.582.124 4.419v.09c0 1.837 0 3.276-.124 4.419-.126 1.165-.388 2.11-.974 2.916a5.8 5.8 0 0 1-1.272 1.272c-.807.586-1.75.848-2.916.974-1.143.124-2.582.124-4.419.124h-.09c-1.837 0-3.276 0-4.419-.124-1.165-.126-2.11-.388-2.916-.974l-.066-.049a5.8 5.8 0 0 1-1.206-1.223c-.586-.807-.848-1.75-.974-2.916-.124-1.143-.124-2.582-.124-4.419v-.09c0-1.837 0-3.276.124-4.419.126-1.165.388-2.11.974-2.916A5.8 5.8 0 0 1 4.62 3.348c.807-.586 1.75-.848 2.916-.974 1.143-.124 2.582-.124 4.419-.124M7.698 3.865c-1.038.112-1.688.328-2.196.697a4.3 4.3 0 0 0-.94.94c-.37.508-.585 1.158-.697 2.196C3.751 8.75 3.75 10.108 3.75 12s.001 3.25.115 4.302c.108.993.31 1.632.65 2.13A4.75 4.75 0 0 1 9 15.25h6a4.75 4.75 0 0 1 4.485 3.182c.34-.498.542-1.137.65-2.13.114-1.052.115-2.41.115-4.302s-.001-3.25-.115-4.302c-.113-1.038-.328-1.688-.697-2.196a4.3 4.3 0 0 0-.94-.94c-.508-.37-1.158-.585-2.196-.697-1.052-.114-2.41-.115-4.302-.115s-3.25.001-4.302.115" clip-rule="evenodd"/>
+    </svg>
+  )
+);
+
+HiconBoldProfileSquare.displayName = 'HiconBoldProfileSquare';
+
+export default HiconBoldProfileSquare;

package/dist/react/Hicon/Bold/Radio.tsx

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Radio 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 radio, hicon/bold
+ * @tags hicon/bold
+ * @category Hicon/Bold
+ * 
+ * @example
+ * ```tsx
+ * import { ComponentName } from 'icona/react';
+ * 
+ * function MyComponent() {
+ *   return <ComponentName size={24} color="blue" />;
+ * }
+ * ```
+ */
+interface HiconBoldRadioProps {
+  /** 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 HiconBoldRadio = React.forwardRef<SVGSVGElement, HiconBoldRadioProps>(
+  ({ 
+    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 || 'Radio icon from Hicon/Bold collection'}
+    >
+      {title && <title>{title}</title>}
+      <path fill="#FAFAFA" d="M16.75 2a.75.75 0 0 0-1.5 0v1.288c-.909-.038-1.971-.038-3.219-.038h-.076c-1.837 0-3.276 0-4.419.124-1.165.126-2.11.388-2.916.974A5.8 5.8 0 0 0 3.348 5.62c-.536.739-.802 1.594-.94 2.63h19.184c-.138-1.036-.404-1.891-.94-2.63a5.8 5.8 0 0 0-1.272-1.272c-.739-.536-1.594-.802-2.63-.94zM8.5 13.75a1.75 1.75 0 1 0 0 3.5 1.75 1.75 0 0 0 0-3.5"/><path fill="#FAFAFA" fill-rule="evenodd" d="M21.712 9.75H2.288c-.038.909-.038 1.971-.038 3.219v.076c0 1.837 0 3.276.124 4.419.126 1.165.388 2.11.974 2.916a5.8 5.8 0 0 0 1.272 1.272c.807.586 1.75.848 2.916.974 1.143.124 2.582.124 4.419.124h.09c1.837 0 3.276 0 4.419-.124 1.165-.126 2.11-.388 2.916-.974a5.8 5.8 0 0 0 1.272-1.272c.586-.807.848-1.75.974-2.916.124-1.143.124-2.582.124-4.419v-.076c0-1.248 0-2.31-.038-3.219M5.25 15.5a3.25 3.25 0 1 1 6.5 0 3.25 3.25 0 0 1-6.5 0m8-1.5a.75.75 0 0 1 .75-.75h4a.75.75 0 0 1 0 1.5h-4a.75.75 0 0 1-.75-.75m0 3a.75.75 0 0 1 .75-.75h4a.75.75 0 0 1 0 1.5h-4a.75.75 0 0 1-.75-.75" clip-rule="evenodd"/>
+    </svg>
+  )
+);
+
+HiconBoldRadio.displayName = 'HiconBoldRadio';
+
+export default HiconBoldRadio;

package/dist/react/Hicon/Bold/Record.tsx

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Record 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 record, hicon/bold
+ * @tags hicon/bold
+ * @category Hicon/Bold
+ * 
+ * @example
+ * ```tsx
+ * import { ComponentName } from 'icona/react';
+ * 
+ * function MyComponent() {
+ *   return <ComponentName size={24} color="blue" />;
+ * }
+ * ```
+ */
+interface HiconBoldRecordProps {
+  /** 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 HiconBoldRecord = React.forwardRef<SVGSVGElement, HiconBoldRecordProps>(
+  ({ 
+    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 || 'Record icon from Hicon/Bold collection'}
+    >
+      {title && <title>{title}</title>}
+      <path fill="#FAFAFA" d="M12 1.25C6.063 1.25 1.25 6.063 1.25 12S6.063 22.75 12 22.75 22.75 17.937 22.75 12 17.937 1.25 12 1.25"/>
+    </svg>
+  )
+);
+
+HiconBoldRecord.displayName = 'HiconBoldRecord';
+
+export default HiconBoldRecord;

package/dist/react/Hicon/Bold/Redo.tsx

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Redo 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 redo, hicon/bold
+ * @tags hicon/bold
+ * @category Hicon/Bold
+ * 
+ * @example
+ * ```tsx
+ * import { ComponentName } from 'icona/react';
+ * 
+ * function MyComponent() {
+ *   return <ComponentName size={24} color="blue" />;
+ * }
+ * ```
+ */
+interface HiconBoldRedoProps {
+  /** 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 HiconBoldRedo = React.forwardRef<SVGSVGElement, HiconBoldRedoProps>(
+  ({ 
+    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 || 'Redo icon from Hicon/Bold collection'}
+    >
+      {title && <title>{title}</title>}
+      <path fill="#FAFAFA" d="M16.942 4.467a.75.75 0 1 0-1.056 1.066l1.41 1.398c.575.57.96.953 1.22 1.275l.009.012.025.032H10a5.75 5.75 0 0 0 0 11.5h8a.75.75 0 0 0 0-1.5h-8a4.25 4.25 0 0 1 0-8.5h8.55l-.034.044c-.26.322-.645.706-1.22 1.275l-1.41 1.398a.75.75 0 0 0 1.056 1.066l1.441-1.429c.536-.531.983-.974 1.302-1.371.335-.417.59-.854.657-1.388a2.7 2.7 0 0 0 0-.69c-.068-.534-.322-.971-.657-1.388-.319-.397-.766-.84-1.302-1.371z"/>
+    </svg>
+  )
+);
+
+HiconBoldRedo.displayName = 'HiconBoldRedo';
+
+export default HiconBoldRedo;

package/dist/react/Hicon/Bold/Refresh 1.tsx

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Refresh 1 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 refresh 1, refresh, 1, hicon/bold
+ * @tags hicon/bold
+ * @category Hicon/Bold
+ * 
+ * @example
+ * ```tsx
+ * import { ComponentName } from 'icona/react';
+ * 
+ * function MyComponent() {
+ *   return <ComponentName size={24} color="blue" />;
+ * }
+ * ```
+ */
+interface HiconBoldRefresh1Props {
+  /** 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 HiconBoldRefresh1 = React.forwardRef<SVGSVGElement, HiconBoldRefresh1Props>(
+  ({ 
+    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 || 'Refresh 1 icon from Hicon/Bold collection'}
+    >
+      {title && <title>{title}</title>}
+      <path fill="#FAFAFA" fill-rule="evenodd" d="M4.013 1.003a.75.75 0 0 0-1.5-.006l-.01 2.029c-.003.755-.006 1.384.05 1.89.058.531.187 1.02.516 1.446a2.7 2.7 0 0 0 .489.488c.425.33.914.459 1.445.517.506.055 1.136.052 1.89.049l2.03-.01a.75.75 0 0 0-.007-1.5l-1.986.01c-.809.003-1.353.005-1.764-.04l-.089-.011A9.25 9.25 0 0 1 21.25 12a.75.75 0 0 0 1.5 0c0-5.937-4.813-10.75-10.75-10.75a10.72 10.72 0 0 0-7.954 3.519l-.002-.015c-.045-.412-.044-.956-.04-1.765z" clip-rule="evenodd"/><path fill="#FAFAFA" d="M2.75 12a.75.75 0 0 0-1.5 0c0 5.937 4.813 10.75 10.75 10.75 3.118 0 5.926-1.328 7.889-3.447.031.394.03.905.027 1.627l-.01 1.986a.75.75 0 1 0 1.5.007l.01-2.03c.003-.754.006-1.384-.05-1.89-.057-.53-.187-1.02-.516-1.445a2.7 2.7 0 0 0-.488-.489c-.425-.329-.915-.458-1.446-.516-.506-.056-1.135-.053-1.89-.05l-2.03.01a.75.75 0 0 0 .007 1.5l1.986-.01c.81-.003 1.353-.004 1.764.04q.125.014.222.033A9.25 9.25 0 0 1 2.75 12"/>
+    </svg>
+  )
+);
+
+HiconBoldRefresh1.displayName = 'HiconBoldRefresh1';
+
+export default HiconBoldRefresh1;

package/dist/react/Hicon/Bold/Refresh 2.tsx

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Refresh 2 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 refresh 2, refresh, 2, hicon/bold
+ * @tags hicon/bold
+ * @category Hicon/Bold
+ * 
+ * @example
+ * ```tsx
+ * import { ComponentName } from 'icona/react';
+ * 
+ * function MyComponent() {
+ *   return <ComponentName size={24} color="blue" />;
+ * }
+ * ```
+ */
+interface HiconBoldRefresh2Props {
+  /** 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 HiconBoldRefresh2 = React.forwardRef<SVGSVGElement, HiconBoldRefresh2Props>(
+  ({ 
+    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 || 'Refresh 2 icon from Hicon/Bold collection'}
+    >
+      {title && <title>{title}</title>}
+      <path fill="#FAFAFA" d="M21.406.997a.75.75 0 1 0-1.5.006l.009 1.986c.003.768.005 1.297-.034 1.7A10.72 10.72 0 0 0 12 1.25C6.063 1.25 1.25 6.063 1.25 12a.75.75 0 0 0 1.5 0 9.25 9.25 0 0 1 16.164-6.146q-.075.012-.161.022c-.412.045-.955.043-1.765.04l-1.985-.01a.75.75 0 1 0-.007 1.5l2.029.01c.755.003 1.384.006 1.89-.05.531-.057 1.02-.187 1.446-.516a2.7 2.7 0 0 0 .488-.488c.33-.425.459-.915.517-1.446.055-.506.052-1.135.05-1.89zM22.75 12a.75.75 0 0 0-1.5 0 9.25 9.25 0 0 1-16.236 6.064l.151-.02c.412-.045.955-.044 1.765-.04l1.985.009a.75.75 0 1 0 .007-1.5l-2.029-.01c-.755-.003-1.384-.006-1.89.05-.532.058-1.02.187-1.446.516a2.7 2.7 0 0 0-.489.489c-.329.425-.458.914-.516 1.445-.055.506-.053 1.136-.05 1.89l.01 2.03a.75.75 0 0 0 1.5-.007l-.009-1.986c-.003-.773-.005-1.303.034-1.708A10.72 10.72 0 0 0 12 22.75c5.937 0 10.75-4.813 10.75-10.75"/>
+    </svg>
+  )
+);
+
+HiconBoldRefresh2.displayName = 'HiconBoldRefresh2';
+
+export default HiconBoldRefresh2;

package/dist/react/Hicon/Bold/Repeate 1.tsx

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Repeate 1 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 repeate 1, repeate, 1, hicon/bold
+ * @tags hicon/bold
+ * @category Hicon/Bold
+ * 
+ * @example
+ * ```tsx
+ * import { ComponentName } from 'icona/react';
+ * 
+ * function MyComponent() {
+ *   return <ComponentName size={24} color="blue" />;
+ * }
+ * ```
+ */
+interface HiconBoldRepeate1Props {
+  /** 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 HiconBoldRepeate1 = React.forwardRef<SVGSVGElement, HiconBoldRepeate1Props>(
+  ({ 
+    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 || 'Repeate 1 icon from Hicon/Bold collection'}
+    >
+      {title && <title>{title}</title>}
+      <path fill="#FAFAFA" d="M13.721 2.528a.667.667 0 1 0-.942.943l.861.862h-1.788c-1.72 0-2.748 0-3.603.277A5.67 5.67 0 0 0 4.61 8.25c-.278.854-.278 1.883-.278 3.603v.296c0 1.72 0 2.748.278 3.603a.667.667 0 0 0 1.268-.412c-.204-.628-.212-1.426-.212-3.34s.008-2.711.212-3.338A4.33 4.33 0 0 1 8.66 5.878c.627-.203 1.426-.212 3.339-.212h1.409l-.836.697a.667.667 0 1 0 .854 1.024l1.409-1.174c.366-.305.566-.733.595-1.169a1.66 1.66 0 0 0-.484-1.29zm6.671 5.273a.667.667 0 1 0-1.273.397c.207.664.214 1.508.214 3.5s-.007 2.835-.214 3.5c-.434 1.392-1.476 2.47-2.788 2.915-.623.211-1.416.22-3.331.22h-1.39l.861-.862a.667.667 0 1 0-.942-.943l-1.226 1.226a1.663 1.663 0 0 0 .111 2.459l1.41 1.174a.667.667 0 0 0 .853-1.024l-.836-.697h1.31c1.717 0 2.75 0 3.608-.29 1.732-.587 3.077-1.999 3.633-3.782.275-.883.275-1.948.275-3.751v-.29c0-1.804 0-2.868-.275-3.752"/>
+    </svg>
+  )
+);
+
+HiconBoldRepeate1.displayName = 'HiconBoldRepeate1';
+
+export default HiconBoldRepeate1;

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

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Repeate 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 repeate 3, repeate, 3, hicon/bold
+ * @tags hicon/bold
+ * @category Hicon/Bold
+ * 
+ * @example
+ * ```tsx
+ * import { ComponentName } from 'icona/react';
+ * 
+ * function MyComponent() {
+ *   return <ComponentName size={24} color="blue" />;
+ * }
+ * ```
+ */
+interface HiconBoldRepeate3Props {
+  /** 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 HiconBoldRepeate3 = React.forwardRef<SVGSVGElement, HiconBoldRepeate3Props>(
+  ({ 
+    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 || 'Repeate 3 icon from Hicon/Bold collection'}
+    >
+      {title && <title>{title}</title>}
+      <path fill="#FAFAFA" d="M15.78 2.47a.75.75 0 0 0-1.06 1.06l.72.72h-4.602c-1.706 0-2.747 0-3.615.281a5.75 5.75 0 0 0-3.692 3.692c-.281.868-.281 1.909-.281 3.615v.324c0 1.706 0 2.747.281 3.615a.75.75 0 1 0 1.427-.464C4.759 14.702 4.75 13.92 4.75 12s.01-2.702.208-3.313a4.25 4.25 0 0 1 2.729-2.729C8.298 5.759 9.08 5.75 11 5.75h4.179l-.66.549a.75.75 0 1 0 .961 1.152l1.409-1.174a1.747 1.747 0 0 0 .117-2.582zm4.689 5.753a.75.75 0 1 0-1.427.464c.199.611.208 1.393.208 3.313s-.01 2.702-.208 3.313a4.25 4.25 0 0 1-2.729 2.729c-.611.199-1.393.208-3.313.208h-2c-.967 0-1.646-.002-2.16-.03l.69-.69a.75.75 0 1 0-1.06-1.06l-1.226 1.225a1.75 1.75 0 0 0 .117 2.582l1.409 1.174a.75.75 0 0 0 .96-1.152l-.681-.568c.51.02 1.097.02 1.795.019h2.318c1.706 0 2.747 0 3.615-.281a5.75 5.75 0 0 0 3.692-3.692c.281-.868.281-1.909.281-3.615v-.324c0-1.706 0-2.747-.281-3.615"/>
+    </svg>
+  )
+);
+
+HiconBoldRepeate3.displayName = 'HiconBoldRepeate3';
+
+export default HiconBoldRepeate3;