@developershre/icona 1.0.6 → 2.0.0

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

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Mouse 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 mouse, hicon/linear
+ * @tags hicon/linear
+ * @category Hicon/Linear
+ * 
+ * @example
+ * ```tsx
+ * import { ComponentName } from 'icona/react';
+ * 
+ * function MyComponent() {
+ *   return <ComponentName size={24} color="blue" />;
+ * }
+ * ```
+ */
+interface HiconLinearMouseProps {
+  /** 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 HiconLinearMouse = React.forwardRef<SVGSVGElement, HiconLinearMouseProps>(
+  ({ 
+    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 || 'Mouse icon from Hicon/Linear collection'}
+    >
+      {title && <title>{title}</title>}
+      <path fill="#2D264B" d="M6 9h.75zm.062-1.782L5.32 7.1zm4.156-4.156L10.1 2.32zm0 17.876-.117.741zM6 15h-.75zm.062 1.782-.741.117zM18 15h.75zm-.062 1.782.741.117zm-4.156 4.156.117.741zM18 9h-.75zm-.062-1.782.741-.117zm-4.156-4.156.117-.741zM6 16h-.75zm5-5v-.75zm.25-2a.75.75 0 0 0 1.5 0zm6 0v6h1.5V9zm-10.5 6V9h-1.5v6zm0-6c0-.958.002-1.35.052-1.665l-1.481-.234C5.248 7.562 5.25 8.1 5.25 9zM12 2.25c-.9 0-1.438-.002-1.9.07l.235 1.482c.316-.05.707-.052 1.665-.052zM6.802 7.335a4.25 4.25 0 0 1 3.533-3.533L10.1 2.321A5.75 5.75 0 0 0 5.32 7.1zM12 20.25c-.958 0-1.35-.002-1.665-.052l-.235 1.481c.462.073 1 .071 1.9.071zM5.25 15c0 .9-.002 1.438.07 1.9l1.482-.235c-.05-.316-.052-.707-.052-1.665zm5.085 5.198a4.25 4.25 0 0 1-3.533-3.533l-1.481.235a5.75 5.75 0 0 0 4.78 4.78zM17.25 15c0 .958-.002 1.35-.052 1.665l1.481.235c.073-.462.071-1 .071-1.9zM12 21.75c.9 0 1.438.002 1.9-.07l-.235-1.482c-.316.05-.707.052-1.665.052zm5.198-5.085a4.25 4.25 0 0 1-3.533 3.533l.235 1.481a5.75 5.75 0 0 0 4.78-4.78zM18.75 9c0-.9.002-1.438-.07-1.9l-1.482.235c.05.316.052.707.052 1.665zM12 3.75c.958 0 1.35.002 1.665.052l.235-1.481c-.462-.073-1-.071-1.9-.071zm6.68 3.35a5.75 5.75 0 0 0-4.78-4.78l-.235 1.482a4.25 4.25 0 0 1 3.533 3.533zM13 20.25h-2v1.5h2zm-2-8.5h2v-1.5h-2zM6.75 16A4.25 4.25 0 0 1 11 11.75v-1.5A5.75 5.75 0 0 0 5.25 16zM11 20.25A4.25 4.25 0 0 1 6.75 16h-1.5A5.75 5.75 0 0 0 11 21.75zM17.25 16A4.25 4.25 0 0 1 13 20.25v1.5A5.75 5.75 0 0 0 18.75 16zm1.5 0A5.75 5.75 0 0 0 13 10.25v1.5A4.25 4.25 0 0 1 17.25 16zm-6-7V3h-1.5v6z"/>
+    </svg>
+  )
+);
+
+HiconLinearMouse.displayName = 'HiconLinearMouse';
+
+export default HiconLinearMouse;

package/dist/react/Hicon/Linear/Music Filter.tsx

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Music Filter 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 music filter, music, filter, 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 HiconLinearMusicFilterProps {
+  /** 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 HiconLinearMusicFilter = React.forwardRef<SVGSVGElement, HiconLinearMusicFilterProps>(
+  ({ 
+    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 || 'Music Filter icon from Hicon/Linear collection'}
+    >
+      {title && <title>{title}</title>}
+      <path stroke="#2D264B" stroke-linecap="round" stroke-width="1.5" d="M14.5 18.844c0 1.19-1.007 2.156-2.25 2.156S10 20.035 10 18.844s1.007-2.157 2.25-2.157 2.25.966 2.25 2.157Zm0 0v-6.469m7.5 4.313c0 1.19-1.007 2.156-2.25 2.156s-2.25-.966-2.25-2.157c0-1.19 1.007-2.156 2.25-2.156s2.25.966 2.25 2.156Zm0 0v-6.47m-7.5 2.157 7.5-2.156m-7.5 2.156v-2.51c0-.641.444-1.205 1.088-1.382l1.537-.42 3.441-1.015c.713-.21 1.434.3 1.434 1.014v2.157M18 3H2m8 6H2m6 6H2m4 6H2"/>
+    </svg>
+  )
+);
+
+HiconLinearMusicFilter.displayName = 'HiconLinearMusicFilter';
+
+export default HiconLinearMusicFilter;

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

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Music 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 music, 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 HiconLinearMusicProps {
+  /** 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 HiconLinearMusic = React.forwardRef<SVGSVGElement, HiconLinearMusicProps>(
+  ({ 
+    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 || 'Music icon from Hicon/Linear collection'}
+    >
+      {title && <title>{title}</title>}
+      <path stroke="#2D264B" stroke-linecap="round" stroke-width="1.5" d="M10 18.478a3 3 0 1 1-6 0 3 3 0 0 1 6 0Zm0 0v-9m10 6a3 3 0 1 1-6 0 3 3 0 0 1 6 0Zm0 0v-9m-10 3 10-3m-10 3V5.987a2 2 0 0 1 1.45-1.923l2.05-.586 4.588-1.412A1.477 1.477 0 0 1 20 3.478v3"/>
+    </svg>
+  )
+);
+
+HiconLinearMusic.displayName = 'HiconLinearMusic';
+
+export default HiconLinearMusic;

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

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Musicnote 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 musicnote, 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 HiconLinearMusicnoteProps {
+  /** 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 HiconLinearMusicnote = React.forwardRef<SVGSVGElement, HiconLinearMusicnoteProps>(
+  ({ 
+    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 || 'Musicnote icon from Hicon/Linear collection'}
+    >
+      {title && <title>{title}</title>}
+      <path fill="#2D264B" d="m12.374 8.387-.355.66zm-.616-.364-.461.591zm-.771-1.935.75-.006zm.034.714.739-.133zm8.56 1.042h.75zm-.109 1.72-.71-.243zm-3.782.606.355-.66zm1.566.72-.122.74zm.929-5.374.353-.662zm.628.37-.462.59zm.738 1.23.739-.128zm-4.686-3.375-.354.662zM13.3 3.026l-.121.74zM11.08 4.37l.711.237zm.67.778a.75.75 0 0 0-1.5 0zm-.75 12h.75zm3.511-12.745 3.32 1.774.707-1.323-3.32-1.774zm1.534 5.106-3.316-1.783-.71 1.321 3.316 1.783zm-3.316-1.783c-.344-.185-.437-.238-.509-.294l-.923 1.182c.196.154.425.274.722.433zm-2.492-1.631c.002.337.002.595.046.84l1.477-.266c-.017-.09-.02-.196-.023-.587zm1.983 1.337a1.25 1.25 0 0 1-.46-.763l-1.477.266a2.75 2.75 0 0 0 1.014 1.68zm6.61.412c0 .476 0 .806-.012 1.056-.013.254-.036.365-.055.421l1.419.487c.089-.26.12-.54.134-.834.015-.296.015-.67.015-1.13zm-3.495 2.986c.405.218.734.395 1.002.523.265.126.527.232.797.276l.244-1.48c-.059-.01-.168-.042-.397-.15a24 24 0 0 1-.936-.49zm3.428-1.509a1.25 1.25 0 0 1-1.385.828l-.244 1.48a2.75 2.75 0 0 0 3.048-1.821zm-.932-3.144c.352.188.446.242.52.299l.924-1.182c-.2-.156-.433-.278-.737-.44zm2.5 1.667c0-.344.002-.607-.041-.856l-1.478.258c.016.091.018.2.018.598zm-1.98-1.368c.243.19.408.465.46.77l1.479-.258a2.75 2.75 0 0 0-1.015-1.694zM15.218 3.08a25 25 0 0 0-1.002-.52 3 3 0 0 0-.795-.274l-.242 1.48c.058.01.167.042.396.15.227.108.517.262.936.487zm-3.481 3.002a23 23 0 0 1 .003-1.055c.01-.253.032-.364.051-.42l-1.424-.473a3 3 0 0 0-.126.832c-.012.296-.008.669-.004 1.128zm1.684-3.796a2.75 2.75 0 0 0-3.054 1.848l1.424.473a1.25 1.25 0 0 1 1.388-.84zM10.25 5.148v12h1.5v-12zm-6 12A3.75 3.75 0 0 0 8 20.898v-1.5a2.25 2.25 0 0 1-2.25-2.25zM8 20.898a3.75 3.75 0 0 0 3.75-3.75h-1.5A2.25 2.25 0 0 1 8 19.398zm3.75-3.75A3.75 3.75 0 0 0 8 13.398v1.5a2.25 2.25 0 0 1 2.25 2.25zM8 13.398a3.75 3.75 0 0 0-3.75 3.75h1.5A2.25 2.25 0 0 1 8 14.898z"/>
+    </svg>
+  )
+);
+
+HiconLinearMusicnote.displayName = 'HiconLinearMusicnote';
+
+export default HiconLinearMusicnote;

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

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Next 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 next, hicon/linear, navigation, direction, arrow
+ * @tags hicon/linear
+ * @category Hicon/Linear
+ * 
+ * @example
+ * ```tsx
+ * import { ComponentName } from 'icona/react';
+ * 
+ * function MyComponent() {
+ *   return <ComponentName size={24} color="blue" />;
+ * }
+ * ```
+ */
+interface HiconLinearNextProps {
+  /** 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 HiconLinearNext = React.forwardRef<SVGSVGElement, HiconLinearNextProps>(
+  ({ 
+    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 || 'Next icon from Hicon/Linear collection'}
+    >
+      {title && <title>{title}</title>}
+      <path fill="#2D264B" d="m6.553 7.208-.61-.436zm6.394.71.38-.646zM8.592 6.01l-.08-.746zm0 11.98-.08.746zm-2.04-1.198.611-.436zm10.198-3.594-.687-.3zm0-2.396-.687.3zm3-4.802a.75.75 0 0 0-1.5 0zm-1.5 12a.75.75 0 0 0 1.5 0zm-11.5-6c0-1.354 0-2.318.066-3.043.066-.73.19-1.093.347-1.313l-1.22-.872c-.396.553-.548 1.247-.62 2.05-.074.809-.073 1.853-.073 3.178zm6.577-4.728C12.2 6.61 11.31 6.086 10.584 5.746c-.722-.34-1.395-.554-2.072-.482l.16 1.492c.259-.028.623.042 1.275.347.648.305 1.468.785 2.62 1.462zm-6.164.372c.36-.504.909-.824 1.509-.888l-.16-1.492a3.64 3.64 0 0 0-2.57 1.508zm5.405 7.79c-1.153.678-1.973 1.159-2.621 1.463-.652.306-1.016.375-1.275.348l-.16 1.491c.677.072 1.35-.143 2.072-.482.726-.34 1.616-.864 2.743-1.526zM5.25 12c0 1.325 0 2.37.072 3.178.073.803.225 1.496.62 2.05l1.221-.872c-.157-.22-.281-.584-.347-1.313-.065-.725-.066-1.69-.066-3.043zm3.422 5.244a2.13 2.13 0 0 1-1.509-.888l-1.22.872a3.64 3.64 0 0 0 2.57 1.508zm4.655-.516c1.127-.662 2.018-1.185 2.67-1.654.651-.467 1.166-.95 1.44-1.575l-1.374-.602c-.11.25-.355.538-.94.96-.584.418-1.403.9-2.555 1.578zm-.76-8.163c1.153.678 1.972 1.16 2.555 1.579.586.42.832.71.94.959l1.375-.602c-.274-.625-.789-1.108-1.44-1.575-.652-.47-1.543-.992-2.67-1.654zm4.87 4.934a3.74 3.74 0 0 0 0-2.998l-1.374.602c.25.57.25 1.223 0 1.794zM18.25 6v12h1.5V6z"/>
+    </svg>
+  )
+);
+
+HiconLinearNext.displayName = 'HiconLinearNext';
+
+export default HiconLinearNext;

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

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Notification 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 notification 1, notification, 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 HiconLinearNotification1Props {
+  /** 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 HiconLinearNotification1 = React.forwardRef<SVGSVGElement, HiconLinearNotification1Props>(
+  ({ 
+    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 || 'Notification 1 icon from Hicon/Linear collection'}
+    >
+      {title && <title>{title}</title>}
+      <path stroke="#2D264B" stroke-linecap="round" stroke-width="1.5" d="m9.183 21 .3.4c1.35 1.8 4.05 1.8 5.4 0l.3-.4M4.366 15.55l.104.213A3.97 3.97 0 0 0 8.04 18h8.221a3.812 3.812 0 0 0 2.594-6.605l-.044-.041a3.88 3.88 0 0 1-1.21-3.328l.064-.517A4.9 4.9 0 0 0 12.803 2H11.1a4.895 4.895 0 0 0-4.857 5.502l.079.635a3.65 3.65 0 0 1-1.147 3.136 3.65 3.65 0 0 0-.809 4.277Z"/>
+    </svg>
+  )
+);
+
+HiconLinearNotification1.displayName = 'HiconLinearNotification1';
+
+export default HiconLinearNotification1;

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

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Notification 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 notification 2, notification, 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 HiconLinearNotification2Props {
+  /** 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 HiconLinearNotification2 = React.forwardRef<SVGSVGElement, HiconLinearNotification2Props>(
+  ({ 
+    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 || 'Notification 2 icon from Hicon/Linear collection'}
+    >
+      {title && <title>{title}</title>}
+      <path stroke="#2D264B" stroke-linecap="round" stroke-width="1.5" d="M15.183 2.615A4.9 4.9 0 0 0 12.803 2H11.1a4.895 4.895 0 0 0-4.857 5.502l.079.635a3.65 3.65 0 0 1-1.147 3.136 3.65 3.65 0 0 0-.809 4.277l.104.213A3.97 3.97 0 0 0 8.04 18h8.221a3.812 3.812 0 0 0 2.594-6.605l-.044-.041a3.9 3.9 0 0 1-1.146-1.994M9.183 21l.3.4c1.35 1.8 4.05 1.8 5.4 0l.3-.4"/><path fill="#2D264B" d="M19.183 6a2 2 0 1 1-4 0 2 2 0 0 1 4 0"/>
+    </svg>
+  )
+);
+
+HiconLinearNotification2.displayName = 'HiconLinearNotification2';
+
+export default HiconLinearNotification2;

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

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Notification 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 notification 3, notification, 3, hicon/linear
+ * @tags hicon/linear
+ * @category Hicon/Linear
+ * 
+ * @example
+ * ```tsx
+ * import { ComponentName } from 'icona/react';
+ * 
+ * function MyComponent() {
+ *   return <ComponentName size={24} color="blue" />;
+ * }
+ * ```
+ */
+interface HiconLinearNotification3Props {
+  /** 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 HiconLinearNotification3 = React.forwardRef<SVGSVGElement, HiconLinearNotification3Props>(
+  ({ 
+    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 || 'Notification 3 icon from Hicon/Linear collection'}
+    >
+      {title && <title>{title}</title>}
+      <path stroke="#2D264B" stroke-linecap="round" stroke-width="1.5" d="m8.183 18 .4.686c1.8 3.085 5.4 3.085 7.2 0l.4-.686M4.366 15.55l.104.213A3.97 3.97 0 0 0 8.04 18h8.221a3.812 3.812 0 0 0 2.594-6.605l-.044-.041a3.88 3.88 0 0 1-1.21-3.328l.064-.517A4.9 4.9 0 0 0 12.803 2H11.1a4.895 4.895 0 0 0-4.857 5.502l.079.635a3.65 3.65 0 0 1-1.147 3.136 3.65 3.65 0 0 0-.809 4.277Z"/>
+    </svg>
+  )
+);
+
+HiconLinearNotification3.displayName = 'HiconLinearNotification3';
+
+export default HiconLinearNotification3;

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

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Notification 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 notification 4, notification, 4, hicon/linear
+ * @tags hicon/linear
+ * @category Hicon/Linear
+ * 
+ * @example
+ * ```tsx
+ * import { ComponentName } from 'icona/react';
+ * 
+ * function MyComponent() {
+ *   return <ComponentName size={24} color="blue" />;
+ * }
+ * ```
+ */
+interface HiconLinearNotification4Props {
+  /** 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 HiconLinearNotification4 = React.forwardRef<SVGSVGElement, HiconLinearNotification4Props>(
+  ({ 
+    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 || 'Notification 4 icon from Hicon/Linear collection'}
+    >
+      {title && <title>{title}</title>}
+      <path stroke="#2D264B" stroke-linecap="round" stroke-width="1.5" d="M16.183 3.352A4.88 4.88 0 0 0 12.803 2H11.1a4.895 4.895 0 0 0-4.857 5.502l.079.635a3.65 3.65 0 0 1-1.147 3.136 3.65 3.65 0 0 0-.809 4.277l.104.213A3.97 3.97 0 0 0 8.04 18h8.221a3.812 3.812 0 0 0 2.594-6.605l-.044-.041a4 4 0 0 1-.629-.754m-10 7.4.4.686c1.8 3.085 5.4 3.085 7.2 0l.4-.686"/><path fill="#2D264B" d="M19.183 7a2 2 0 1 1-4 0 2 2 0 0 1 4 0"/>
+    </svg>
+  )
+);
+
+HiconLinearNotification4.displayName = 'HiconLinearNotification4';
+
+export default HiconLinearNotification4;