@developershre/icona 1.0.6 → 2.0.2

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

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Sun 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 sun 1, sun, 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 HiconBoldSun1Props {
+  /** 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 HiconBoldSun1 = React.forwardRef<SVGSVGElement, HiconBoldSun1Props>(
+  ({ 
+    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 || 'Sun 1 icon from Hicon/Bold collection'}
+    >
+      {title && <title>{title}</title>}
+      <g fill="#FAFAFA" clip-path="url(#a)"><path d="M12.75 1a.75.75 0 0 0-1.5 0v2a.75.75 0 0 0 1.5 0zM4.752 3.691a.75.75 0 0 0-1.06 1.061l1.414 1.414a.75.75 0 0 0 1.06-1.06zm15.557 1.061a.75.75 0 1 0-1.061-1.06l-1.414 1.414a.75.75 0 1 0 1.06 1.06zM12 5.25a6.75 6.75 0 1 0 0 13.5 6.75 6.75 0 0 0 0-13.5m-11 6a.75.75 0 0 0 0 1.5h2a.75.75 0 0 0 0-1.5zm20 0a.75.75 0 0 0 0 1.5h2a.75.75 0 0 0 0-1.5zM6.166 18.894a.75.75 0 0 0-1.06-1.06l-1.414 1.414a.75.75 0 0 0 1.06 1.06zm12.728-1.06a.75.75 0 0 0-1.06 1.06l1.414 1.415a.75.75 0 0 0 1.06-1.061zM12.75 21a.75.75 0 0 0-1.5 0v2a.75.75 0 0 0 1.5 0z"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs>
+    </svg>
+  )
+);
+
+HiconBoldSun1.displayName = 'HiconBoldSun1';
+
+export default HiconBoldSun1;

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

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Sun 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 sun 2, sun, 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 HiconBoldSun2Props {
+  /** 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 HiconBoldSun2 = React.forwardRef<SVGSVGElement, HiconBoldSun2Props>(
+  ({ 
+    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 || 'Sun 2 icon from Hicon/Bold collection'}
+    >
+      {title && <title>{title}</title>}
+      <path fill="#FAFAFA" d="M12 .25a.75.75 0 0 1 .75.75v2a.75.75 0 0 1-1.5 0V1A.75.75 0 0 1 12 .25M3.692 2.692a.75.75 0 0 1 1.06 0l1.414 1.414a.75.75 0 0 1-1.06 1.06L3.692 3.752a.75.75 0 0 1 0-1.06m16.617 0a.75.75 0 0 1 0 1.06l-1.415 1.414a.75.75 0 0 1-1.06-1.06l1.414-1.414a.75.75 0 0 1 1.06 0M6.25 11.75V11a5.75 5.75 0 1 1 11.5 0v.75zm-5-.75a.75.75 0 0 1 .75-.75h2a.75.75 0 0 1 0 1.5H2a.75.75 0 0 1-.75-.75m18 0a.75.75 0 0 1 .75-.75h2a.75.75 0 0 1 0 1.5h-2a.75.75 0 0 1-.75-.75m-16 3a.75.75 0 0 1 .75-.75h16a.75.75 0 0 1 0 1.5H4a.75.75 0 0 1-.75-.75m3 4a.75.75 0 0 1 .75-.75h10a.75.75 0 0 1 0 1.5H7a.75.75 0 0 1-.75-.75m3 4a.75.75 0 0 1 .75-.75h4a.75.75 0 0 1 0 1.5h-4a.75.75 0 0 1-.75-.75"/>
+    </svg>
+  )
+);
+
+HiconBoldSun2.displayName = 'HiconBoldSun2';
+
+export default HiconBoldSun2;

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

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Swap 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 swap 1, swap, 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 HiconBoldSwap1Props {
+  /** 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 HiconBoldSwap1 = React.forwardRef<SVGSVGElement, HiconBoldSwap1Props>(
+  ({ 
+    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 || 'Swap 1 icon from Hicon/Bold collection'}
+    >
+      {title && <title>{title}</title>}
+      <path fill="#FAFAFA" d="M15.206 4.113c.404-.406.852-.742 1.425-.834a2.3 2.3 0 0 1 .738 0c.573.092 1.021.428 1.425.834.394.395.834.95 1.367 1.622l1.427 1.799a.75.75 0 1 1-1.176.932l-1.397-1.763c-.559-.704-.942-1.186-1.265-1.513V18a.75.75 0 0 1-1.5 0V5.19c-.323.327-.706.809-1.264 1.513l-1.398 1.763a.75.75 0 1 1-1.176-.932l1.427-1.799c.533-.672.973-1.227 1.367-1.622M7.75 5a.75.75 0 0 0-1.5 0v12.81c-.323-.327-.706-.809-1.264-1.513l-1.398-1.763a.75.75 0 0 0-1.176.932l1.427 1.799c.533.672.973 1.227 1.367 1.622.404.406.852.742 1.425.834a2.4 2.4 0 0 0 .738 0c.573-.092 1.021-.428 1.426-.834.393-.395.833-.95 1.367-1.622l1.426-1.799a.75.75 0 1 0-1.176-.932l-1.398 1.763c-.558.704-.941 1.186-1.264 1.514z"/>
+    </svg>
+  )
+);
+
+HiconBoldSwap1.displayName = 'HiconBoldSwap1';
+
+export default HiconBoldSwap1;

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

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Swap 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 swap 2, swap, 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 HiconBoldSwap2Props {
+  /** 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 HiconBoldSwap2 = React.forwardRef<SVGSVGElement, HiconBoldSwap2Props>(
+  ({ 
+    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 || 'Swap 2 icon from Hicon/Bold collection'}
+    >
+      {title && <title>{title}</title>}
+      <path fill="#FAFAFA" fill-rule="evenodd" d="M3.955 5.061C3 6.375 3 8.251 3 12s0 5.625.955 6.939a5 5 0 0 0 1.106 1.106C6.375 21 8.251 21 12 21s5.625 0 6.939-.955a5 5 0 0 0 1.106-1.106C21 17.625 21 15.749 21 12s0-5.625-.955-6.939a5 5 0 0 0-1.106-1.106C17.625 3 15.749 3 12 3s-5.625 0-6.939.955A5 5 0 0 0 3.955 5.06M13.96 6.9c.283-.284.628-.553 1.088-.626a1.8 1.8 0 0 1 .57 0c.46.073.806.342 1.089.626.273.273.573.653.922 1.093l.959 1.209a.75.75 0 0 1-1.176.932l-.931-1.176-.398-.497v7.873a.75.75 0 0 1-1.5 0V8.46l-.397.497-.932 1.176A.75.75 0 1 1 12.08 9.2l.958-1.209c.35-.44.65-.82.923-1.093m-4.543.768a.75.75 0 0 0-1.5 0v7.872l-.397-.496-.932-1.176a.75.75 0 1 0-1.176.932l.959 1.209c.349.44.65.82.922 1.093.283.284.629.553 1.089.626a1.8 1.8 0 0 0 .57 0c.46-.073.805-.342 1.088-.626.273-.273.574-.653.923-1.093l.958-1.209a.75.75 0 1 0-1.175-.932l-.932 1.175q-.226.287-.397.497z" clip-rule="evenodd"/>
+    </svg>
+  )
+);
+
+HiconBoldSwap2.displayName = 'HiconBoldSwap2';
+
+export default HiconBoldSwap2;

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

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Tv 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 tv, hicon/bold
+ * @tags hicon/bold
+ * @category Hicon/Bold
+ * 
+ * @example
+ * ```tsx
+ * import { ComponentName } from 'icona/react';
+ * 
+ * function MyComponent() {
+ *   return <ComponentName size={24} color="blue" />;
+ * }
+ * ```
+ */
+interface HiconBoldTvProps {
+  /** 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 HiconBoldTv = React.forwardRef<SVGSVGElement, HiconBoldTvProps>(
+  ({ 
+    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 || 'Tv icon from Hicon/Bold collection'}
+    >
+      {title && <title>{title}</title>}
+      <path fill="#FAFAFA" d="M8.47.47a.75.75 0 0 1 1.06 0L12 2.94 14.47.47a.75.75 0 1 1 1.06 1.06l-1.72 1.72h.224c1.371 0 2.447 0 3.311.07.88.073 1.607.221 2.265.557a5.75 5.75 0 0 1 2.513 2.513c.336.658.485 1.385.556 2.265.071.864.071 1.94.071 3.311v.068c0 1.371 0 2.447-.07 3.311-.072.88-.221 1.607-.557 2.265a5.75 5.75 0 0 1-2.513 2.513 4.6 4.6 0 0 1-1.05.377l.97.97a.75.75 0 1 1-1.06 1.06l-1.81-1.81c-.732.03-1.6.03-2.638.03H9.977c-1.038 0-1.905 0-2.636-.03l-1.81 1.81a.75.75 0 0 1-1.061-1.06l.97-.97a4.6 4.6 0 0 1-1.05-.377 5.75 5.75 0 0 1-2.513-2.513c-.336-.658-.484-1.385-.556-2.265-.071-.864-.071-1.94-.071-3.311v-.068c0-1.371 0-2.447.07-3.311.073-.88.221-1.607.557-2.265A5.75 5.75 0 0 1 4.39 3.877c.658-.336 1.385-.484 2.265-.556.864-.071 1.94-.071 3.311-.071h.223L8.47 1.53a.75.75 0 0 1 0-1.06"/>
+    </svg>
+  )
+);
+
+HiconBoldTv.displayName = 'HiconBoldTv';
+
+export default HiconBoldTv;

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

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Tag 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 tag, hicon/bold
+ * @tags hicon/bold
+ * @category Hicon/Bold
+ * 
+ * @example
+ * ```tsx
+ * import { ComponentName } from 'icona/react';
+ * 
+ * function MyComponent() {
+ *   return <ComponentName size={24} color="blue" />;
+ * }
+ * ```
+ */
+interface HiconBoldTagProps {
+  /** 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 HiconBoldTag = React.forwardRef<SVGSVGElement, HiconBoldTagProps>(
+  ({ 
+    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 || 'Tag icon from Hicon/Bold collection'}
+    >
+      {title && <title>{title}</title>}
+      <path fill="#FAFAFA" d="M12.556 7.956a1 1 0 1 0 1.732 1 1 1 0 0 0-1.732-1"/><path fill="#FAFAFA" fill-rule="evenodd" d="M10.812 2.107c1.724-.544 2.775-.875 3.72-.856a5.75 5.75 0 0 1 4.807 2.775c.489.81.727 1.885 1.118 3.65l.05.23c.154.691.248 1.116.278 1.543a5.75 5.75 0 0 1-.416 2.584c-.162.396-.386.77-.748 1.378l-2.567 4.306c-.817 1.37-1.316 2.207-1.949 2.783a5.75 5.75 0 0 1-5.173 1.347c-.833-.194-1.676-.681-3.058-1.48l-.262-.15c-1.382-.798-2.226-1.285-2.81-1.91a5.75 5.75 0 0 1-1.42-5.153c.182-.836.657-1.686 1.436-3.08L6.263 5.7c.346-.618.558-.998.82-1.337a5.75 5.75 0 0 1 2.03-1.653c.384-.187.8-.318 1.474-.53zm.445 5.1a2.5 2.5 0 1 0 4.33 2.5 2.5 2.5 0 0 0-4.33-2.5" clip-rule="evenodd"/>
+    </svg>
+  )
+);
+
+HiconBoldTag.displayName = 'HiconBoldTag';
+
+export default HiconBoldTag;

package/dist/react/Hicon/Bold/Text Align Center.tsx

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Text Align Center 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 text align center, text, align, center, hicon/bold
+ * @tags hicon/bold
+ * @category Hicon/Bold
+ * 
+ * @example
+ * ```tsx
+ * import { ComponentName } from 'icona/react';
+ * 
+ * function MyComponent() {
+ *   return <ComponentName size={24} color="blue" />;
+ * }
+ * ```
+ */
+interface HiconBoldTextAlignCenterProps {
+  /** 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 HiconBoldTextAlignCenter = React.forwardRef<SVGSVGElement, HiconBoldTextAlignCenterProps>(
+  ({ 
+    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 || 'Text Align Center icon from Hicon/Bold collection'}
+    >
+      {title && <title>{title}</title>}
+      <path fill="#FAFAFA" d="M5 5.25a.75.75 0 0 0 0 1.5h14a.75.75 0 0 0 0-1.5zm4 4a.75.75 0 0 0 0 1.5h6a.75.75 0 0 0 0-1.5zm-4 4a.75.75 0 0 0 0 1.5h14a.75.75 0 0 0 0-1.5zm4 4a.75.75 0 0 0 0 1.5h6a.75.75 0 0 0 0-1.5z"/>
+    </svg>
+  )
+);
+
+HiconBoldTextAlignCenter.displayName = 'HiconBoldTextAlignCenter';
+
+export default HiconBoldTextAlignCenter;

package/dist/react/Hicon/Bold/Text Align Justify Center.tsx

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Text Align Justify Center 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 text align justify center, text, align, justify, center, hicon/bold
+ * @tags hicon/bold
+ * @category Hicon/Bold
+ * 
+ * @example
+ * ```tsx
+ * import { ComponentName } from 'icona/react';
+ * 
+ * function MyComponent() {
+ *   return <ComponentName size={24} color="blue" />;
+ * }
+ * ```
+ */
+interface HiconBoldTextAlignJustifyCenterProps {
+  /** 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 HiconBoldTextAlignJustifyCenter = React.forwardRef<SVGSVGElement, HiconBoldTextAlignJustifyCenterProps>(
+  ({ 
+    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 || 'Text Align Justify Center icon from Hicon/Bold collection'}
+    >
+      {title && <title>{title}</title>}
+      <path fill="#FAFAFA" d="M5 5.25a.75.75 0 0 0 0 1.5h14a.75.75 0 0 0 0-1.5zm0 4a.75.75 0 0 0 0 1.5h14a.75.75 0 0 0 0-1.5zm0 4a.75.75 0 0 0 0 1.5h14a.75.75 0 0 0 0-1.5zm0 4a.75.75 0 0 0 0 1.5h14a.75.75 0 0 0 0-1.5z"/>
+    </svg>
+  )
+);
+
+HiconBoldTextAlignJustifyCenter.displayName = 'HiconBoldTextAlignJustifyCenter';
+
+export default HiconBoldTextAlignJustifyCenter;

package/dist/react/Hicon/Bold/Text Align Justify Left.tsx

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Text Align Justify Left 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 text align justify left, text, align, justify, left, hicon/bold, navigation, direction, arrow
+ * @tags hicon/bold, navigation
+ * @category Hicon/Bold
+ * 
+ * @example
+ * ```tsx
+ * import { ComponentName } from 'icona/react';
+ * 
+ * function MyComponent() {
+ *   return <ComponentName size={24} color="blue" />;
+ * }
+ * ```
+ */
+interface HiconBoldTextAlignJustifyLeftProps {
+  /** 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 HiconBoldTextAlignJustifyLeft = React.forwardRef<SVGSVGElement, HiconBoldTextAlignJustifyLeftProps>(
+  ({ 
+    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 || 'Text Align Justify Left icon from Hicon/Bold collection'}
+    >
+      {title && <title>{title}</title>}
+      <path fill="#FAFAFA" d="M5 5.25a.75.75 0 0 0 0 1.5h6a.75.75 0 0 0 0-1.5zm0 4a.75.75 0 0 0 0 1.5h6a.75.75 0 0 0 0-1.5zm0 4a.75.75 0 0 0 0 1.5h14a.75.75 0 0 0 0-1.5zm0 4a.75.75 0 0 0 0 1.5h14a.75.75 0 0 0 0-1.5z"/>
+    </svg>
+  )
+);
+
+HiconBoldTextAlignJustifyLeft.displayName = 'HiconBoldTextAlignJustifyLeft';
+
+export default HiconBoldTextAlignJustifyLeft;