@developershre/icona 1.0.6 → 2.0.2

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

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Close 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 close, hicon/bold, action, delete, remove
+ * @tags hicon/bold
+ * @category Hicon/Bold
+ * 
+ * @example
+ * ```tsx
+ * import { ComponentName } from 'icona/react';
+ * 
+ * function MyComponent() {
+ *   return <ComponentName size={24} color="blue" />;
+ * }
+ * ```
+ */
+interface HiconBoldCloseProps {
+  /** 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 HiconBoldClose = React.forwardRef<SVGSVGElement, HiconBoldCloseProps>(
+  ({ 
+    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 || 'Close icon from Hicon/Bold collection'}
+    >
+      {title && <title>{title}</title>}
+      <path fill="#FAFAFA" d="M19.53 5.53a.75.75 0 0 0-1.06-1.06L12 10.94 5.53 4.47a.75.75 0 0 0-1.06 1.06L10.94 12l-6.47 6.47a.75.75 0 1 0 1.06 1.06L12 13.06l6.47 6.47a.75.75 0 1 0 1.06-1.06L13.06 12z"/>
+    </svg>
+  )
+);
+
+HiconBoldClose.displayName = 'HiconBoldClose';
+
+export default HiconBoldClose;

package/dist/react/Hicon/Bold/Color Picker.tsx

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Color Picker 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 color picker, color, picker, hicon/bold
+ * @tags hicon/bold
+ * @category Hicon/Bold
+ * 
+ * @example
+ * ```tsx
+ * import { ComponentName } from 'icona/react';
+ * 
+ * function MyComponent() {
+ *   return <ComponentName size={24} color="blue" />;
+ * }
+ * ```
+ */
+interface HiconBoldColorPickerProps {
+  /** 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 HiconBoldColorPicker = React.forwardRef<SVGSVGElement, HiconBoldColorPickerProps>(
+  ({ 
+    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 || 'Color Picker icon from Hicon/Bold collection'}
+    >
+      {title && <title>{title}</title>}
+      <path fill="#FAFAFA" fill-rule="evenodd" d="M15.314 2.355c-.629-.205-1.255-.085-1.886.144-.615.224-1.36.6-2.27 1.06l-.044.023c-.568.287-.722.358-.873.386a1.3 1.3 0 0 1-.217.021c-.154.002-.317-.037-.924-.208L8.097 3.5a2.718 2.718 0 0 0-2.094 4.97l1.896 1.095-2.781 4.456a11 11 0 0 0-.315.523 6 6 0 0 0-.377.849c-.056.16-.103.321-.178.584l-.013.047c-.356 1.244-.631 2.207-.797 2.927a8 8 0 0 0-.172.97c-.026.273-.028.564.05.835a2.75 2.75 0 0 0 3.306 1.91c.274-.069.526-.216.749-.376.23-.164.48-.38.754-.633.54-.504 1.237-1.224 2.136-2.154l.034-.035c.19-.196.307-.317.417-.446q.303-.353.547-.75c.088-.145.167-.294.295-.535l2.469-4.636 1.896 1.094a2.718 2.718 0 0 0 3.258-4.299l-.805-.785c-.444-.433-.556-.553-.632-.685a1 1 0 0 1-.065-.132c-.059-.14-.085-.303-.158-.919l-.055-.463c-.119-1.003-.216-1.824-.37-2.455-.158-.65-.405-1.233-.921-1.643a2.8 2.8 0 0 0-.857-.46m-2.591 9.995-3.524-2.034-2.796 4.48a9 9 0 0 0-.283.466q-.165.302-.279.627c-.04.114-.073.231-.157.523-.364 1.273-.628 2.198-.784 2.875-.077.337-.122.59-.14.78q-.013.136-.01.21.006.066.008.065a1.25 1.25 0 0 0 1.502.868s.02-.006.06-.027q.065-.032.178-.113a6 6 0 0 0 .605-.512c.508-.473 1.177-1.164 2.097-2.116.211-.218.296-.306.375-.397q.224-.262.403-.555c.063-.103.12-.21.263-.479z" clip-rule="evenodd"/>
+    </svg>
+  )
+);
+
+HiconBoldColorPicker.displayName = 'HiconBoldColorPicker';
+
+export default HiconBoldColorPicker;

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

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Crop 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 crop 1, crop, 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 HiconBoldCrop1Props {
+  /** 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 HiconBoldCrop1 = React.forwardRef<SVGSVGElement, HiconBoldCrop1Props>(
+  ({ 
+    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 || 'Crop 1 icon from Hicon/Bold collection'}
+    >
+      {title && <title>{title}</title>}
+      <path stroke="#FAFAFA" stroke-linecap="round" stroke-width="1.5" d="M2 3.818h.818a1 1 0 0 0 1-1V2M22 20.182h-.818a1 1 0 0 0-1 1V22"/><path fill="#FAFAFA" d="M3.818 10.182V5.11A2.5 2.5 0 0 0 5.11 3.818h5.072c4.134 0 6.455 0 7.952.988L20.97 1.97a.75.75 0 0 1 1.06 1.06l-2.836 2.837c.988 1.496.988 3.817.988 7.951v5.072a2.5 2.5 0 0 0-1.292 1.292h-5.072c-4.134 0-6.455 0-7.951-.988L19.194 5.867a3.7 3.7 0 0 0-1.06-1.061L4.806 18.134c-.988-1.497-.988-3.818-.988-7.952"/>
+    </svg>
+  )
+);
+
+HiconBoldCrop1.displayName = 'HiconBoldCrop1';
+
+export default HiconBoldCrop1;

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

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Crop 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 crop 2, crop, 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 HiconBoldCrop2Props {
+  /** 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 HiconBoldCrop2 = React.forwardRef<SVGSVGElement, HiconBoldCrop2Props>(
+  ({ 
+    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 || 'Crop 2 icon from Hicon/Bold collection'}
+    >
+      {title && <title>{title}</title>}
+      <path fill="#FAFAFA" d="M4.568 2a.75.75 0 1 0-1.5 0v.818a.25.25 0 0 1-.25.25H2a.75.75 0 0 0 0 1.5h.818a1.75 1.75 0 0 0 1.75-1.75zm16.614 17.432a1.75 1.75 0 0 0-1.75 1.75V22a.75.75 0 0 0 1.5 0v-.818a.25.25 0 0 1 .25-.25H22a.75.75 0 0 0 0-1.5zM3.818 5.11v5.072c0 4.714 0 7.07 1.465 8.535 1.464 1.465 3.821 1.465 8.535 1.465h5.072a2.5 2.5 0 0 1 1.292-1.292v-5.072c0-4.714 0-7.07-1.465-8.535-1.464-1.465-3.821-1.465-8.535-1.465H5.11A2.5 2.5 0 0 1 3.818 5.11"/>
+    </svg>
+  )
+);
+
+HiconBoldCrop2.displayName = 'HiconBoldCrop2';
+
+export default HiconBoldCrop2;

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

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Crop 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 crop 3, crop, 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 HiconBoldCrop3Props {
+  /** 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 HiconBoldCrop3 = React.forwardRef<SVGSVGElement, HiconBoldCrop3Props>(
+  ({ 
+    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 || 'Crop 3 icon from Hicon/Bold collection'}
+    >
+      {title && <title>{title}</title>}
+      <path fill="#FAFAFA" d="M4.568 2a.75.75 0 1 0-1.5 0v.818a.25.25 0 0 1-.25.25H2a.75.75 0 0 0 0 1.5h.818a1.75 1.75 0 0 0 1.75-1.75zm16.614 17.432a1.75 1.75 0 0 0-1.75 1.75V22a.75.75 0 0 0 1.5 0v-.818a.25.25 0 0 1 .25-.25H22a.75.75 0 0 0 0-1.5zM10.75 12a1.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="M3.818 10.182V5.11A2.5 2.5 0 0 0 5.11 3.818h5.072c4.714 0 7.07 0 8.535 1.465 1.465 1.464 1.465 3.821 1.465 8.535v5.072a2.5 2.5 0 0 0-1.292 1.292h-5.072c-4.714 0-7.07 0-8.535-1.465-1.465-1.464-1.465-3.821-1.465-8.535M12 9.25a2.75 2.75 0 1 0 0 5.5 2.75 2.75 0 0 0 0-5.5" clip-rule="evenodd"/>
+    </svg>
+  )
+);
+
+HiconBoldCrop3.displayName = 'HiconBoldCrop3';
+
+export default HiconBoldCrop3;

package/dist/react/Hicon/Bold/Cup of Tea.tsx

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Cup Of Tea 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 cup of tea, cup, of, tea, 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 HiconBoldCupOfTeaProps {
+  /** 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 HiconBoldCupOfTea = React.forwardRef<SVGSVGElement, HiconBoldCupOfTeaProps>(
+  ({ 
+    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 || 'Cup Of Tea icon from Hicon/Bold collection'}
+    >
+      {title && <title>{title}</title>}
+      <path fill="#FAFAFA" d="M6.496.33a.75.75 0 0 1 1.006.335l.053.105a2.75 2.75 0 0 1 0 2.46l-.053.106a.75.75 0 1 1-1.342-.671l.053-.106a1.25 1.25 0 0 0 0-1.118l-.053-.105A.75.75 0 0 1 6.496.329m8 .001a.75.75 0 0 1 1.006.335l.053.105a2.75 2.75 0 0 1 0 2.46l-.053.106a.75.75 0 1 1-1.342-.671l.053-.106a1.25 1.25 0 0 0 0-1.118l-.053-.105a.75.75 0 0 1 .336-1.007M11.167.33a.75.75 0 0 1 .335 1.006l-.053.105a1.25 1.25 0 0 0 0 1.118l.053.106a.75.75 0 0 1-1.342.67l-.052-.105a2.75 2.75 0 0 1 0-2.46l.052-.105a.75.75 0 0 1 1.007-.336"/><path fill="#FAFAFA" fill-rule="evenodd" d="M11.002 4.25c1.753 0 2.82 0 3.673.272a5.75 5.75 0 0 1 3.945 4.657c.052.36.054.736.022 1.159a3.751 3.751 0 0 1-1.173 7.395l-.086.52c-.109.653-.176 1.052-.28 1.402a5.75 5.75 0 0 1-4.78 4.049c-.363.046-.768.046-1.43.046h-.123c-.663 0-1.068 0-1.43-.046a5.75 5.75 0 0 1-4.78-4.049c-.105-.35-.172-.75-.28-1.403l-.901-5.405c-.29-1.73-.464-2.782-.337-3.668a5.75 5.75 0 0 1 3.946-4.657c.311-.1.642-.161 1.011-.2V9h-.25a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1H9.5V4.254c.388-.004.825-.004 1.319-.004zm6.715 11.997.114.003a2.25 2.25 0 0 0 .618-4.414c-.055.35-.12.736-.191 1.167z" clip-rule="evenodd"/>
+    </svg>
+  )
+);
+
+HiconBoldCupOfTea.displayName = 'HiconBoldCupOfTea';
+
+export default HiconBoldCupOfTea;

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

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Cup 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 cup, 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 HiconBoldCupProps {
+  /** 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 HiconBoldCup = React.forwardRef<SVGSVGElement, HiconBoldCupProps>(
+  ({ 
+    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 || 'Cup icon from Hicon/Bold collection'}
+    >
+      {title && <title>{title}</title>}
+      <path fill="#FAFAFA" fill-rule="evenodd" d="M9.912 2.25h.34c1.754 0 2.82 0 3.673.271a5.75 5.75 0 0 1 3.946 4.658c.05.35.053.726.021 1.159a3.751 3.751 0 0 1-1.172 7.395l-.086.52c-.11.653-.176 1.052-.281 1.402a5.75 5.75 0 0 1-4.78 4.049c-.362.046-.767.046-1.43.046h-.123c-.662 0-1.067 0-1.43-.046a5.75 5.75 0 0 1-4.78-4.049c-.104-.35-.17-.75-.28-1.403l-.9-5.405c-.29-1.73-.465-2.782-.337-3.668A5.75 5.75 0 0 1 6.238 2.52c.854-.271 1.92-.271 3.674-.271m7.056 11.997.114.003a2.25 2.25 0 0 0 .619-4.414l-.166 1.01zM6.82 9.87a.75.75 0 1 0-1.478.26l1.042 5.91a.75.75 0 0 0 1.477-.261z" clip-rule="evenodd"/>
+    </svg>
+  )
+);
+
+HiconBoldCup.displayName = 'HiconBoldCup';
+
+export default HiconBoldCup;

package/dist/react/Hicon/Bold/Danger Circle.tsx

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Danger Circle 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 danger circle, danger, circle, hicon/bold, status, warning, alert
+ * @tags hicon/bold
+ * @category Hicon/Bold
+ * 
+ * @example
+ * ```tsx
+ * import { ComponentName } from 'icona/react';
+ * 
+ * function MyComponent() {
+ *   return <ComponentName size={24} color="blue" />;
+ * }
+ * ```
+ */
+interface HiconBoldDangerCircleProps {
+  /** 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 HiconBoldDangerCircle = React.forwardRef<SVGSVGElement, HiconBoldDangerCircleProps>(
+  ({ 
+    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 || 'Danger Circle 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 17.523 2 12 6.477 2 12 2s10 4.477 10 10M12 6.25a.75.75 0 0 1 .75.75v6a.75.75 0 0 1-1.5 0V7a.75.75 0 0 1 .75-.75M12 17a1 1 0 1 0 0-2 1 1 0 0 0 0 2" clip-rule="evenodd"/>
+    </svg>
+  )
+);
+
+HiconBoldDangerCircle.displayName = 'HiconBoldDangerCircle';
+
+export default HiconBoldDangerCircle;

package/dist/react/Hicon/Bold/Danger Triangle.tsx

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Danger Triangle 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 danger triangle, danger, triangle, hicon/bold, status, warning, alert
+ * @tags hicon/bold
+ * @category Hicon/Bold
+ * 
+ * @example
+ * ```tsx
+ * import { ComponentName } from 'icona/react';
+ * 
+ * function MyComponent() {
+ *   return <ComponentName size={24} color="blue" />;
+ * }
+ * ```
+ */
+interface HiconBoldDangerTriangleProps {
+  /** 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 HiconBoldDangerTriangle = React.forwardRef<SVGSVGElement, HiconBoldDangerTriangleProps>(
+  ({ 
+    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 || 'Danger Triangle icon from Hicon/Bold collection'}
+    >
+      {title && <title>{title}</title>}
+      <path fill="#FAFAFA" fill-rule="evenodd" d="M5.072 9c2.273-3.938 3.41-5.907 4.894-6.568a5 5 0 0 1 4.068 0c1.484.661 2.62 2.63 4.894 6.568s3.41 5.907 3.24 7.523a5 5 0 0 1-2.033 3.522C18.821 21 16.547 21 12 21s-6.82 0-8.135-.955a5 5 0 0 1-2.034-3.522c-.17-1.616.967-3.585 3.24-7.523M12 6.25a.75.75 0 0 1 .75.75v6a.75.75 0 0 1-1.5 0V7a.75.75 0 0 1 .75-.75M12 17a1 1 0 1 0 0-2 1 1 0 0 0 0 2" clip-rule="evenodd"/>
+    </svg>
+  )
+);
+
+HiconBoldDangerTriangle.displayName = 'HiconBoldDangerTriangle';
+
+export default HiconBoldDangerTriangle;