@developershre/icona 1.0.6 → 2.0.0

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

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Repeate One 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 one 1, repeate, one, 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 HiconBoldRepeateOne1Props {
+  /** 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 HiconBoldRepeateOne1 = React.forwardRef<SVGSVGElement, HiconBoldRepeateOne1Props>(
+  ({ 
+    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 One 1 icon from Hicon/Bold collection'}
+    >
+      {title && <title>{title}</title>}
+      <path fill="#FAFAFA" d="M11.265 2.33a.75.75 0 1 0-1.03 1.09l.796.752q.014.015.013.016l.002.005q.003.006-.004.029a.1.1 0 0 1-.017.023l-.004.003L11 4.25h-.162c-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.75c1.398 0 2.077-1.709 1.06-2.668zm8.204 5.438a.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.73c-.611.198-1.393.207-3.313.207-1.398 0-2.077 1.709-1.061 2.669l.796.751a.75.75 0 1 0 1.03-1.09l-.796-.752q-.014-.015-.013-.016l-.002-.005a.1.1 0 0 1 .004-.028.1.1 0 0 1 .017-.024l.002-.002h.002q0-.002.021-.003h.162c1.706 0 2.747 0 3.615-.281a5.75 5.75 0 0 0 3.691-3.692c.282-.868.282-1.909.282-3.615v-.324c0-1.706 0-2.747-.282-3.615"/><path fill="#FAFAFA" d="M12.75 9.414c0-1.19-1.439-1.786-2.28-.944l-1 1a.75.75 0 1 0 1.06 1.06l.72-.72V15a.75.75 0 0 0 1.5 0z"/>
+    </svg>
+  )
+);
+
+HiconBoldRepeateOne1.displayName = 'HiconBoldRepeateOne1';
+
+export default HiconBoldRepeateOne1;

package/dist/react/Hicon/Bold/Repeate One 2.tsx

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Repeate One 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 repeate one 2, repeate, one, 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 HiconBoldRepeateOne2Props {
+  /** 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 HiconBoldRepeateOne2 = React.forwardRef<SVGSVGElement, HiconBoldRepeateOne2Props>(
+  ({ 
+    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 One 2 icon from Hicon/Bold collection'}
+    >
+      {title && <title>{title}</title>}
+      <path fill="#FAFAFA" fill-rule="evenodd" d="M13.414 2.532a.75.75 0 0 1 1.055-.118l1.25 1c.968.775.42 2.336-.82 2.336H11c-1.92 0-2.702.01-3.313.208a4.25 4.25 0 0 0-2.729 2.729C4.759 9.298 4.75 10.08 4.75 12s.01 2.702.208 3.313a.75.75 0 0 1-1.427.464c-.281-.868-.281-1.909-.281-3.615v-.324c0-1.706 0-2.747.281-3.615a5.75 5.75 0 0 1 3.692-3.692c.868-.281 1.909-.281 3.615-.281h3.524l-.83-.664a.75.75 0 0 1-.118-1.054" clip-rule="evenodd"/><path fill="#FAFAFA" d="M19.524 7.742a.75.75 0 0 1 .945.481c.281.868.281 1.909.281 3.615v.324c0 1.706 0 2.747-.281 3.615a5.75 5.75 0 0 1-3.692 3.692c-.868.281-1.909.281-3.615.281h-2.174q-.714.001-1.276-.004l.784.692a.75.75 0 1 1-.992 1.125L8.23 20.44c-.519-.457-.374-1.118-.234-1.422.144-.313.526-.806 1.159-.784A60 60 0 0 0 11 18.25h2c1.92 0 2.702-.01 3.313-.208a4.25 4.25 0 0 0 2.729-2.729c.199-.611.208-1.393.208-3.313s-.01-2.702-.208-3.313a.75.75 0 0 1 .482-.945"/><path fill="#FAFAFA" d="M10.47 8.47c.841-.842 2.28-.246 2.28.944V15a.75.75 0 0 1-1.5 0V9.81l-.72.72a.75.75 0 0 1-1.06-1.06z"/>
+    </svg>
+  )
+);
+
+HiconBoldRepeateOne2.displayName = 'HiconBoldRepeateOne2';
+
+export default HiconBoldRepeateOne2;

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

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Repeate One 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 one 3, repeate, one, 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 HiconBoldRepeateOne3Props {
+  /** 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 HiconBoldRepeateOne3 = React.forwardRef<SVGSVGElement, HiconBoldRepeateOne3Props>(
+  ({ 
+    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 One 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"/><path fill="#FAFAFA" d="M12.75 9.414c0-1.19-1.439-1.786-2.28-.944l-1 1a.75.75 0 1 0 1.06 1.06l.72-.72V15a.75.75 0 0 0 1.5 0z"/>
+    </svg>
+  )
+);
+
+HiconBoldRepeateOne3.displayName = 'HiconBoldRepeateOne3';
+
+export default HiconBoldRepeateOne3;

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

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Report 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 report, hicon/bold
+ * @tags hicon/bold
+ * @category Hicon/Bold
+ * 
+ * @example
+ * ```tsx
+ * import { ComponentName } from 'icona/react';
+ * 
+ * function MyComponent() {
+ *   return <ComponentName size={24} color="blue" />;
+ * }
+ * ```
+ */
+interface HiconBoldReportProps {
+  /** 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 HiconBoldReport = React.forwardRef<SVGSVGElement, HiconBoldReportProps>(
+  ({ 
+    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 || 'Report icon from Hicon/Bold collection'}
+    >
+      {title && <title>{title}</title>}
+      <path fill="#FAFAFA" d="M6.955 2.25c-.433 0-.83 0-1.152.043-.356.048-.731.16-1.04.47s-.422.684-.47 1.04c-.043.323-.043.72-.043 1.152V21a.75.75 0 0 0 1.5 0v-6.25h11.448a2.552 2.552 0 0 0 1.446-4.655l-.281-.193a1.7 1.7 0 0 1 0-2.804l.28-.193a2.552 2.552 0 0 0-1.445-4.655z"/>
+    </svg>
+  )
+);
+
+HiconBoldReport.displayName = 'HiconBoldReport';
+
+export default HiconBoldReport;

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

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Right 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 right 1, right, 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 HiconBoldRight1Props {
+  /** 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 HiconBoldRight1 = React.forwardRef<SVGSVGElement, HiconBoldRight1Props>(
+  ({ 
+    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 || 'Right 1 icon from Hicon/Bold collection'}
+    >
+      {title && <title>{title}</title>}
+      <path fill="#FAFAFA" d="M16.528 6.467a.75.75 0 0 0-1.056 1.066l1.763 1.747c.716.71 1.206 1.197 1.538 1.61q.16.201.258.36H4a.75.75 0 0 0 0 1.5h15.03a4 4 0 0 1-.257.36c-.332.413-.822.9-1.538 1.61l-1.763 1.747a.75.75 0 0 0 1.056 1.066l1.795-1.78c.676-.669 1.228-1.217 1.62-1.704.407-.508.702-1.023.781-1.64a3.2 3.2 0 0 0 0-.817c-.079-.618-.374-1.133-.781-1.64-.392-.488-.944-1.036-1.62-1.706z"/>
+    </svg>
+  )
+);
+
+HiconBoldRight1.displayName = 'HiconBoldRight1';
+
+export default HiconBoldRight1;

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

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Right 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 right 2, right, 2, 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 HiconBoldRight2Props {
+  /** 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 HiconBoldRight2 = React.forwardRef<SVGSVGElement, HiconBoldRight2Props>(
+  ({ 
+    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 || 'Right 2 icon from Hicon/Bold collection'}
+    >
+      {title && <title>{title}</title>}
+      <path fill="#FAFAFA" d="M10.528 6.467a.75.75 0 0 0-1.056 1.066l1.763 1.747c.716.71 1.206 1.197 1.538 1.61.323.402.434.66.463.891q.029.219 0 .438c-.03.23-.14.489-.463.89-.332.414-.822.902-1.538 1.611l-1.763 1.747a.75.75 0 0 0 1.056 1.066l1.795-1.78c.676-.669 1.228-1.217 1.62-1.704.407-.508.702-1.023.781-1.64a3.2 3.2 0 0 0 0-.817c-.079-.618-.374-1.133-.781-1.64-.392-.488-.944-1.036-1.62-1.706z"/>
+    </svg>
+  )
+);
+
+HiconBoldRight2.displayName = 'HiconBoldRight2';
+
+export default HiconBoldRight2;

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

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Right 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 right 3, right, 3, 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 HiconBoldRight3Props {
+  /** 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 HiconBoldRight3 = React.forwardRef<SVGSVGElement, HiconBoldRight3Props>(
+  ({ 
+    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 || 'Right 3 icon from Hicon/Bold collection'}
+    >
+      {title && <title>{title}</title>}
+      <path fill="#FAFAFA" d="M2 11.62a.75.75 0 0 1 .75-.75H13V8.755c0-2.282 2.62-3.571 4.427-2.18L21.15 9.44a2.75 2.75 0 0 1 0 4.359l-3.722 2.864C15.62 18.055 13 16.766 13 14.484V12.37H2.75a.75.75 0 0 1-.75-.75"/>
+    </svg>
+  )
+);
+
+HiconBoldRight3.displayName = 'HiconBoldRight3';
+
+export default HiconBoldRight3;

package/dist/react/Hicon/Bold/Right Circle 1.tsx

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Right Circle 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 right circle 1, right, circle, 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 HiconBoldRightCircle1Props {
+  /** 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 HiconBoldRightCircle1 = React.forwardRef<SVGSVGElement, HiconBoldRightCircle1Props>(
+  ({ 
+    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 || 'Right Circle 1 icon from Hicon/Bold collection'}
+    >
+      {title && <title>{title}</title>}
+      <path fill="#FAFAFA" fill-rule="evenodd" d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12s4.477 10 10 10 10-4.477 10-10m-14-.75a.75.75 0 0 0 0 1.5h6.936l-.034.043c-.26.323-.645.707-1.22 1.277l-1.41 1.397a.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.371l-1.441-1.429a.75.75 0 0 0-1.056 1.066l1.41 1.398c.575.57.96.953 1.22 1.276l.034.043z" clip-rule="evenodd"/>
+    </svg>
+  )
+);
+
+HiconBoldRightCircle1.displayName = 'HiconBoldRightCircle1';
+
+export default HiconBoldRightCircle1;

package/dist/react/Hicon/Bold/Right Circle 2.tsx

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Right Circle 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 right circle 2, right, circle, 2, 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 HiconBoldRightCircle2Props {
+  /** 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 HiconBoldRightCircle2 = React.forwardRef<SVGSVGElement, HiconBoldRightCircle2Props>(
+  ({ 
+    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 || 'Right Circle 2 icon from Hicon/Bold collection'}
+    >
+      {title && <title>{title}</title>}
+      <path fill="#FAFAFA" fill-rule="evenodd" d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12s4.477 10 10 10 10-4.477 10-10M10.528 6.467a.75.75 0 0 0-1.056 1.066l1.763 1.747c.716.71 1.206 1.197 1.538 1.61.323.402.434.66.463.891q.029.219 0 .438c-.03.23-.14.489-.463.89-.332.414-.822.902-1.538 1.611l-1.763 1.747a.75.75 0 0 0 1.056 1.066l1.795-1.78c.676-.669 1.228-1.217 1.62-1.704.407-.508.702-1.023.781-1.64a3.2 3.2 0 0 0 0-.817c-.079-.618-.374-1.133-.781-1.64-.392-.488-.944-1.036-1.62-1.706z" clip-rule="evenodd"/>
+    </svg>
+  )
+);
+
+HiconBoldRightCircle2.displayName = 'HiconBoldRightCircle2';
+
+export default HiconBoldRightCircle2;