@developershre/icona 1.0.6 → 2.0.0

package/dist/react/Hicon/Bold/Time Circle 3.tsx

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Time Circle 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 time circle 3, time, circle, 3, hicon/bold
+ * @tags hicon/bold, time
+ * @category Hicon/Bold
+ * 
+ * @example
+ * ```tsx
+ * import { ComponentName } from 'icona/react';
+ * 
+ * function MyComponent() {
+ *   return <ComponentName size={24} color="blue" />;
+ * }
+ * ```
+ */
+interface HiconBoldTimeCircle3Props {
+  /** 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 HiconBoldTimeCircle3 = React.forwardRef<SVGSVGElement, HiconBoldTimeCircle3Props>(
+  ({ 
+    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 || 'Time Circle 3 icon from Hicon/Bold collection'}
+    >
+      {title && <title>{title}</title>}
+      <path fill="#FAFAFA" d="M5.969 1.836A.75.75 0 1 0 5.03.664l-2.5 2a.75.75 0 1 0 .938 1.172zm13-1.172a.75.75 0 0 0-.937 1.172l2.5 2a.75.75 0 1 0 .936-1.172z"/><path fill="#FAFAFA" fill-rule="evenodd" 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.25M12.75 8a.75.75 0 0 0-1.5 0v2.726c0 .533 0 .987.037 1.364.04.402.125.774.331 1.13.206.357.486.617.813.852.308.22.702.448 1.164.715l.628.363a.75.75 0 0 0 .75-1.3l-.598-.345c-.5-.289-.83-.48-1.07-.652-.227-.163-.325-.275-.387-.383s-.11-.249-.138-.527c-.03-.295-.03-.674-.03-1.252z" clip-rule="evenodd"/>
+    </svg>
+  )
+);
+
+HiconBoldTimeCircle3.displayName = 'HiconBoldTimeCircle3';
+
+export default HiconBoldTimeCircle3;

package/dist/react/Hicon/Bold/Time Circle 4.tsx

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Time Circle 4 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 time circle 4, time, circle, 4, hicon/bold
+ * @tags hicon/bold, time
+ * @category Hicon/Bold
+ * 
+ * @example
+ * ```tsx
+ * import { ComponentName } from 'icona/react';
+ * 
+ * function MyComponent() {
+ *   return <ComponentName size={24} color="blue" />;
+ * }
+ * ```
+ */
+interface HiconBoldTimeCircle4Props {
+  /** 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 HiconBoldTimeCircle4 = React.forwardRef<SVGSVGElement, HiconBoldTimeCircle4Props>(
+  ({ 
+    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 || 'Time Circle 4 icon from Hicon/Bold collection'}
+    >
+      {title && <title>{title}</title>}
+      <path fill="#FAFAFA" d="M5.969 1.836A.75.75 0 1 0 5.032.664l-2.5 2a.75.75 0 1 0 .937 1.172zm13-1.172a.75.75 0 1 0-.937 1.172l2.5 2a.75.75 0 1 0 .936-1.172z"/><path fill="#FAFAFA" fill-rule="evenodd" 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.25M12.75 8a.75.75 0 0 0-1.5 0v3.19l-.72-.72a.75.75 0 1 0-1.06 1.06l1.5 1.5c.657.657 1.78.192 1.78-.737z" clip-rule="evenodd"/>
+    </svg>
+  )
+);
+
+HiconBoldTimeCircle4.displayName = 'HiconBoldTimeCircle4';
+
+export default HiconBoldTimeCircle4;

package/dist/react/Hicon/Bold/Time Circle 5.tsx

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Time Circle 5 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 time circle 5, time, circle, 5, hicon/bold
+ * @tags hicon/bold, time
+ * @category Hicon/Bold
+ * 
+ * @example
+ * ```tsx
+ * import { ComponentName } from 'icona/react';
+ * 
+ * function MyComponent() {
+ *   return <ComponentName size={24} color="blue" />;
+ * }
+ * ```
+ */
+interface HiconBoldTimeCircle5Props {
+  /** 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 HiconBoldTimeCircle5 = React.forwardRef<SVGSVGElement, HiconBoldTimeCircle5Props>(
+  ({ 
+    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 || 'Time Circle 5 icon from Hicon/Bold collection'}
+    >
+      {title && <title>{title}</title>}
+      <path fill="#FAFAFA" fill-rule="evenodd" 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.25M12.75 8a.75.75 0 0 0-1.5 0v3.5a.75.75 0 0 1-.75.75H9a.75.75 0 0 0 0 1.5h1.5a2.25 2.25 0 0 0 2.25-2.25z" clip-rule="evenodd"/><path fill="#FAFAFA" d="M5.969 1.836A.75.75 0 1 0 5.03.664l-2.5 2a.75.75 0 1 0 .938 1.172zm13-1.172a.75.75 0 0 0-.937 1.172l2.5 2a.75.75 0 1 0 .936-1.172z"/>
+    </svg>
+  )
+);
+
+HiconBoldTimeCircle5.displayName = 'HiconBoldTimeCircle5';
+
+export default HiconBoldTimeCircle5;

package/dist/react/Hicon/Bold/Time Circle 6.tsx

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Time Circle 6 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 time circle 6, time, circle, 6, hicon/bold
+ * @tags hicon/bold, time
+ * @category Hicon/Bold
+ * 
+ * @example
+ * ```tsx
+ * import { ComponentName } from 'icona/react';
+ * 
+ * function MyComponent() {
+ *   return <ComponentName size={24} color="blue" />;
+ * }
+ * ```
+ */
+interface HiconBoldTimeCircle6Props {
+  /** 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 HiconBoldTimeCircle6 = React.forwardRef<SVGSVGElement, HiconBoldTimeCircle6Props>(
+  ({ 
+    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 || 'Time Circle 6 icon from Hicon/Bold collection'}
+    >
+      {title && <title>{title}</title>}
+      <path fill="#FAFAFA" d="M5.969 1.836A.75.75 0 1 0 5.03.664l-2.5 2a.75.75 0 1 0 .938 1.172zm13-1.172a.75.75 0 0 0-.937 1.172l2.5 2a.75.75 0 1 0 .936-1.172z"/><path fill="#FAFAFA" fill-rule="evenodd" 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.25M12.75 8a.75.75 0 0 0-1.5 0v3.5a2.25 2.25 0 0 0 2.25 2.25H15a.75.75 0 0 0 0-1.5h-1.5a.75.75 0 0 1-.75-.75z" clip-rule="evenodd"/>
+    </svg>
+  )
+);
+
+HiconBoldTimeCircle6.displayName = 'HiconBoldTimeCircle6';
+
+export default HiconBoldTimeCircle6;

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

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Undo 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 undo, hicon/bold
+ * @tags hicon/bold
+ * @category Hicon/Bold
+ * 
+ * @example
+ * ```tsx
+ * import { ComponentName } from 'icona/react';
+ * 
+ * function MyComponent() {
+ *   return <ComponentName size={24} color="blue" />;
+ * }
+ * ```
+ */
+interface HiconBoldUndoProps {
+  /** 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 HiconBoldUndo = React.forwardRef<SVGSVGElement, HiconBoldUndoProps>(
+  ({ 
+    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 || 'Undo icon from Hicon/Bold collection'}
+    >
+      {title && <title>{title}</title>}
+      <path fill="#FAFAFA" d="M7.728 5.533a.75.75 0 0 0-1.056-1.066L5.231 5.896c-.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.371l1.441 1.429a.75.75 0 1 0 1.056-1.066l-1.41-1.398c-.575-.57-.96-.953-1.22-1.275l-.034-.044H14a4.25 4.25 0 1 1 0 8.5H6a.75.75 0 0 0 0 1.5h8a5.75 5.75 0 1 0 0-11.5H5.064l.034-.044c.26-.322.645-.706 1.22-1.275z"/>
+    </svg>
+  )
+);
+
+HiconBoldUndo.displayName = 'HiconBoldUndo';
+
+export default HiconBoldUndo;

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

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Unlock 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 unlock 1, unlock, 1, hicon/bold
+ * @tags hicon/bold, security
+ * @category Hicon/Bold
+ * 
+ * @example
+ * ```tsx
+ * import { ComponentName } from 'icona/react';
+ * 
+ * function MyComponent() {
+ *   return <ComponentName size={24} color="blue" />;
+ * }
+ * ```
+ */
+interface HiconBoldUnlock1Props {
+  /** 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 HiconBoldUnlock1 = React.forwardRef<SVGSVGElement, HiconBoldUnlock1Props>(
+  ({ 
+    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 || 'Unlock 1 icon from Hicon/Bold collection'}
+    >
+      {title && <title>{title}</title>}
+      <path fill="#FAFAFA" d="M10.75 15a1.25 1.25 0 1 1 2.5 0 1.25 1.25 0 0 1-2.5 0"/><path fill="#FAFAFA" fill-rule="evenodd" d="M12 1.25A5.75 5.75 0 0 0 6.25 7v1.114q0 .1.025.193a5 5 0 0 0-3.03 3.148C3 12.208 3 13.139 3 15s0 2.792.245 3.545a5 5 0 0 0 3.21 3.21C7.208 22 8.139 22 10 22h4c1.861 0 2.792 0 3.545-.245a5 5 0 0 0 3.21-3.21C21 17.792 21 16.861 21 15s0-2.792-.245-3.545a5 5 0 0 0-3.21-3.21A4 4 0 0 0 17 8.114C16.325 8 15.442 8 14 8h-4c-.965 0-1.68 0-2.25.034V7a4.25 4.25 0 0 1 6.8-3.4.75.75 0 1 0 .901-1.2A5.73 5.73 0 0 0 12 1.25M9.25 15a2.75 2.75 0 1 1 5.5 0 2.75 2.75 0 0 1-5.5 0" clip-rule="evenodd"/>
+    </svg>
+  )
+);
+
+HiconBoldUnlock1.displayName = 'HiconBoldUnlock1';
+
+export default HiconBoldUnlock1;

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

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Unlock 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 unlock 2, unlock, 2, hicon/bold
+ * @tags hicon/bold, security
+ * @category Hicon/Bold
+ * 
+ * @example
+ * ```tsx
+ * import { ComponentName } from 'icona/react';
+ * 
+ * function MyComponent() {
+ *   return <ComponentName size={24} color="blue" />;
+ * }
+ * ```
+ */
+interface HiconBoldUnlock2Props {
+  /** 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 HiconBoldUnlock2 = React.forwardRef<SVGSVGElement, HiconBoldUnlock2Props>(
+  ({ 
+    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 || 'Unlock 2 icon from Hicon/Bold collection'}
+    >
+      {title && <title>{title}</title>}
+      <path fill="#FAFAFA" fill-rule="evenodd" d="M6.25 7a5.75 5.75 0 0 1 9.201-4.6.75.75 0 1 1-.901 1.2A4.25 4.25 0 0 0 7.75 7v1.034C8.32 8 9.035 8 10 8h4c1.442 0 2.325 0 3 .114.197.033.375.076.545.13a5 5 0 0 1 3.21 3.21C21 12.209 21 13.14 21 15s0 2.792-.245 3.545a5 5 0 0 1-3.21 3.21C16.792 22 15.861 22 14 22h-4c-1.861 0-2.792 0-3.545-.245a5 5 0 0 1-3.21-3.21C3 17.792 3 16.861 3 15s0-2.792.245-3.545a5 5 0 0 1 3.03-3.148.8.8 0 0 1-.025-.193zM12 12.25a.75.75 0 0 1 .75.75v4a.75.75 0 0 1-1.5 0v-4a.75.75 0 0 1 .75-.75" clip-rule="evenodd"/>
+    </svg>
+  )
+);
+
+HiconBoldUnlock2.displayName = 'HiconBoldUnlock2';
+
+export default HiconBoldUnlock2;

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

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Unlock 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 unlock 3, unlock, 3, hicon/bold
+ * @tags hicon/bold, security
+ * @category Hicon/Bold
+ * 
+ * @example
+ * ```tsx
+ * import { ComponentName } from 'icona/react';
+ * 
+ * function MyComponent() {
+ *   return <ComponentName size={24} color="blue" />;
+ * }
+ * ```
+ */
+interface HiconBoldUnlock3Props {
+  /** 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 HiconBoldUnlock3 = React.forwardRef<SVGSVGElement, HiconBoldUnlock3Props>(
+  ({ 
+    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 || 'Unlock 3 icon from Hicon/Bold collection'}
+    >
+      {title && <title>{title}</title>}
+      <path fill="#FAFAFA" d="M10.75 13a1.25 1.25 0 1 1 2.5 0 1.25 1.25 0 0 1-2.5 0"/><path fill="#FAFAFA" fill-rule="evenodd" d="M12 1.25A5.75 5.75 0 0 0 6.25 7v1.114q0 .1.025.193a5 5 0 0 0-3.03 3.148C3 12.208 3 13.139 3 15s0 2.792.245 3.545a5 5 0 0 0 3.21 3.21C7.208 22 8.139 22 10 22h4c1.861 0 2.792 0 3.545-.245a5 5 0 0 0 3.21-3.21C21 17.792 21 16.861 21 15s0-2.792-.245-3.545a5 5 0 0 0-3.21-3.21A4 4 0 0 0 17 8.114C16.325 8 15.442 8 14 8h-4c-.965 0-1.68 0-2.25.034V7a4.25 4.25 0 0 1 6.8-3.4.75.75 0 1 0 .901-1.2A5.73 5.73 0 0 0 12 1.25M9.25 13a2.75 2.75 0 1 1 3.5 2.646V19a.75.75 0 0 1-1.5 0v-3.354a2.75 2.75 0 0 1-2-2.646" clip-rule="evenodd"/>
+    </svg>
+  )
+);
+
+HiconBoldUnlock3.displayName = 'HiconBoldUnlock3';
+
+export default HiconBoldUnlock3;

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

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Up 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 up 1, up, 1, 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 HiconBoldUp1Props {
+  /** 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 HiconBoldUp1 = React.forwardRef<SVGSVGElement, HiconBoldUp1Props>(
+  ({ 
+    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 || 'Up 1 icon from Hicon/Bold collection'}
+    >
+      {title && <title>{title}</title>}
+      <path fill="#FAFAFA" d="M12.408 3.276a3.2 3.2 0 0 0-.816 0c-.618.079-1.133.374-1.64.781-.488.392-1.036.944-1.706 1.62L6.467 7.472a.75.75 0 0 0 1.066 1.056L9.28 6.765c.71-.715 1.197-1.206 1.61-1.538q.201-.161.36-.258V20a.75.75 0 0 0 1.5 0V4.97q.159.096.36.257c.413.332.9.822 1.61 1.538l1.747 1.763a.75.75 0 0 0 1.066-1.056l-1.78-1.795c-.669-.676-1.217-1.228-1.704-1.62-.508-.407-1.023-.702-1.64-.781"/>
+    </svg>
+  )
+);
+
+HiconBoldUp1.displayName = 'HiconBoldUp1';
+
+export default HiconBoldUp1;