@developershre/icona 1.0.6 → 2.0.0

package/dist/react/Hicon/Linear/Discount Square.tsx

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Discount Square icon from Hicon/Linear 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 discount square, discount, square, hicon/linear
+ * @tags hicon/linear
+ * @category Hicon/Linear
+ * 
+ * @example
+ * ```tsx
+ * import { ComponentName } from 'icona/react';
+ * 
+ * function MyComponent() {
+ *   return <ComponentName size={24} color="blue" />;
+ * }
+ * ```
+ */
+interface HiconLinearDiscountSquareProps {
+  /** 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 HiconLinearDiscountSquare = React.forwardRef<SVGSVGElement, HiconLinearDiscountSquareProps>(
+  ({ 
+    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 || 'Discount Square icon from Hicon/Linear collection'}
+    >
+      {title && <title>{title}</title>}
+      <path fill="#2D264B" d="M8 9a1 1 0 1 0 2 0 1 1 0 0 0-2 0m6 6a1 1 0 1 0 2 0 1 1 0 0 0-2 0m-5.53-.53a.75.75 0 1 0 1.06 1.06zm6.717-4.597a.75.75 0 1 0-1.06-1.06zM5.061 20.045l.44-.607zM3.955 18.94l.607-.44zm16.09 0-.607-.44zm-1.106 1.106-.44-.607zm0-16.09-.44.607zm1.106 1.106-.607.44zM5.061 3.955l.44.607zM3.955 5.06l.607.44zM9.53 15.53l5.657-5.658-1.06-1.06L8.47 14.47zM12 20.25c-1.892 0-3.25-.001-4.302-.115-1.038-.113-1.688-.328-2.196-.697l-.882 1.214c.807.586 1.75.848 2.916.974 1.152.125 2.606.124 4.464.124zM2.25 12c0 1.858-.001 3.312.124 4.464.126 1.165.388 2.11.974 2.916l1.214-.882c-.37-.508-.585-1.158-.697-2.196-.114-1.052-.115-2.41-.115-4.302zm3.252 7.438a4.3 4.3 0 0 1-.94-.94l-1.214.882a5.8 5.8 0 0 0 1.272 1.272zM20.25 12c0 1.892-.001 3.25-.115 4.302-.113 1.038-.328 1.688-.697 2.196l1.214.882c.586-.807.848-1.75.974-2.916.125-1.152.124-2.606.124-4.464zM12 21.75c1.858 0 3.312.001 4.464-.124 1.165-.126 2.11-.388 2.916-.974l-.882-1.214c-.508.37-1.158.585-2.196.697-1.052.114-2.41.115-4.302.115zm7.438-3.252c-.262.36-.58.678-.94.94l.882 1.214a5.8 5.8 0 0 0 1.272-1.272zM12 3.75c1.892 0 3.25.001 4.302.115 1.038.112 1.688.328 2.196.697l.882-1.214c-.807-.586-1.75-.848-2.916-.974-1.152-.125-2.606-.124-4.464-.124zM21.75 12c0-1.858.001-3.312-.124-4.464-.126-1.165-.388-2.11-.974-2.916l-1.214.882c.37.508.585 1.158.697 2.196.114 1.052.115 2.41.115 4.302zm-3.252-7.438c.36.262.678.58.94.94l1.214-.882a5.8 5.8 0 0 0-1.272-1.272zM12 2.25c-1.858 0-3.312-.001-4.464.124-1.165.126-2.11.388-2.916.974l.882 1.214c.508-.37 1.158-.585 2.196-.697C8.75 3.751 10.108 3.75 12 3.75zM3.75 12c0-1.892.001-3.25.115-4.302.112-1.038.328-1.688.697-2.196L3.348 4.62c-.586.807-.848 1.75-.974 2.916C2.249 8.688 2.25 10.142 2.25 12zm.87-8.652A5.8 5.8 0 0 0 3.348 4.62l1.214.882c.262-.36.58-.678.94-.94z"/>
+    </svg>
+  )
+);
+
+HiconLinearDiscountSquare.displayName = 'HiconLinearDiscountSquare';
+
+export default HiconLinearDiscountSquare;

package/dist/react/Hicon/Linear/Discovery 1.tsx

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Discovery 1 icon from Hicon/Linear 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 discovery 1, discovery, 1, hicon/linear
+ * @tags hicon/linear
+ * @category Hicon/Linear
+ * 
+ * @example
+ * ```tsx
+ * import { ComponentName } from 'icona/react';
+ * 
+ * function MyComponent() {
+ *   return <ComponentName size={24} color="blue" />;
+ * }
+ * ```
+ */
+interface HiconLinearDiscovery1Props {
+  /** 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 HiconLinearDiscovery1 = React.forwardRef<SVGSVGElement, HiconLinearDiscovery1Props>(
+  ({ 
+    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 || 'Discovery 1 icon from Hicon/Linear collection'}
+    >
+      {title && <title>{title}</title>}
+      <path stroke="#2D264B" stroke-width="1.5" d="M20.25 7.237c1.274 2.206 1.91 3.309 1.97 4.515q.014.247 0 .496c-.06 1.206-.696 2.309-1.97 4.515s-1.91 3.31-2.925 3.964q-.209.134-.43.248c-1.074.551-2.348.551-4.895.551s-3.821 0-4.896-.551a5 5 0 0 1-.429-.248c-1.015-.655-1.651-1.758-2.925-3.964s-1.91-3.309-1.97-4.515a5 5 0 0 1 0-.496c.06-1.206.696-2.31 1.97-4.515 1.274-2.206 1.91-3.31 2.925-3.964q.208-.135.43-.248c1.074-.551 2.348-.551 4.895-.551s3.82 0 4.895.55a5 5 0 0 1 .43.249c1.015.655 1.651 1.758 2.925 3.964Z"/><path stroke="#2D264B" stroke-width="1.5" d="M10.016 11.104a2 2 0 0 1 1.088-1.088l2.677-1.102c.822-.339 1.644.483 1.305 1.305l-1.102 2.677a2 2 0 0 1-1.088 1.088l-2.677 1.102c-.822.339-1.644-.483-1.305-1.305z"/>
+    </svg>
+  )
+);
+
+HiconLinearDiscovery1.displayName = 'HiconLinearDiscovery1';
+
+export default HiconLinearDiscovery1;

package/dist/react/Hicon/Linear/Discovery 2.tsx

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Discovery 2 icon from Hicon/Linear 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 discovery 2, discovery, 2, hicon/linear
+ * @tags hicon/linear
+ * @category Hicon/Linear
+ * 
+ * @example
+ * ```tsx
+ * import { ComponentName } from 'icona/react';
+ * 
+ * function MyComponent() {
+ *   return <ComponentName size={24} color="blue" />;
+ * }
+ * ```
+ */
+interface HiconLinearDiscovery2Props {
+  /** 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 HiconLinearDiscovery2 = React.forwardRef<SVGSVGElement, HiconLinearDiscovery2Props>(
+  ({ 
+    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 || 'Discovery 2 icon from Hicon/Linear collection'}
+    >
+      {title && <title>{title}</title>}
+      <path stroke="#2D264B" stroke-width="1.5" d="M7.237 3.75c2.206-1.274 3.309-1.91 4.515-1.97q.247-.013.496 0c1.206.06 2.31.696 4.515 1.97 2.206 1.274 3.31 1.91 3.964 2.925q.135.208.248.43c.551 1.074.551 2.348.551 4.895s0 3.82-.55 4.895a5 5 0 0 1-.249.43c-.655 1.015-1.758 1.651-3.964 2.925s-3.309 1.91-4.515 1.97q-.247.014-.496 0c-1.206-.06-2.309-.696-4.515-1.97s-3.309-1.91-3.964-2.925a5 5 0 0 1-.248-.43c-.551-1.074-.551-2.348-.551-4.895s0-3.821.551-4.896q.114-.22.248-.429C3.928 5.66 5.031 5.024 7.237 3.75Z"/><path stroke="#2D264B" stroke-width="1.5" d="M10.016 11.104a2 2 0 0 1 1.088-1.088l2.677-1.102c.822-.339 1.644.483 1.305 1.305l-1.102 2.677a2 2 0 0 1-1.088 1.088l-2.677 1.102c-.822.339-1.644-.483-1.305-1.305z"/>
+    </svg>
+  )
+);
+
+HiconLinearDiscovery2.displayName = 'HiconLinearDiscovery2';
+
+export default HiconLinearDiscovery2;

package/dist/react/Hicon/Linear/Dislike.tsx

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Dislike icon from Hicon/Linear 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 dislike, hicon/linear
+ * @tags hicon/linear, social
+ * @category Hicon/Linear
+ * 
+ * @example
+ * ```tsx
+ * import { ComponentName } from 'icona/react';
+ * 
+ * function MyComponent() {
+ *   return <ComponentName size={24} color="blue" />;
+ * }
+ * ```
+ */
+interface HiconLinearDislikeProps {
+  /** 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 HiconLinearDislike = React.forwardRef<SVGSVGElement, HiconLinearDislikeProps>(
+  ({ 
+    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 || 'Dislike icon from Hicon/Linear collection'}
+    >
+      {title && <title>{title}</title>}
+      <path stroke="#2D264B" stroke-width="1.5" d="M3 14.5a2.5 2.5 0 0 0 5 0v-8a2.5 2.5 0 0 0-5 0zm8.575 5.31-2.23-3.625c-.599-.973-.898-1.46-1.08-1.992a5 5 0 0 1-.14-.496C8 13.147 8 12.577 8 11.434V8a4 4 0 0 1 4-4h2.91a5 5 0 0 1 4.472 2.764L20.53 9.06c1.135 2.27-.515 4.939-3.052 4.939h-.69A2.82 2.82 0 0 0 14 17.25l.243 1.58a1.45 1.45 0 0 1-2.668.98Z"/>
+    </svg>
+  )
+);
+
+HiconLinearDislike.displayName = 'HiconLinearDislike';
+
+export default HiconLinearDislike;

package/dist/react/Hicon/Linear/Display 1.tsx

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Display 1 icon from Hicon/Linear 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 display 1, display, 1, hicon/linear, media, player, control
+ * @tags hicon/linear, media
+ * @category Hicon/Linear
+ * 
+ * @example
+ * ```tsx
+ * import { ComponentName } from 'icona/react';
+ * 
+ * function MyComponent() {
+ *   return <ComponentName size={24} color="blue" />;
+ * }
+ * ```
+ */
+interface HiconLinearDisplay1Props {
+  /** 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 HiconLinearDisplay1 = React.forwardRef<SVGSVGElement, HiconLinearDisplay1Props>(
+  ({ 
+    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 || 'Display 1 icon from Hicon/Linear collection'}
+    >
+      {title && <title>{title}</title>}
+      <path fill="#2D264B" d="m3.73 18.455.34-.668zM1.545 16.27l.668-.34zm20.91 0-.668-.34zm-2.185 2.185-.34-.668zm0-14.91-.34.668zm2.185 2.185-.668.34zM3.73 3.545l.34.668zM1.545 5.73l.668.34zm6.273 16.542a.75.75 0 0 0 .364 1.456zm1.757.334-.182-.727zm4.85 0 .182-.727zm1.393 1.122a.75.75 0 0 0 .364-1.456zM12.75 19a.75.75 0 0 0-1.5 0zM12 15.25a.75.75 0 0 0 0 1.5zm6 1.5a.75.75 0 0 0 0-1.5zm-6 5.558v.75zM9 3.75h6v-1.5H9zm6 14.5H9v1.5h6zm-6 0c-1.413 0-2.427 0-3.223-.066-.787-.064-1.295-.188-1.706-.397l-.681 1.336c.658.336 1.385.485 2.265.556.871.072 1.957.071 3.345.071zM.25 11c0 1.388 0 2.474.07 3.345.073.88.221 1.607.557 2.265l1.336-.68c-.21-.412-.333-.92-.397-1.707-.065-.796-.066-1.81-.066-3.223zm3.82 6.787a4.25 4.25 0 0 1-1.857-1.857l-1.336.68a5.75 5.75 0 0 0 2.513 2.513zM22.25 11c0 1.412 0 2.427-.066 3.223-.064.787-.188 1.295-.397 1.707l1.336.68c.336-.658.485-1.385.556-2.265.072-.871.071-1.957.071-3.345zM15 19.75c1.388 0 2.474 0 3.345-.07.88-.072 1.607-.221 2.265-.557l-.68-1.336c-.412.21-.92.333-1.707.397-.796.065-1.81.066-3.223.066zm6.787-3.82a4.25 4.25 0 0 1-1.857 1.857l.68 1.336a5.75 5.75 0 0 0 2.513-2.513zM15 3.75c1.413 0 2.427 0 3.223.066.787.064 1.295.188 1.707.397l.68-1.336c-.658-.336-1.385-.484-2.265-.556-.871-.072-1.957-.071-3.345-.071zM23.75 11c0-1.388 0-2.474-.07-3.345-.072-.88-.221-1.607-.557-2.265l-1.336.68c.21.412.333.92.397 1.707.065.796.066 1.81.066 3.223zm-3.82-6.787a4.25 4.25 0 0 1 1.857 1.858l1.336-.681a5.75 5.75 0 0 0-2.513-2.513zM9 2.25c-1.388 0-2.474 0-3.345.07-.88.073-1.607.221-2.265.557l.68 1.336c.412-.21.92-.333 1.707-.397C6.573 3.75 7.587 3.75 9 3.75zM1.75 11c0-1.413 0-2.427.066-3.223.064-.787.188-1.295.397-1.706L.877 5.39C.54 6.048.393 6.775.32 7.655.249 8.526.25 9.612.25 11zm1.64-8.123A5.75 5.75 0 0 0 .877 5.39l1.336.68a4.25 4.25 0 0 1 1.858-1.857zm4.792 20.85 1.575-.393-.364-1.455-1.575.393zm6.061-.393 1.575.394.364-1.456-1.575-.393zM12.75 22v-3h-1.5v3zM12 16.75h6v-1.5h-6zm-2.243 6.584A9.3 9.3 0 0 1 12 23.058v-1.5c-.876 0-1.751.107-2.607.32zM12 23.058c.754 0 1.507.092 2.243.276l.364-1.455A10.8 10.8 0 0 0 12 21.558zM11.25 22v.308h1.5V22zM8 16a1 1 0 1 1-2 0 1 1 0 0 1 2 0"/>
+    </svg>
+  )
+);
+
+HiconLinearDisplay1.displayName = 'HiconLinearDisplay1';
+
+export default HiconLinearDisplay1;

package/dist/react/Hicon/Linear/Display 2.tsx

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Display 2 icon from Hicon/Linear 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 display 2, display, 2, hicon/linear, media, player, control
+ * @tags hicon/linear, media
+ * @category Hicon/Linear
+ * 
+ * @example
+ * ```tsx
+ * import { ComponentName } from 'icona/react';
+ * 
+ * function MyComponent() {
+ *   return <ComponentName size={24} color="blue" />;
+ * }
+ * ```
+ */
+interface HiconLinearDisplay2Props {
+  /** 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 HiconLinearDisplay2 = React.forwardRef<SVGSVGElement, HiconLinearDisplay2Props>(
+  ({ 
+    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 || 'Display 2 icon from Hicon/Linear collection'}
+    >
+      {title && <title>{title}</title>}
+      <g clip-path="url(#a)"><path fill="#2D264B" d="m18.47 18.382.102-.743zm-12.94 0-.102-.743zM4.043 2.447l.135.738zm15.914 0-.135.738zM7.817 22.272a.75.75 0 0 0 .364 1.456zm1.757.334-.182-.727zm4.85 0 .182-.727zm1.393 1.122a.75.75 0 0 0 .364-1.456zM12 22.308v.75zM22.25 6.093v8.335h1.5V6.093zm-20.5 8.335V6.093H.25v8.335zM4.178 3.185a43.7 43.7 0 0 1 15.644 0l.269-1.476a45.2 45.2 0 0 0-16.182 0zM.25 14.428a4.74 4.74 0 0 0 5.381 4.697l-.203-1.486a3.24 3.24 0 0 1-3.678-3.21zm22 0a3.24 3.24 0 0 1-3.678 3.211l-.203 1.486a4.74 4.74 0 0 0 5.381-4.697zm1.5-8.335a4.456 4.456 0 0 0-3.66-4.384l-.268 1.476a2.956 2.956 0 0 1 2.428 2.908zm-22 0a2.96 2.96 0 0 1 2.428-2.908l-.269-1.476A4.46 4.46 0 0 0 .25 6.093zm6.432 17.635 1.575-.394-.364-1.455-1.575.393zm6.061-.394 1.575.394.364-1.456-1.575-.393zM12.75 22v-3h-1.5v3zm5.822-4.36A49 49 0 0 0 12 17.192v1.5c2.128 0 4.256.144 6.369.432zM12 17.192a49 49 0 0 0-6.572.446l.203 1.486a47 47 0 0 1 6.369-.43zM12.75 19v-1.057h-1.5V19zm-2.993 4.334A9.3 9.3 0 0 1 12 23.058v-1.5c-.876 0-1.751.107-2.607.32zM12 23.058c.754 0 1.507.092 2.243.276l.364-1.455A10.8 10.8 0 0 0 12 21.558zM11.25 22v.308h1.5V22z"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs>
+    </svg>
+  )
+);
+
+HiconLinearDisplay2.displayName = 'HiconLinearDisplay2';
+
+export default HiconLinearDisplay2;

package/dist/react/Hicon/Linear/Display 3.tsx

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Display 3 icon from Hicon/Linear 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 display 3, display, 3, hicon/linear, media, player, control
+ * @tags hicon/linear, media
+ * @category Hicon/Linear
+ * 
+ * @example
+ * ```tsx
+ * import { ComponentName } from 'icona/react';
+ * 
+ * function MyComponent() {
+ *   return <ComponentName size={24} color="blue" />;
+ * }
+ * ```
+ */
+interface HiconLinearDisplay3Props {
+  /** 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 HiconLinearDisplay3 = React.forwardRef<SVGSVGElement, HiconLinearDisplay3Props>(
+  ({ 
+    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 || 'Display 3 icon from Hicon/Linear collection'}
+    >
+      {title && <title>{title}</title>}
+      <path fill="#2D264B" d="m18.688 3.463.316-.68zm2.139 1.888.636-.397zm-17.654 0-.636-.397zm2.139-1.888-.316-.68zM4.229 18.367l.366-.655zm-2.2-2.493-.696.281zm17.742 2.493-.366-.655zm2.2-2.493.696.281zM7.819 22.272a.75.75 0 0 0 .364 1.456zm1.757.334-.182-.727zm4.85 0 .182-.727zm1.393 1.122a.75.75 0 0 0 .364-1.456zM12.75 19a.75.75 0 0 0-1.5 0zM12 22.308v.75zm1.938-4.058h-3.876v1.5h3.876zm-3.876-14.5h3.876v-1.5h-3.876zm3.876 0c1.262 0 2.165 0 2.88.056.705.054 1.169.159 1.555.338l.63-1.361c-.613-.284-1.275-.411-2.07-.473-.785-.06-1.756-.06-2.995-.06zm8.682 6.165c-.153-1.23-.273-2.193-.431-2.965-.16-.782-.368-1.422-.726-1.996l-1.272.795c.226.36.387.808.528 1.5.144.703.256 1.6.413 2.852zm-4.247-5.771a4.25 4.25 0 0 1 1.818 1.605l1.272-.795a5.75 5.75 0 0 0-2.46-2.171zM2.868 10.1c.157-1.252.27-2.15.413-2.851.141-.693.303-1.14.528-1.501l-1.272-.795c-.358.574-.566 1.214-.726 1.996-.157.772-.277 1.736-.431 2.965zm7.194-7.851c-1.238 0-2.21 0-2.995.06-.795.062-1.457.189-2.07.473l.63 1.36c.387-.178.85-.283 1.555-.337.715-.055 1.619-.056 2.88-.056zm-6.252 3.5a4.25 4.25 0 0 1 1.818-1.605l-.63-1.361a5.75 5.75 0 0 0-2.46 2.171zm6.253 12.501c-1.579 0-2.716 0-3.601-.076-.878-.075-1.432-.22-1.866-.462l-.73 1.31c.7.391 1.496.563 2.468.646.964.083 2.177.082 3.73.082zM1.38 9.915c-.193 1.54-.344 2.743-.381 3.71-.039.975.033 1.786.334 2.53l1.39-.562c-.185-.461-.26-1.029-.226-1.91.035-.887.175-2.015.371-3.582zm3.215 7.797a4.25 4.25 0 0 1-1.871-2.12l-1.39.563a5.75 5.75 0 0 0 2.53 2.867zm9.343 2.038c1.553 0 2.765 0 3.729-.082.972-.083 1.768-.255 2.469-.646l-.73-1.31c-.435.242-.989.387-1.867.462-.885.075-2.022.076-3.601.076zm7.194-9.65c.196 1.568.336 2.696.37 3.584.035.88-.04 1.448-.226 1.909l1.391.562c.3-.744.373-1.555.335-2.53-.038-.967-.19-2.17-.382-3.71zm-.996 8.922a5.75 5.75 0 0 0 2.531-2.867l-1.39-.562a4.25 4.25 0 0 1-1.872 2.12zM8.182 23.728l1.575-.394-.364-1.455-1.575.393zm6.062-.394 1.574.394.364-1.456-1.575-.393zM12.75 22v-3h-1.5v3zm-2.993 1.334A9.3 9.3 0 0 1 12 23.058v-1.5c-.876 0-1.751.107-2.607.32zM12 23.058a9.3 9.3 0 0 1 2.244.276l.363-1.455A10.8 10.8 0 0 0 12 21.558zM11.25 22v.308h1.5V22z"/>
+    </svg>
+  )
+);
+
+HiconLinearDisplay3.displayName = 'HiconLinearDisplay3';
+
+export default HiconLinearDisplay3;

package/dist/react/Hicon/Linear/Display 4.tsx

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Display 4 icon from Hicon/Linear 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 display 4, display, 4, hicon/linear, media, player, control
+ * @tags hicon/linear, media
+ * @category Hicon/Linear
+ * 
+ * @example
+ * ```tsx
+ * import { ComponentName } from 'icona/react';
+ * 
+ * function MyComponent() {
+ *   return <ComponentName size={24} color="blue" />;
+ * }
+ * ```
+ */
+interface HiconLinearDisplay4Props {
+  /** 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 HiconLinearDisplay4 = React.forwardRef<SVGSVGElement, HiconLinearDisplay4Props>(
+  ({ 
+    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 || 'Display 4 icon from Hicon/Linear collection'}
+    >
+      {title && <title>{title}</title>}
+      <path fill="#2D264B" d="m3.73 18.455.34-.668zM1.545 16.27l.668-.34zm20.91 0-.668-.34zm-2.185 2.185-.34-.668zm0-14.91-.34.668zm2.185 2.185-.668.34zM3.73 3.545l.34.668zM1.545 5.73l.668.34zm6.273 16.542a.75.75 0 0 0 .364 1.456zm1.757.334-.182-.727zm4.85 0 .182-.727zm1.393 1.122a.75.75 0 0 0 .364-1.456zM12.75 19a.75.75 0 0 0-1.5 0zM12 22.308v.75zM9 3.75h6v-1.5H9zm6 14.5H9v1.5h6zm-6 0c-1.413 0-2.427 0-3.223-.066-.787-.064-1.295-.188-1.706-.397l-.681 1.336c.658.336 1.385.485 2.265.556.871.072 1.957.071 3.345.071zM.25 11c0 1.388 0 2.474.07 3.345.073.88.221 1.607.557 2.265l1.336-.68c-.21-.412-.333-.92-.397-1.707-.065-.796-.066-1.81-.066-3.223zm3.82 6.787a4.25 4.25 0 0 1-1.857-1.857l-1.336.68a5.75 5.75 0 0 0 2.513 2.513zM22.25 11c0 1.412 0 2.427-.066 3.223-.064.787-.188 1.295-.397 1.707l1.336.68c.336-.658.485-1.385.556-2.265.072-.871.071-1.957.071-3.345zM15 19.75c1.388 0 2.474 0 3.345-.07.88-.072 1.607-.221 2.265-.557l-.68-1.336c-.412.21-.92.333-1.707.397-.796.065-1.81.066-3.223.066zm6.787-3.82a4.25 4.25 0 0 1-1.857 1.857l.68 1.336a5.75 5.75 0 0 0 2.513-2.513zM15 3.75c1.413 0 2.427 0 3.223.066.787.064 1.295.188 1.707.397l.68-1.336c-.658-.336-1.385-.484-2.265-.556-.871-.072-1.957-.071-3.345-.071zM23.75 11c0-1.388 0-2.474-.07-3.345-.072-.88-.221-1.607-.557-2.265l-1.336.68c.21.412.333.92.397 1.707.065.796.066 1.81.066 3.223zm-3.82-6.787a4.25 4.25 0 0 1 1.857 1.858l1.336-.681a5.75 5.75 0 0 0-2.513-2.513zM9 2.25c-1.388 0-2.474 0-3.345.07-.88.073-1.607.221-2.265.557l.68 1.336c.412-.21.92-.333 1.707-.397C6.573 3.75 7.587 3.75 9 3.75zM1.75 11c0-1.413 0-2.427.066-3.223.064-.787.188-1.295.397-1.706L.877 5.39C.54 6.048.393 6.775.32 7.655.249 8.526.25 9.612.25 11zm1.64-8.123A5.75 5.75 0 0 0 .877 5.39l1.336.68a4.25 4.25 0 0 1 1.858-1.857zm4.792 20.85 1.575-.393-.364-1.455-1.575.393zm6.061-.393 1.575.394.364-1.456-1.575-.393zM12.75 22v-3h-1.5v3zm-2.993 1.334A9.3 9.3 0 0 1 12 23.058v-1.5c-.876 0-1.751.107-2.607.32zM12 23.058c.754 0 1.507.092 2.243.276l.364-1.455A10.8 10.8 0 0 0 12 21.558zM11.25 22v.308h1.5V22z"/>
+    </svg>
+  )
+);
+
+HiconLinearDisplay4.displayName = 'HiconLinearDisplay4';
+
+export default HiconLinearDisplay4;

package/dist/react/Hicon/Linear/Document Add 1.tsx

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Document Add 1 icon from Hicon/Linear 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 document  add 1, document, add, 1, hicon/linear, action, create
+ * @tags hicon/linear, actions, files
+ * @category Hicon/Linear
+ * 
+ * @example
+ * ```tsx
+ * import { ComponentName } from 'icona/react';
+ * 
+ * function MyComponent() {
+ *   return <ComponentName size={24} color="blue" />;
+ * }
+ * ```
+ */
+interface HiconLinearDocumentAdd1Props {
+  /** 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 HiconLinearDocumentAdd1 = React.forwardRef<SVGSVGElement, HiconLinearDocumentAdd1Props>(
+  ({ 
+    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 || 'Document Add 1 icon from Hicon/Linear collection'}
+    >
+      {title && <title>{title}</title>}
+      <path fill="#2D264B" d="m19.218 8.938-.117.741zm-4.156-4.156-.741.117zm-10 15.263.44-.607zM3.954 18.94l.607-.44zm16.09 0-.607-.44zm-1.106 1.106-.44-.607zm0-16.09.44-.607zm1.106 1.106.607-.44zM5.061 3.955l.44.607zM3.955 5.06l.607.44zM15 3.03l.026-.75zM20.971 9l.75-.026zM8 12.25a.75.75 0 0 0 0 1.5zm6 1.5a.75.75 0 0 0 0-1.5zM10.25 16a.75.75 0 0 0 1.5 0zm1.5-6a.75.75 0 0 0-1.5 0zm7.585-1.802a4.25 4.25 0 0 1-3.533-3.533l-1.481.234a5.75 5.75 0 0 0 4.78 4.78zM12 20.25c-1.892 0-3.25-.001-4.302-.115-1.038-.113-1.688-.328-2.196-.697l-.882 1.214c.807.586 1.75.848 2.916.974 1.152.125 2.606.124 4.464.124zM2.25 12c0 1.858-.001 3.312.124 4.464.126 1.165.388 2.11.974 2.916l1.214-.882c-.37-.508-.585-1.158-.697-2.196-.114-1.052-.115-2.41-.115-4.302zm3.252 7.438a4.3 4.3 0 0 1-.94-.94l-1.214.882a5.8 5.8 0 0 0 1.272 1.272zM20.25 12c0 1.892-.001 3.25-.115 4.302-.113 1.038-.328 1.688-.697 2.196l1.214.882c.586-.807.848-1.75.974-2.916.125-1.152.124-2.606.124-4.464zM12 21.75c1.858 0 3.312.001 4.464-.124 1.165-.126 2.11-.388 2.916-.974l-.882-1.214c-.508.37-1.158.585-2.196.697-1.052.114-2.41.115-4.302.115zm7.438-3.252c-.262.36-.58.678-.94.94l.882 1.214a5.8 5.8 0 0 0 1.272-1.272zm-.94-13.936c.36.262.678.58.94.94l1.214-.882a5.8 5.8 0 0 0-1.272-1.272zM12 2.25c-1.858 0-3.312-.001-4.464.124-1.165.126-2.11.388-2.916.974l.882 1.214c.508-.37 1.158-.585 2.196-.697C8.75 3.751 10.108 3.75 12 3.75zM3.75 12c0-1.892.001-3.25.115-4.302.112-1.038.328-1.688.697-2.196L3.348 4.62c-.586.807-.848 1.75-.974 2.916C2.249 8.688 2.25 10.142 2.25 12zm.87-8.652A5.8 5.8 0 0 0 3.348 4.62l1.214.882c.262-.36.58-.678.94-.94zM12 3.75c1.173 0 2.146 0 2.974.028l.052-1.499c-.86-.03-1.861-.029-3.026-.029zm2.974.028c1.855.064 2.819.271 3.524.784l.882-1.214c-1.104-.802-2.48-1.004-4.354-1.069zm-.724-.75c0 .883-.002 1.414.07 1.871l1.482-.234c-.05-.312-.052-.699-.052-1.636zM21.75 12c0-1.165 0-2.166-.03-3.026l-1.498.052c.028.828.028 1.8.028 2.974zm-.03-3.026c-.064-1.873-.266-3.25-1.068-4.354l-1.214.882c.513.705.72 1.669.784 3.524zm-.749-.724c-.937 0-1.324-.003-1.636-.052L19.1 9.679c.458.073.989.071 1.871.071zM8 13.75h6v-1.5H8zM11.75 16v-6h-1.5v6z"/>
+    </svg>
+  )
+);
+
+HiconLinearDocumentAdd1.displayName = 'HiconLinearDocumentAdd1';
+
+export default HiconLinearDocumentAdd1;