@developershre/icona 1.0.6 → 2.0.2

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

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Play 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 play, hicon/bold, media, player, control
+ * @tags hicon/bold, media
+ * @category Hicon/Bold
+ * 
+ * @example
+ * ```tsx
+ * import { ComponentName } from 'icona/react';
+ * 
+ * function MyComponent() {
+ *   return <ComponentName size={24} color="blue" />;
+ * }
+ * ```
+ */
+interface HiconBoldPlayProps {
+  /** 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 HiconBoldPlay = React.forwardRef<SVGSVGElement, HiconBoldPlayProps>(
+  ({ 
+    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 icon from Hicon/Bold collection'}
+    >
+      {title && <title>{title}</title>}
+      <path fill="#FAFAFA" d="M15.073 5.207c-1.732-.988-3.077-1.755-4.17-2.253-1.097-.5-2.049-.781-2.974-.685A5.24 5.24 0 0 0 4.25 4.367c-.55.749-.78 1.71-.89 2.898-.11 1.185-.11 2.72-.11 4.694v.082c0 1.974 0 3.51.11 4.694.11 1.189.34 2.15.89 2.898a5.24 5.24 0 0 0 3.68 2.097c.925.096 1.877-.186 2.974-.685 1.093-.498 2.438-1.265 4.17-2.253l.07-.04c1.732-.987 3.078-1.754 4.06-2.44.986-.688 1.713-1.363 2.094-2.208a5.12 5.12 0 0 0 0-4.21c-.381-.845-1.108-1.52-2.093-2.208-.983-.686-2.329-1.453-4.06-2.44z"/>
+    </svg>
+  )
+);
+
+HiconBoldPlay.displayName = 'HiconBoldPlay';
+
+export default HiconBoldPlay;

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

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Poker 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 poker, hicon/bold
+ * @tags hicon/bold
+ * @category Hicon/Bold
+ * 
+ * @example
+ * ```tsx
+ * import { ComponentName } from 'icona/react';
+ * 
+ * function MyComponent() {
+ *   return <ComponentName size={24} color="blue" />;
+ * }
+ * ```
+ */
+interface HiconBoldPokerProps {
+  /** 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 HiconBoldPoker = React.forwardRef<SVGSVGElement, HiconBoldPokerProps>(
+  ({ 
+    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 || 'Poker icon from Hicon/Bold collection'}
+    >
+      {title && <title>{title}</title>}
+      <path fill="#FAFAFA" fill-rule="evenodd" d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10M7.25 16a.75.75 0 0 1 .75-.75h8a.75.75 0 0 1 0 1.5H8a.75.75 0 0 1-.75-.75M9 10a1 1 0 1 0 0-2 1 1 0 0 0 0 2m6 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2" clip-rule="evenodd"/>
+    </svg>
+  )
+);
+
+HiconBoldPoker.displayName = 'HiconBoldPoker';
+
+export default HiconBoldPoker;

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

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Previous 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 previous, 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 HiconBoldPreviousProps {
+  /** 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 HiconBoldPrevious = React.forwardRef<SVGSVGElement, HiconBoldPreviousProps>(
+  ({ 
+    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 || 'Previous icon from Hicon/Bold collection'}
+    >
+      {title && <title>{title}</title>}
+      <path fill="#FAFAFA" d="M5.75 6a.75.75 0 0 0-1.5 0v12a.75.75 0 0 0 1.5 0zm9.738-.736c-.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.634-.65.467-1.165.95-1.439 1.575a3.74 3.74 0 0 0 0 2.998c.274.625.789 1.108 1.44 1.575.645.465 1.525.981 2.636 1.634l.068.04c1.111.653 1.99 1.17 2.709 1.506.722.34 1.395.554 2.072.482a3.64 3.64 0 0 0 2.57-1.508c.395-.554.547-1.247.62-2.05.072-.8.072-1.833.072-3.14v-.077c0-1.306 0-2.338-.072-3.139-.073-.803-.225-1.497-.62-2.05a3.64 3.64 0 0 0-2.57-1.508"/>
+    </svg>
+  )
+);
+
+HiconBoldPrevious.displayName = 'HiconBoldPrevious';
+
+export default HiconBoldPrevious;

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

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Profile 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 profile 1, profile, 1, hicon/bold
+ * @tags hicon/bold, interface, files
+ * @category Hicon/Bold
+ * 
+ * @example
+ * ```tsx
+ * import { ComponentName } from 'icona/react';
+ * 
+ * function MyComponent() {
+ *   return <ComponentName size={24} color="blue" />;
+ * }
+ * ```
+ */
+interface HiconBoldProfile1Props {
+  /** 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 HiconBoldProfile1 = React.forwardRef<SVGSVGElement, HiconBoldProfile1Props>(
+  ({ 
+    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 || 'Profile 1 icon from Hicon/Bold collection'}
+    >
+      {title && <title>{title}</title>}
+      <path fill="#FAFAFA" d="M12 2a4.75 4.75 0 1 0 0 9.5A4.75 4.75 0 0 0 12 2M9 13a4.75 4.75 0 1 0 0 9.5h6a4.75 4.75 0 1 0 0-9.5z"/>
+    </svg>
+  )
+);
+
+HiconBoldProfile1.displayName = 'HiconBoldProfile1';
+
+export default HiconBoldProfile1;

package/dist/react/Hicon/Bold/Profile Accepted 2.tsx

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Profile Accepted 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 profile accepted 2, profile, accepted, 2, hicon/bold
+ * @tags hicon/bold, interface, files
+ * @category Hicon/Bold
+ * 
+ * @example
+ * ```tsx
+ * import { ComponentName } from 'icona/react';
+ * 
+ * function MyComponent() {
+ *   return <ComponentName size={24} color="blue" />;
+ * }
+ * ```
+ */
+interface HiconBoldProfileAccepted2Props {
+  /** 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 HiconBoldProfileAccepted2 = React.forwardRef<SVGSVGElement, HiconBoldProfileAccepted2Props>(
+  ({ 
+    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 || 'Profile Accepted 2 icon from Hicon/Bold collection'}
+    >
+      {title && <title>{title}</title>}
+      <path fill="#FAFAFA" d="M5.25 5.75a4.75 4.75 0 1 1 9.5 0 4.75 4.75 0 0 1-9.5 0m-3 11A4.75 4.75 0 0 1 7 12h6a4.75 4.75 0 0 1 4.45 3.084l-.31.345c-.694.776-1.084 1.205-1.39 1.466-.306-.261-.696-.69-1.39-1.466l-.87-.97a2 2 0 0 0-2.98 2.667l.947 1.058c.6.67 1.183 1.322 1.737 1.788.52.436 1.178.855 2.012.986-.66.346-1.41.542-2.206.542H7a4.75 4.75 0 0 1-4.75-4.75"/><path fill="#FAFAFA" d="M22.559 13.5a.75.75 0 0 0-1.118-1l-3.369 3.763c-.683.762-1.142 1.273-1.535 1.604-.375.314-.595.383-.787.383s-.412-.069-.787-.383c-.393-.33-.852-.842-1.535-1.604l-.87-.97a.75.75 0 0 0-1.117 1l.906 1.012c.636.71 1.167 1.303 1.651 1.71.513.43 1.066.735 1.752.735s1.239-.304 1.752-.735c.484-.407 1.015-1 1.65-1.71z"/>
+    </svg>
+  )
+);
+
+HiconBoldProfileAccepted2.displayName = 'HiconBoldProfileAccepted2';
+
+export default HiconBoldProfileAccepted2;

package/dist/react/Hicon/Bold/Profile Add 1.tsx

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Profile Add 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 profile add 1, profile, add, 1, hicon/bold, action, create
+ * @tags hicon/bold, actions, interface, files
+ * @category Hicon/Bold
+ * 
+ * @example
+ * ```tsx
+ * import { ComponentName } from 'icona/react';
+ * 
+ * function MyComponent() {
+ *   return <ComponentName size={24} color="blue" />;
+ * }
+ * ```
+ */
+interface HiconBoldProfileAdd1Props {
+  /** 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 HiconBoldProfileAdd1 = React.forwardRef<SVGSVGElement, HiconBoldProfileAdd1Props>(
+  ({ 
+    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 || 'Profile Add 1 icon from Hicon/Bold collection'}
+    >
+      {title && <title>{title}</title>}
+      <path fill="#FAFAFA" d="M9 2a4.75 4.75 0 1 0 0 9.5A4.75 4.75 0 0 0 9 2m10.75 6.75a.75.75 0 0 0-1.5 0V11H16a.75.75 0 0 0 0 1.5h2.25v2.25a.75.75 0 0 0 1.5 0V12.5H22a.75.75 0 0 0 0-1.5h-2.25zM6 13a4.75 4.75 0 1 0 0 9.5h6a4.75 4.75 0 1 0 0-9.5z"/>
+    </svg>
+  )
+);
+
+HiconBoldProfileAdd1.displayName = 'HiconBoldProfileAdd1';
+
+export default HiconBoldProfileAdd1;

package/dist/react/Hicon/Bold/Profile Add 2.tsx

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Profile Add 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 profile add 2, profile, add, 2, hicon/bold, action, create
+ * @tags hicon/bold, actions, interface, files
+ * @category Hicon/Bold
+ * 
+ * @example
+ * ```tsx
+ * import { ComponentName } from 'icona/react';
+ * 
+ * function MyComponent() {
+ *   return <ComponentName size={24} color="blue" />;
+ * }
+ * ```
+ */
+interface HiconBoldProfileAdd2Props {
+  /** 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 HiconBoldProfileAdd2 = React.forwardRef<SVGSVGElement, HiconBoldProfileAdd2Props>(
+  ({ 
+    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 || 'Profile Add 2 icon from Hicon/Bold collection'}
+    >
+      {title && <title>{title}</title>}
+      <path fill="#FAFAFA" d="M18.75 15a.75.75 0 0 0-1.5 0v2.25H15a.75.75 0 0 0 0 1.5h2.25V21a.75.75 0 0 0 1.5 0v-2.25H21a.75.75 0 0 0 0-1.5h-2.25zM6 6.75a4.75 4.75 0 1 1 9.5 0 4.75 4.75 0 0 1-9.5 0"/><path fill="#FAFAFA" d="M3 17.75A4.75 4.75 0 0 1 7.75 13h6c.98 0 1.89.297 2.646.805A2 2 0 0 0 16 15v1h-1a2 2 0 1 0 0 4h1v1c0 .297.065.578.18.832a4.73 4.73 0 0 1-2.43.668h-6A4.75 4.75 0 0 1 3 17.75"/>
+    </svg>
+  )
+);
+
+HiconBoldProfileAdd2.displayName = 'HiconBoldProfileAdd2';
+
+export default HiconBoldProfileAdd2;

package/dist/react/Hicon/Bold/Profile Circle 2.tsx

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Profile Circle 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 profile circle 2, profile, circle, 2, hicon/bold
+ * @tags hicon/bold, interface, files
+ * @category Hicon/Bold
+ * 
+ * @example
+ * ```tsx
+ * import { ComponentName } from 'icona/react';
+ * 
+ * function MyComponent() {
+ *   return <ComponentName size={24} color="blue" />;
+ * }
+ * ```
+ */
+interface HiconBoldProfileCircle2Props {
+  /** 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 HiconBoldProfileCircle2 = React.forwardRef<SVGSVGElement, HiconBoldProfileCircle2Props>(
+  ({ 
+    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 || 'Profile Circle 2 icon from Hicon/Bold collection'}
+    >
+      {title && <title>{title}</title>}
+      <path fill="#FAFAFA" fill-rule="evenodd" d="M1.25 12C1.25 6.063 6.063 1.25 12 1.25S22.75 6.063 22.75 12c0 3.049-1.27 5.802-3.308 7.757A10.72 10.72 0 0 1 12 22.75c-2.888 0-5.512-1.14-7.442-2.993A10.72 10.72 0 0 1 1.25 12m16.833 6.968A3.25 3.25 0 0 0 15 16.75H9c-1.434 0-2.652.93-3.083 2.218A9.2 9.2 0 0 0 12 21.25c2.33 0 4.456-.86 6.083-2.282M12 4.25a4.75 4.75 0 1 0 0 9.5 4.75 4.75 0 0 0 0-9.5" clip-rule="evenodd"/>
+    </svg>
+  )
+);
+
+HiconBoldProfileCircle2.displayName = 'HiconBoldProfileCircle2';
+
+export default HiconBoldProfileCircle2;

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

@@ -0,0 +1,73 @@
+import React from 'react';
+
+/**
+ * Profile Circle icon from Hicon/Bold collection
+ * 
+ * @param size - Size of the icon (default: 24)
+ * @param color - Color of the icon (default: 'currentColor')
+ * @param className - Additional CSS classes
+ * @param title - Accessibility title
+ * @param aria-label - Accessibility label
+ * @param style - Additional CSS styles
+ * 
+ * @keywords profile circle, profile, circle, hicon/bold
+ * @tags hicon/bold, interface, files
+ * @category Hicon/Bold
+ * 
+ * @example
+ * ```tsx
+ * import { ComponentName } from 'icona/react';
+ * 
+ * function MyComponent() {
+ *   return <ComponentName size={24} color="blue" />;
+ * }
+ * ```
+ */
+interface HiconBoldProfileCircleProps {
+  /** 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 HiconBoldProfileCircle = React.forwardRef<SVGSVGElement, HiconBoldProfileCircleProps>(
+  ({ 
+    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 || 'Profile Circle icon from Hicon/Bold collection'}
+    >
+      {title && <title>{title}</title>}
+      <path fill="#FAFAFA" d="M15.25 9A3.25 3.25 0 0 1 12 12.25v1.5A4.75 4.75 0 0 0 16.75 9zM12 12.25A3.25 3.25 0 0 1 8.75 9h-1.5A4.75 4.75 0 0 0 12 13.75zM8.75 9A3.25 3.25 0 0 1 12 5.75v-1.5A4.75 4.75 0 0 0 7.25 9zM12 5.75A3.25 3.25 0 0 1 15.25 9h1.5A4.75 4.75 0 0 0 12 4.25zm-3 11h6v-1.5H9zM2.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.75zM21.25 12a9.22 9.22 0 0 1-2.846 6.675l1.038 1.082A10.72 10.72 0 0 0 22.75 12zm-2.846 6.675A9.22 9.22 0 0 1 12 21.25v1.5c2.888 0 5.512-1.14 7.442-2.993zM15 16.75a3.25 3.25 0 0 1 3.188 2.612l1.47-.292A4.75 4.75 0 0 0 15 15.25zm-3 4.5a9.22 9.22 0 0 1-6.404-2.575l-1.038 1.082A10.72 10.72 0 0 0 12 22.75zm-6.404-2.575A9.22 9.22 0 0 1 2.75 12h-1.5c0 3.049 1.27 5.802 3.308 7.757zM9 15.25a4.75 4.75 0 0 0-4.659 3.82l1.471.292A3.25 3.25 0 0 1 9 16.75z"/><path fill="#FAFAFA" d="M15 16H9a4 4 0 0 0-3.923 3.216A9.97 9.97 0 0 0 12 22a9.97 9.97 0 0 0 6.923-2.784A4 4 0 0 0 15 16"/><path fill="#FAFAFA" d="m18.923 19.216.52.541.296-.284-.08-.403zm-13.846 0-.736-.146-.08.403.297.284zM9 16.75h6v-1.5H9zm9.404 1.925A9.22 9.22 0 0 1 12 21.25v1.5c2.888 0 5.512-1.14 7.443-2.993zM15 16.75a3.25 3.25 0 0 1 3.188 2.612l1.47-.292A4.75 4.75 0 0 0 15 15.25zm-3 4.5a9.22 9.22 0 0 1-6.404-2.575l-1.038 1.082A10.72 10.72 0 0 0 12 22.75zm-3-6a4.75 4.75 0 0 0-4.659 3.82l1.472.292A3.25 3.25 0 0 1 9 16.75zM16 9a4 4 0 1 1-8 0 4 4 0 0 1 8 0"/><path fill="#FAFAFA" d="M15.25 9A3.25 3.25 0 0 1 12 12.25v1.5A4.75 4.75 0 0 0 16.75 9zM12 12.25A3.25 3.25 0 0 1 8.75 9h-1.5A4.75 4.75 0 0 0 12 13.75zM8.75 9A3.25 3.25 0 0 1 12 5.75v-1.5A4.75 4.75 0 0 0 7.25 9zM12 5.75A3.25 3.25 0 0 1 15.25 9h1.5A4.75 4.75 0 0 0 12 4.25z"/>
+    </svg>
+  )
+);
+
+HiconBoldProfileCircle.displayName = 'HiconBoldProfileCircle';
+
+export default HiconBoldProfileCircle;