@developershre/icona 1.0.6 → 2.0.2

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

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Award 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 award 1, award, 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 HiconBoldAward1Props {
+  /** 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 HiconBoldAward1 = React.forwardRef<SVGSVGElement, HiconBoldAward1Props>(
+  ({ 
+    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 || 'Award 1 icon from Hicon/Bold collection'}
+    >
+      {title && <title>{title}</title>}
+      <path fill="#FAFAFA" d="M12.595 5.208a.615.615 0 0 0-1.19 0A2.13 2.13 0 0 1 9.38 6.716c-.29 0-.506.179-.594.459a.67.67 0 0 0 .235.765 2.2 2.2 0 0 1 .765 2.416.67.67 0 0 0 .235.766.57.57 0 0 0 .72 0 2.09 2.09 0 0 1 2.519 0 .57.57 0 0 0 .719 0 .67.67 0 0 0 .235-.766 2.2 2.2 0 0 1 .765-2.416.67.67 0 0 0 .236-.765c-.088-.28-.305-.459-.595-.459a2.13 2.13 0 0 1-2.025-1.508"/><path fill="#FAFAFA" fill-rule="evenodd" d="M3.25 9a8.75 8.75 0 1 1 17.41 1.258A9.26 9.26 0 0 1 12 16.25a9.3 9.3 0 0 1-1.801-.175 9.27 9.27 0 0 1-6.86-5.817Q3.252 9.64 3.25 9m6.725-4.242c.632-2.01 3.418-2.01 4.05 0 .09.287.34.458.595.458 2.109 0 2.872 2.714 1.26 3.924a.7.7 0 0 0-.235.766 2.17 2.17 0 0 1-.766 2.416c-.681.511-1.683.628-2.52 0a.59.59 0 0 0-.718 0c-.837.628-1.838.511-2.52 0a2.17 2.17 0 0 1-.766-2.416.7.7 0 0 0-.235-.766c-1.612-1.21-.849-3.924 1.26-3.924a.63.63 0 0 0 .595-.458" clip-rule="evenodd"/><path fill="#FAFAFA" d="m3.264 13.265-.283.486-1.826 3.163c-.225.39-.434.751-.554 1.05-.118.293-.266.8.062 1.27.331.476.864.504 1.18.488.32-.015.726-.095 1.162-.181l.791-.156c.439-.086.7-.136.892-.15a.7.7 0 0 1 .176.007l.003.001.003.002.012.013a.7.7 0 0 1 .08.136c.086.174.173.424.317.847l.261.763c.144.421.278.813.424 1.098.144.281.435.728 1.013.778.57.049.936-.333 1.13-.582.2-.253.408-.614.633-1.005l1.79-3.099q.16-.276.29-.508-.461-.05-.912-.14a10.75 10.75 0 0 1-6.644-4.28m17.317.21q.07.117.14.243l1.846 3.195c.225.39.434.751.554 1.05.117.293.266.8-.062 1.27-.332.476-.864.504-1.18.488-.32-.015-.726-.095-1.162-.181l-.791-.156c-.44-.086-.7-.136-.893-.15a.7.7 0 0 0-.158.003l-.017.004-.003.001h-.002l-.001.002-.012.013a.7.7 0 0 0-.081.136c-.085.174-.172.424-.317.847l-.26.763c-.144.421-.278.813-.424 1.098-.145.281-.435.728-1.013.778-.57.049-.936-.333-1.13-.582-.2-.253-.408-.614-.633-1.005l-1.79-3.099-.277-.482q.446-.039.881-.111a10.75 10.75 0 0 0 6.785-4.125"/>
+    </svg>
+  )
+);
+
+HiconBoldAward1.displayName = 'HiconBoldAward1';
+
+export default HiconBoldAward1;

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

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Award 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 award 2, award, 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 HiconBoldAward2Props {
+  /** 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 HiconBoldAward2 = React.forwardRef<SVGSVGElement, HiconBoldAward2Props>(
+  ({ 
+    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 || 'Award 2 icon from Hicon/Bold collection'}
+    >
+      {title && <title>{title}</title>}
+      <path fill="#FAFAFA" d="M12 .25a8.75 8.75 0 0 0-8.66 10.008q.162.433.366.843a9.27 9.27 0 0 0 6.493 4.974 9.3 9.3 0 0 0 3.348.046 9.26 9.26 0 0 0 7.113-5.863q.09-.615.09-1.258A8.75 8.75 0 0 0 12 .25m8.581 13.226a10.75 10.75 0 0 1-7.666 4.236l.277.482 1.79 3.1c.225.39.433.75.632 1.004.195.249.56.63 1.13.582.579-.05.87-.497 1.014-.778.146-.285.28-.677.423-1.098l.261-.763c.145-.423.232-.673.317-.847a.7.7 0 0 1 .093-.15h.001l.002-.001.003-.001.017-.004a.7.7 0 0 1 .158-.002c.194.013.454.063.892.15l.792.155c.436.086.842.166 1.162.181.316.016.848-.012 1.18-.488.328-.47.18-.977.062-1.27-.12-.299-.329-.66-.554-1.05l-1.845-3.195zm-9.761 4.21q-.461-.05-.912-.14a10.75 10.75 0 0 1-6.644-4.28q-.133.225-.283.485l-1.826 3.163c-.225.39-.434.751-.554 1.05-.118.293-.266.8.062 1.27.331.476.864.504 1.18.488.32-.015.725-.095 1.162-.181l.791-.156c.439-.086.7-.136.892-.15a.7.7 0 0 1 .176.007l.003.001.003.002.012.013a.7.7 0 0 1 .08.136c.086.174.173.424.317.847l.261.763c.144.421.278.813.424 1.098.144.281.435.728 1.013.778.57.049.936-.333 1.13-.582.2-.253.408-.614.633-1.005l1.79-3.099q.16-.276.29-.508"/>
+    </svg>
+  )
+);
+
+HiconBoldAward2.displayName = 'HiconBoldAward2';
+
+export default HiconBoldAward2;

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

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Award 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 award 3, award, 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 HiconBoldAward3Props {
+  /** 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 HiconBoldAward3 = React.forwardRef<SVGSVGElement, HiconBoldAward3Props>(
+  ({ 
+    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 || 'Award 3 icon from Hicon/Bold collection'}
+    >
+      {title && <title>{title}</title>}
+      <path fill="#FAFAFA" d="M19.5 8.5a7.5 7.5 0 1 1-15 0 7.5 7.5 0 0 1 15 0"/><path fill="#FAFAFA" d="M18 15.208a8.97 8.97 0 0 1-6 2.292 8.97 8.97 0 0 1-6-2.292v4.67c0 1.565 0 2.347.499 2.57s1.11-.286 2.33-1.304l.94-.782c1.065-.888 1.597-1.331 2.231-1.331s1.166.443 2.231 1.33l.94.783c1.22 1.018 1.831 1.527 2.33 1.304s.499-1.005.499-2.57z"/>
+    </svg>
+  )
+);
+
+HiconBoldAward3.displayName = 'HiconBoldAward3';
+
+export default HiconBoldAward3;

package/dist/react/Hicon/Bold/Award 4.tsx

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Award 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 award 4, award, 4, hicon/bold
+ * @tags hicon/bold
+ * @category Hicon/Bold
+ * 
+ * @example
+ * ```tsx
+ * import { ComponentName } from 'icona/react';
+ * 
+ * function MyComponent() {
+ *   return <ComponentName size={24} color="blue" />;
+ * }
+ * ```
+ */
+interface HiconBoldAward4Props {
+  /** 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 HiconBoldAward4 = React.forwardRef<SVGSVGElement, HiconBoldAward4Props>(
+  ({ 
+    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 || 'Award 4 icon from Hicon/Bold collection'}
+    >
+      {title && <title>{title}</title>}
+      <path fill="#FAFAFA" d="M9.38 6.716a2.13 2.13 0 0 0 2.025-1.508.615.615 0 0 1 1.19 0 2.13 2.13 0 0 0 2.025 1.508c.29 0 .507.179.595.459a.67.67 0 0 1-.236.765 2.2 2.2 0 0 0-.765 2.416.67.67 0 0 1-.235.766.57.57 0 0 1-.72 0 2.09 2.09 0 0 0-2.519 0 .57.57 0 0 1-.719 0 .67.67 0 0 1-.235-.766 2.2 2.2 0 0 0-.765-2.416.67.67 0 0 1-.236-.765c.089-.28.305-.459.595-.459"/><path fill="#FAFAFA" fill-rule="evenodd" d="M12 16a7.5 7.5 0 1 0 0-15 7.5 7.5 0 0 0 0 15m2.025-11.242c-.632-2.01-3.418-2.01-4.05 0a.63.63 0 0 1-.595.458c-2.109 0-2.872 2.714-1.26 3.924a.7.7 0 0 1 .235.766c-.31.985.088 1.907.766 2.416.682.511 1.683.628 2.52 0a.59.59 0 0 1 .718 0c.837.628 1.838.511 2.52 0a2.17 2.17 0 0 0 .766-2.416.7.7 0 0 1 .235-.766c1.612-1.21.849-3.924-1.26-3.924a.63.63 0 0 1-.595-.458" clip-rule="evenodd"/><path fill="#FAFAFA" d="M12 17.5a8.97 8.97 0 0 0 6-2.292v4.67c0 1.565 0 2.347-.499 2.57s-1.11-.286-2.33-1.304l-.94-.782c-1.065-.888-1.597-1.331-2.231-1.331s-1.166.443-2.231 1.33l-.94.783c-1.22 1.018-1.831 1.527-2.33 1.304S6 21.443 6 19.878v-4.67a8.97 8.97 0 0 0 6 2.292"/>
+    </svg>
+  )
+);
+
+HiconBoldAward4.displayName = 'HiconBoldAward4';
+
+export default HiconBoldAward4;

package/dist/react/Hicon/Bold/Award 5.tsx

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Award 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 award 5, award, 5, hicon/bold
+ * @tags hicon/bold
+ * @category Hicon/Bold
+ * 
+ * @example
+ * ```tsx
+ * import { ComponentName } from 'icona/react';
+ * 
+ * function MyComponent() {
+ *   return <ComponentName size={24} color="blue" />;
+ * }
+ * ```
+ */
+interface HiconBoldAward5Props {
+  /** 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 HiconBoldAward5 = React.forwardRef<SVGSVGElement, HiconBoldAward5Props>(
+  ({ 
+    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 || 'Award 5 icon from Hicon/Bold collection'}
+    >
+      {title && <title>{title}</title>}
+      <path fill="#FAFAFA" fill-rule="evenodd" d="M11.838 1.25c-1.706 0-2.747 0-3.615.281a5.75 5.75 0 0 0-3.691 3.692l-.01.027h-.291c-3.706 0-5.297 4.702-2.354 6.953l.01.008 2.468 1.75q.134.096.277.175l.034.086A6.4 6.4 0 0 0 5.9 16.106c.782.795 1.59 1.148 2.882 1.71l.086.038c.556.243 1.119.463 1.641.623a8 8 0 0 0 .741.19v2.583H8a.75.75 0 0 0 0 1.5h8a.75.75 0 0 0 0-1.5h-3.25v-2.582a8 8 0 0 0 .741-.19 16 16 0 0 0 1.641-.624l.086-.037c1.292-.563 2.1-.916 2.882-1.71a6.4 6.4 0 0 0 1.267-1.968q.146-.084.284-.181l2.462-1.747.01-.008c2.944-2.25 1.352-6.953-2.354-6.953h-.292l-.008-.027a5.75 5.75 0 0 0-3.692-3.692c-.868-.281-1.909-.281-3.615-.281zm-7.607 5.5h.052c-.033.585-.033 1.287-.033 2.166v1.5c0 .625 0 1.164.02 1.646l-1.492-1.058C.988 9.62 1.964 6.75 4.231 6.75m16.991 4.254-1.492 1.058c.02-.482.02-1.02.02-1.645V8.916c0-.88 0-1.58-.033-2.166h.053c2.266 0 3.243 2.871 1.452 4.254" clip-rule="evenodd"/>
+    </svg>
+  )
+);
+
+HiconBoldAward5.displayName = 'HiconBoldAward5';
+
+export default HiconBoldAward5;

package/dist/react/Hicon/Bold/Award 6.tsx

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Award 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 award 6, award, 6, hicon/bold
+ * @tags hicon/bold
+ * @category Hicon/Bold
+ * 
+ * @example
+ * ```tsx
+ * import { ComponentName } from 'icona/react';
+ * 
+ * function MyComponent() {
+ *   return <ComponentName size={24} color="blue" />;
+ * }
+ * ```
+ */
+interface HiconBoldAward6Props {
+  /** 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 HiconBoldAward6 = React.forwardRef<SVGSVGElement, HiconBoldAward6Props>(
+  ({ 
+    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 || 'Award 6 icon from Hicon/Bold collection'}
+    >
+      {title && <title>{title}</title>}
+      <path fill="#FAFAFA" d="M11.733 7.962c.089-.283.445-.283.534 0 .233.74.91 1.263 1.698 1.263.077 0 .126.023.163.052a.33.33 0 0 1 .104.16c.046.146.006.281-.11.368a1.84 1.84 0 0 0-.64 2.018.317.317 0 0 1-.265.427.25.25 0 0 1-.16-.059 1.76 1.76 0 0 0-2.114 0 .25.25 0 0 1-.16.059.317.317 0 0 1-.264-.427 1.84 1.84 0 0 0-.641-2.018c-.116-.087-.156-.222-.11-.368a.33.33 0 0 1 .104-.16.25.25 0 0 1 .163-.052c.788 0 1.465-.523 1.698-1.263"/><path fill="#FAFAFA" fill-rule="evenodd" d="M8.223 1.531c.868-.281 1.909-.281 3.615-.281h.324c1.706 0 2.747 0 3.615.281a5.75 5.75 0 0 1 3.692 3.692l.008.027h.293c3.705 0 5.297 4.702 2.353 6.953l-.01.008-2.462 1.747a3 3 0 0 1-.284.18l-.033.084a6.4 6.4 0 0 1-1.234 1.884c-.781.795-1.59 1.148-2.882 1.71l-.086.038c-.556.243-1.119.463-1.641.623a8 8 0 0 1-.74.19v2.583H16a.75.75 0 0 1 0 1.5H8a.75.75 0 0 1 0-1.5h3.25v-2.582a8 8 0 0 1-.742-.19 16 16 0 0 1-1.641-.624l-.086-.037c-1.292-.563-2.1-.916-2.882-1.71a6.4 6.4 0 0 1-1.268-1.97 3 3 0 0 1-.277-.176l-2.467-1.75-.01-.008C-1.067 9.953.524 5.25 4.23 5.25h.292l.009-.027a5.75 5.75 0 0 1 3.691-3.692M4.283 6.75h-.052c-2.267 0-3.243 2.871-1.453 4.254l1.492 1.058c-.02-.482-.02-1.02-.02-1.646v-1.5c0-.88 0-1.58.033-2.166m15.447 5.312 1.492-1.058c1.79-1.383.814-4.254-1.453-4.254h-.052c.033.585.033 1.287.033 2.166v1.5c0 .626 0 1.164-.02 1.646m-6.032-4.55c-.53-1.683-2.867-1.683-3.396 0a.29.29 0 0 1-.267.213c-1.775 0-2.4 2.273-1.057 3.28a.34.34 0 0 1 .11.368 1.82 1.82 0 0 0 .64 2.018c.57.428 1.413.527 2.115 0a.26.26 0 0 1 .314 0 1.74 1.74 0 0 0 2.115 0 1.82 1.82 0 0 0 .64-2.018.34.34 0 0 1 .11-.368c1.343-1.007.719-3.28-1.057-3.28a.29.29 0 0 1-.267-.213" clip-rule="evenodd"/>
+    </svg>
+  )
+);
+
+HiconBoldAward6.displayName = 'HiconBoldAward6';
+
+export default HiconBoldAward6;

package/dist/react/Hicon/Bold/Backward 10 Seconds.tsx

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Backward 10 Seconds 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 backward 10 seconds, backward, 10, seconds, hicon/bold, navigation, direction, arrow
+ * @tags hicon/bold
+ * @category Hicon/Bold
+ * 
+ * @example
+ * ```tsx
+ * import { ComponentName } from 'icona/react';
+ * 
+ * function MyComponent() {
+ *   return <ComponentName size={24} color="blue" />;
+ * }
+ * ```
+ */
+interface HiconBoldBackward10SecondsProps {
+  /** 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 HiconBoldBackward10Seconds = React.forwardRef<SVGSVGElement, HiconBoldBackward10SecondsProps>(
+  ({ 
+    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 || 'Backward 10 Seconds icon from Hicon/Bold collection'}
+    >
+      {title && <title>{title}</title>}
+      <path fill="#FAFAFA" d="M9 16.75a.75.75 0 0 1-.75-.75v-5.19l-.72.72a.75.75 0 0 1-1.06-1.06l1-1c.841-.842 2.28-.246 2.28.944V16a.75.75 0 0 1-.75.75"/><path fill="#FAFAFA" fill-rule="evenodd" d="M15 9.25A2.75 2.75 0 0 0 12.25 12v2a2.75 2.75 0 1 0 5.5 0v-2A2.75 2.75 0 0 0 15 9.25M13.75 12a1.25 1.25 0 1 1 2.5 0v2a1.25 1.25 0 1 1-2.5 0z" clip-rule="evenodd"/><path fill="#FAFAFA" d="M2.513.997a.75.75 0 0 1 1.5.006l-.01 1.986C4 3.8 4 4.342 4.044 4.754l.003.015c.456-.502.96-.96 1.503-1.369A10.7 10.7 0 0 1 12 1.25c5.937 0 10.75 4.813 10.75 10.75S17.937 22.75 12 22.75 1.25 17.937 1.25 12a.75.75 0 0 1 1.5 0A9.25 9.25 0 1 0 12 2.75 9.2 9.2 0 0 0 6.45 4.6q-.752.564-1.373 1.265l.089.01c.411.046.955.044 1.764.04l1.986-.008a.75.75 0 0 1 .007 1.5l-2.03.009c-.754.003-1.384.006-1.89-.05-.53-.057-1.02-.187-1.445-.516a2.7 2.7 0 0 1-.489-.488c-.329-.425-.458-.915-.516-1.446-.056-.506-.053-1.135-.05-1.89z"/>
+    </svg>
+  )
+);
+
+HiconBoldBackward10Seconds.displayName = 'HiconBoldBackward10Seconds';
+
+export default HiconBoldBackward10Seconds;

package/dist/react/Hicon/Bold/Backward 5 Seconds.tsx

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Backward 5 Seconds 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 backward 5 seconds, backward, 5, seconds, hicon/bold, navigation, direction, arrow
+ * @tags hicon/bold
+ * @category Hicon/Bold
+ * 
+ * @example
+ * ```tsx
+ * import { ComponentName } from 'icona/react';
+ * 
+ * function MyComponent() {
+ *   return <ComponentName size={24} color="blue" />;
+ * }
+ * ```
+ */
+interface HiconBoldBackward5SecondsProps {
+  /** 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 HiconBoldBackward5Seconds = React.forwardRef<SVGSVGElement, HiconBoldBackward5SecondsProps>(
+  ({ 
+    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 || 'Backward 5 Seconds icon from Hicon/Bold collection'}
+    >
+      {title && <title>{title}</title>}
+      <path fill="#FAFAFA" fill-rule="evenodd" d="M8.25 11A2.75 2.75 0 0 1 11 8.25h3.76a.75.75 0 0 1 0 1.5H11c-.69 0-1.25.56-1.25 1.25v1c0 .138.112.25.25.25h4c.966 0 1.75.784 1.75 1.75v1A2.75 2.75 0 0 1 13 17.75H9a.75.75 0 0 1 0-1.5h4c.69 0 1.25-.56 1.25-1.25v-1a.25.25 0 0 0-.25-.25h-4A1.75 1.75 0 0 1 8.25 12z" clip-rule="evenodd"/><path fill="#FAFAFA" d="M2.513.997a.75.75 0 0 1 1.5.006l-.01 1.986C4 3.8 4 4.342 4.044 4.754l.003.015c.456-.502.96-.96 1.503-1.369A10.7 10.7 0 0 1 12 1.25c5.937 0 10.75 4.813 10.75 10.75S17.937 22.75 12 22.75 1.25 17.937 1.25 12a.75.75 0 0 1 1.5 0A9.25 9.25 0 1 0 12 2.75 9.2 9.2 0 0 0 6.45 4.6q-.752.564-1.373 1.265l.089.01c.411.046.955.044 1.764.04l1.986-.008a.75.75 0 0 1 .007 1.5l-2.03.009c-.754.003-1.384.006-1.89-.05-.53-.057-1.02-.187-1.445-.516a2.7 2.7 0 0 1-.489-.488c-.329-.425-.458-.915-.516-1.446-.056-.506-.053-1.135-.05-1.89z"/>
+    </svg>
+  )
+);
+
+HiconBoldBackward5Seconds.displayName = 'HiconBoldBackward5Seconds';
+
+export default HiconBoldBackward5Seconds;

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

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Backward 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 backward, hicon/bold, navigation, direction, arrow
+ * @tags hicon/bold
+ * @category Hicon/Bold
+ * 
+ * @example
+ * ```tsx
+ * import { ComponentName } from 'icona/react';
+ * 
+ * function MyComponent() {
+ *   return <ComponentName size={24} color="blue" />;
+ * }
+ * ```
+ */
+interface HiconBoldBackwardProps {
+  /** 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 HiconBoldBackward = React.forwardRef<SVGSVGElement, HiconBoldBackwardProps>(
+  ({ 
+    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 || 'Backward icon from Hicon/Bold collection'}
+    >
+      {title && <title>{title}</title>}
+      <path fill="#FAFAFA" d="M12.678 8.822q.015.159.025.328.144-.113.3-.224c.645-.465 1.525-.981 2.636-1.634l.068-.04c1.11-.653 1.99-1.17 2.709-1.506.722-.34 1.395-.554 2.072-.482 1.031.11 1.964.66 2.57 1.508.395.553.547 1.247.62 2.05.072.8.072 1.833.072 3.139v.078c0 1.306 0 2.338-.072 3.139-.073.803-.225 1.496-.62 2.05a3.63 3.63 0 0 1-2.57 1.508c-.677.072-1.35-.143-2.072-.482-.719-.337-1.598-.853-2.709-1.506l-.069-.04c-1.11-.653-1.99-1.17-2.636-1.634a9 9 0 0 1-.3-.224q-.01.17-.024.328c-.073.803-.225 1.496-.62 2.05a3.63 3.63 0 0 1-2.57 1.508c-.677.072-1.35-.143-2.072-.482-.719-.337-1.598-.853-2.709-1.506l-.068-.04c-1.111-.653-1.99-1.17-2.637-1.634-.65-.467-1.165-.95-1.439-1.575a3.74 3.74 0 0 1 0-2.998c.274-.625.789-1.108 1.44-1.575.645-.465 1.525-.981 2.636-1.634l.068-.04c1.11-.653 1.99-1.17 2.709-1.506.722-.34 1.395-.554 2.072-.482 1.031.11 1.964.66 2.57 1.508.395.553.547 1.247.62 2.05"/>
+    </svg>
+  )
+);
+
+HiconBoldBackward.displayName = 'HiconBoldBackward';
+
+export default HiconBoldBackward;