@developershre/icona 1.0.6 → 2.0.0

package/dist/react/Hicon/Linear/Password 5.tsx

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Password 5 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 password 5, password, 5, hicon/linear
+ * @tags hicon/linear
+ * @category Hicon/Linear
+ * 
+ * @example
+ * ```tsx
+ * import { ComponentName } from 'icona/react';
+ * 
+ * function MyComponent() {
+ *   return <ComponentName size={24} color="blue" />;
+ * }
+ * ```
+ */
+interface HiconLinearPassword5Props {
+  /** 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 HiconLinearPassword5 = React.forwardRef<SVGSVGElement, HiconLinearPassword5Props>(
+  ({ 
+    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 || 'Password 5 icon from Hicon/Linear collection'}
+    >
+      {title && <title>{title}</title>}
+      <path stroke="#2D264B" stroke-linecap="round" stroke-width="1.5" d="M11 12a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm0 0h5.882c.072 0 .138.04.17.106a2 2 0 0 1 0 1.788L17 14m-3 0 .053-.106a2 2 0 0 0 0-1.788L14 12m8 0c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10Z"/>
+    </svg>
+  )
+);
+
+HiconLinearPassword5.displayName = 'HiconLinearPassword5';
+
+export default HiconLinearPassword5;

package/dist/react/Hicon/Linear/Password 6.tsx

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Password 6 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 password 6, password, 6, hicon/linear
+ * @tags hicon/linear
+ * @category Hicon/Linear
+ * 
+ * @example
+ * ```tsx
+ * import { ComponentName } from 'icona/react';
+ * 
+ * function MyComponent() {
+ *   return <ComponentName size={24} color="blue" />;
+ * }
+ * ```
+ */
+interface HiconLinearPassword6Props {
+  /** 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 HiconLinearPassword6 = React.forwardRef<SVGSVGElement, HiconLinearPassword6Props>(
+  ({ 
+    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 || 'Password 6 icon from Hicon/Linear collection'}
+    >
+      {title && <title>{title}</title>}
+      <path stroke="#2D264B" stroke-linecap="round" stroke-width="1.5" d="m17 14 .053-.106a2 2 0 0 0 0-1.788.19.19 0 0 0-.171-.106h-5.959M14 14l.053-.106a2 2 0 0 0 0-1.788L14 12m-3.077 0a1 1 0 0 0-.072-.371l-.4-1A1 1 0 0 0 9.523 10H8a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h1.523a1 1 0 0 0 .928-.629l.4-1a1 1 0 0 0 .072-.371ZM22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10Z"/>
+    </svg>
+  )
+);
+
+HiconLinearPassword6.displayName = 'HiconLinearPassword6';
+
+export default HiconLinearPassword6;

package/dist/react/Hicon/Linear/Pause Circle.tsx

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Pause Circle 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 pause circle, pause, circle, 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 HiconLinearPauseCircleProps {
+  /** 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 HiconLinearPauseCircle = React.forwardRef<SVGSVGElement, HiconLinearPauseCircleProps>(
+  ({ 
+    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 || 'Pause Circle icon from Hicon/Linear collection'}
+    >
+      {title && <title>{title}</title>}
+      <path stroke="#2D264B" stroke-linecap="round" stroke-width="1.5" d="M10 16V8m4 8V8m8 4c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10Z"/>
+    </svg>
+  )
+);
+
+HiconLinearPauseCircle.displayName = 'HiconLinearPauseCircle';
+
+export default HiconLinearPauseCircle;

package/dist/react/Hicon/Linear/Pause Octagon-1.tsx

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Pause Octagon 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 pause octagon-1, pause, octagon, 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 HiconLinearPauseOctagon1Props {
+  /** 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 HiconLinearPauseOctagon1 = React.forwardRef<SVGSVGElement, HiconLinearPauseOctagon1Props>(
+  ({ 
+    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 || 'Pause Octagon 1 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.97a5 5 0 0 1 .496 0c1.206.06 2.309.696 4.515 1.97s3.31 1.91 3.964 2.925q.134.208.248.43c.551 1.074.551 2.348.551 4.895s0 3.82-.551 4.895q-.114.221-.248.43c-.655 1.015-1.758 1.651-3.964 2.925s-3.309 1.91-4.515 1.97a5 5 0 0 1-.496 0c-1.206-.06-2.31-.696-4.515-1.97-2.206-1.274-3.31-1.91-3.964-2.925a5 5 0 0 1-.248-.43c-.551-1.074-.551-2.348-.551-4.895s0-3.821.55-4.896q.115-.22.249-.429C3.928 5.66 5.03 5.024 7.237 3.75Z"/><path stroke="#2D264B" stroke-width="1.5" d="M8 12c0-.93 0-1.395.102-1.777a3 3 0 0 1 2.121-2.12C10.606 8 11.07 8 12 8s1.395 0 1.776.102a3 3 0 0 1 2.122 2.121C16 10.606 16 11.07 16 12s0 1.395-.102 1.776a3 3 0 0 1-2.122 2.122C13.395 16 12.93 16 12 16s-1.395 0-1.777-.102a3 3 0 0 1-2.12-2.122C8 13.395 8 12.93 8 12Z"/>
+    </svg>
+  )
+);
+
+HiconLinearPauseOctagon1.displayName = 'HiconLinearPauseOctagon1';
+
+export default HiconLinearPauseOctagon1;

package/dist/react/Hicon/Linear/Pause Octagon.tsx

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Pause Octagon 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 pause octagon, pause, octagon, 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 HiconLinearPauseOctagonProps {
+  /** 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 HiconLinearPauseOctagon = React.forwardRef<SVGSVGElement, HiconLinearPauseOctagonProps>(
+  ({ 
+    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 || 'Pause Octagon icon from Hicon/Linear collection'}
+    >
+      {title && <title>{title}</title>}
+      <path stroke="#2D264B" stroke-linecap="round" stroke-width="1.5" d="M10 16V8m4 8V8M2.474 12c0-2.547 0-3.821.55-4.896q.115-.22.249-.429C3.928 5.66 5.03 5.024 7.237 3.75s3.309-1.91 4.515-1.97a5 5 0 0 1 .496 0c1.206.06 2.309.696 4.515 1.97s3.31 1.91 3.964 2.925q.134.208.248.43c.551 1.074.551 2.348.551 4.895s0 3.82-.551 4.895q-.114.221-.248.43c-.655 1.015-1.758 1.651-3.964 2.925s-3.309 1.91-4.515 1.97a5 5 0 0 1-.496 0c-1.206-.06-2.31-.696-4.515-1.97-2.206-1.274-3.31-1.91-3.964-2.925a5 5 0 0 1-.248-.43c-.551-1.074-.551-2.348-.551-4.895Z"/>
+    </svg>
+  )
+);
+
+HiconLinearPauseOctagon.displayName = 'HiconLinearPauseOctagon';
+
+export default HiconLinearPauseOctagon;

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

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Pause 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 pause, 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 HiconLinearPauseProps {
+  /** 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 HiconLinearPause = React.forwardRef<SVGSVGElement, HiconLinearPauseProps>(
+  ({ 
+    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 || 'Pause icon from Hicon/Linear collection'}
+    >
+      {title && <title>{title}</title>}
+      <path stroke="#2D264B" stroke-linecap="round" stroke-width="1.5" d="M9 21V3m6 18V3"/>
+    </svg>
+  )
+);
+
+HiconLinearPause.displayName = 'HiconLinearPause';
+
+export default HiconLinearPause;

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

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Pen 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 pen, hicon/linear, action, edit, modify
+ * @tags hicon/linear
+ * @category Hicon/Linear
+ * 
+ * @example
+ * ```tsx
+ * import { ComponentName } from 'icona/react';
+ * 
+ * function MyComponent() {
+ *   return <ComponentName size={24} color="blue" />;
+ * }
+ * ```
+ */
+interface HiconLinearPenProps {
+  /** 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 HiconLinearPen = React.forwardRef<SVGSVGElement, HiconLinearPenProps>(
+  ({ 
+    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 || 'Pen icon from Hicon/Linear collection'}
+    >
+      {title && <title>{title}</title>}
+      <g fill="#2D264B" clip-path="url(#a)"><path d="M12.348 9.926a1.713 1.713 0 1 1-2.422 2.422 1.713 1.713 0 0 1 2.422-2.422"/><path d="m6.464 16.433-.37.652zm-2.314-1.51-.527.534zM2.786 9.517l.748.057zm-.042 2.763.738-.138zm11.869 5.75-.4-.635zm-6.271-.53.37-.652zm2.162 1.085-.217.718zM17.5 8.342l.652-.37zm1.085 2.162.718-.217zm-.555 4.109-.635-.4zM9.517 2.786l.057.748zm2.763-.042-.138.738zm4.153 3.72-.652.37zm-1.51-2.314.534-.527zm-8.966-.824.295.69zm-2.63 2.63.689.296zm9.591 13.087.53-.53zM5.008 3.946a.75.75 0 1 0-1.062 1.061zm4.388 6.51a.75.75 0 0 0 1.06-1.06zm9.357 2.172-.744-.102zm-6.126 6.125-.101-.744zm3.154-11.919 1.067 1.878 1.304-.74-1.067-1.879zM8.712 16.848 6.834 15.78l-.74 1.304 1.877 1.067zM6.834 15.78c-1.267-.72-1.777-1.017-2.158-1.393l-1.053 1.069c.555.547 1.277.95 2.47 1.628zM2.038 9.459c-.105 1.37-.174 2.192-.03 2.958l1.474-.275c-.099-.526-.06-1.114.052-2.568zm2.638 4.93a4.25 4.25 0 0 1-1.194-2.247l-1.475.275a5.75 5.75 0 0 0 1.616 3.04zm11.203 1.49c-.908.908-1.28 1.273-1.666 1.516l.8 1.27c.563-.355 1.072-.87 1.927-1.725zm-7.908 2.273c1.05.597 1.679.959 2.316 1.151l.434-1.436c-.437-.132-.893-.385-2.009-1.02zm8.877-9.44c.634 1.116.887 1.572 1.02 2.009l1.435-.434c-.192-.637-.554-1.265-1.151-2.316zm.092 8.228c.854-.855 1.37-1.364 1.725-1.928l-1.27-.799c-.243.387-.608.758-1.516 1.666zM9.574 3.534c1.454-.112 2.042-.15 2.568-.052l.275-1.475c-.766-.143-1.589-.074-2.958.031zm7.51 2.56c-.678-1.194-1.08-1.916-1.627-2.47l-1.069 1.052c.376.381.672.89 1.393 2.158zm-4.942-2.612a4.25 4.25 0 0 1 2.246 1.194l1.069-1.053a5.75 5.75 0 0 0-3.04-1.616zM9.459 2.038c-1.809.14-2.895.213-3.797.599l.59 1.379c.617-.265 1.397-.334 3.322-.482zM3.534 9.574c.148-1.925.217-2.705.482-3.322l-1.38-.59c-.385.902-.459 1.988-.598 3.797zm2.128-6.937a5.75 5.75 0 0 0-3.025 3.025l1.379.59a4.25 4.25 0 0 1 2.236-2.236zm8.962 17.052-1.176-1.176-1.06 1.06 1.175 1.176zm3.889-6.24 1.176 1.175 1.06-1.06-1.175-1.176zm1.176 6.24a3.58 3.58 0 0 1-5.065 0l-1.06 1.06a5.08 5.08 0 0 0 7.185 0zm1.06 1.06a5.08 5.08 0 0 0 0-7.185l-1.06 1.06a3.58 3.58 0 0 1 0 5.065zM3.946 5.007l5.45 5.45 1.06-1.061-5.449-5.45zm13.921 5.714a4.25 4.25 0 0 1 .142 1.805l1.487.203a5.75 5.75 0 0 0-.193-2.442zm.142 1.805a4.25 4.25 0 0 1-.614 1.687l1.27.8a5.8 5.8 0 0 0 .83-2.284zm1.564-.138-.29-.29-1.06 1.06.29.29zm-5.36 5.007a4.25 4.25 0 0 1-1.687.614l.203 1.487a5.75 5.75 0 0 0 2.284-.831zm-1.687.614a4.25 4.25 0 0 1-1.805-.142l-.434 1.436c.8.242 1.633.303 2.442.193zm.922.504-.29-.29-1.06 1.06.29.29z"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs>
+    </svg>
+  )
+);
+
+HiconLinearPen.displayName = 'HiconLinearPen';
+
+export default HiconLinearPen;

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

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Pin 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 pin, hicon/linear
+ * @tags hicon/linear
+ * @category Hicon/Linear
+ * 
+ * @example
+ * ```tsx
+ * import { ComponentName } from 'icona/react';
+ * 
+ * function MyComponent() {
+ *   return <ComponentName size={24} color="blue" />;
+ * }
+ * ```
+ */
+interface HiconLinearPinProps {
+  /** 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 HiconLinearPin = React.forwardRef<SVGSVGElement, HiconLinearPinProps>(
+  ({ 
+    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 || 'Pin icon from Hicon/Linear collection'}
+    >
+      {title && <title>{title}</title>}
+      <path fill="#2D264B" d="m3.68 10.858.375-.65zm-.191-.116-.437.61zm-.221-1.421.65.375zm-.107.195-.684-.31zm15.695 8.805.65.375zm-.115.19.61.438zm-1.421.222.375-.65zm.195.107-.31.683zM15.974 7.563l-.375.65zm1.335.81.437-.61zm2.299 8.58.683.309zM14.025 6.437l.375-.65zm-1.369-.75.31-.684zM4.079 7.985l.61.437zm13.42-5.315-.374.65zM19.33 9.5l.65.375zm-8.66-5 .65.375zm8.354 5.53.579.477.04-.048.03-.055zM10.5 14.795l.375-.65zm-4.65 6.553a.75.75 0 0 0 1.3.75zm4.481-16.263-.06.748zm.138 9.692-.375.65zm3.181-7.689 1.95 1.125.75-1.3L14.4 5.79zm-9.595 3.12-.107-.062-.022-.014-.874 1.22c.077.055.168.106.253.155zM2.618 8.946c-.049.085-.101.174-.14.26l1.366.62.012-.023.061-.107zm1.308 1.186a.25.25 0 0 1-.082-.306l-1.367-.62a1.75 1.75 0 0 0 .575 2.146zm14.28 7.814-.062.107-.013.022 1.22.874c.055-.078.106-.168.155-.253zm-1.261 1.436c.085.05.174.102.26.141l.62-1.366-.023-.012-.107-.062zm1.186-1.307a.25.25 0 0 1-.306.082l-.62 1.366a1.75 1.75 0 0 0 2.145-.575zm-2.532-9.862c.719.415 1.031.596 1.273.77l.874-1.22c-.317-.227-.709-.452-1.397-.85zm3.907 10.483c.397-.688.624-1.08.785-1.434l-1.367-.62c-.122.272-.302.585-.717 1.304zM14.4 5.789c-.688-.397-1.079-.624-1.434-.785l-.62 1.366c.272.123.585.303 1.304.718zM3.917 9.696c.416-.72.597-1.031.77-1.273l-1.219-.874c-.227.317-.452.709-.85 1.397zM17.124 3.32a4.25 4.25 0 0 1 1.556 5.806l1.299.75a5.75 5.75 0 0 0-2.105-7.855zm-5.806 1.556a4.25 4.25 0 0 1 5.806-1.556l.75-1.299a5.75 5.75 0 0 0-7.855 2.105zm7.362 4.25-.306.53 1.299.75.306-.53zM9.85 14.42l-4 6.928 1.3.75 4-6.928zm1.131-8.96.337-.584-1.299-.75-.337.584zm1.985-.456a7.7 7.7 0 0 0-2.574-.667l-.12 1.496a6.2 6.2 0 0 1 2.075.537zm-2.574-.667A7.75 7.75 0 0 0 3.468 7.55l1.22.874a6.25 6.25 0 0 1 5.583-2.59zm6.48 4.646a6.2 6.2 0 0 1 1.497 1.52l1.233-.854a7.7 7.7 0 0 0-1.856-1.885zm1.497 1.52a6.25 6.25 0 0 1 .555 6.14l1.367.619a7.75 7.75 0 0 0-.689-7.613zm.076-.95-.038.045 1.157.955.038-.045zm-.75 8.53-6.82-3.937-.75 1.299 6.82 3.937zm-6.82-3.937-.031-.018-.75 1.299.03.018zm-.031-.018-6.79-3.92-.75 1.3 6.79 3.919z"/>
+    </svg>
+  )
+);
+
+HiconLinearPin.displayName = 'HiconLinearPin';
+
+export default HiconLinearPin;

package/dist/react/Hicon/Linear/Play Circle.tsx

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Play Circle 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 play circle, play, circle, 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 HiconLinearPlayCircleProps {
+  /** 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 HiconLinearPlayCircle = React.forwardRef<SVGSVGElement, HiconLinearPlayCircleProps>(
+  ({ 
+    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 || 'Play Circle icon from Hicon/Linear collection'}
+    >
+      {title && <title>{title}</title>}
+      <path fill="#2D264B" d="m9.352 8.805.62.423zm4.07.474.392-.639zM10.65 8.007l-.084-.746zm0 7.986-.084.746zm-1.298-.798-.62.422zm6.489-2.396-.692-.29zm0-1.598-.692.29zM21.25 12A9.25 9.25 0 0 1 12 21.25v1.5c5.937 0 10.75-4.813 10.75-10.75zM12 21.25A9.25 9.25 0 0 1 2.75 12h-1.5c0 5.937 4.813 10.75 10.75 10.75zM2.75 12A9.25 9.25 0 0 1 12 2.75v-1.5C6.063 1.25 1.25 6.063 1.25 12zM12 2.75A9.25 9.25 0 0 1 21.25 12h1.5c0-5.937-4.813-10.75-10.75-10.75zM9.75 12c0-.907 0-1.538.041-2.01.041-.476.116-.668.18-.762l-1.239-.845c-.288.422-.388.934-.435 1.48-.048.55-.047 1.258-.047 2.137zm4.064-3.36c-.712-.438-1.292-.796-1.769-1.03-.471-.232-.962-.407-1.479-.349l.167 1.49c.079-.008.248.007.65.205.398.195.906.507 1.645.962zm-3.842.588c.19-.279.47-.443.761-.476l-.167-1.49a2.57 2.57 0 0 0-1.834 1.12zm3.056 4.854c-.739.455-1.247.766-1.644.962-.403.198-.572.213-.65.204l-.168 1.49c.517.059 1.008-.116 1.48-.348.476-.234 1.056-.592 1.768-1.03zM8.25 12c0 .879 0 1.587.047 2.138.047.545.147 1.057.435 1.48l1.24-.846c-.065-.094-.14-.286-.18-.763-.041-.471-.042-1.102-.042-2.009zm2.483 3.248a1.07 1.07 0 0 1-.761-.476l-1.24.845a2.57 2.57 0 0 0 1.834 1.122zm3.081.112c.713-.439 1.293-.795 1.72-1.117.429-.323.8-.678.999-1.155l-1.384-.578c-.045.106-.158.264-.516.534-.359.27-.867.584-1.605 1.038zm-.786-5.442c.738.454 1.246.768 1.604 1.038s.472.428.517.534l1.384-.578c-.2-.477-.57-.832-.998-1.155-.428-.322-1.008-.678-1.72-1.117zm3.505 3.17a2.83 2.83 0 0 0 0-2.176l-1.384.578c.135.324.135.696 0 1.02z"/>
+    </svg>
+  )
+);
+
+HiconLinearPlayCircle.displayName = 'HiconLinearPlayCircle';
+
+export default HiconLinearPlayCircle;