@winplaybox/icons 0.0.0-stage → 0.2.0

package/src/generated/core/GaugeIcon.tsx

@@ -0,0 +1,29 @@
+import React from 'react';
+import { IconProps } from '../../types';
+
+export const GaugeIcon: React.FC<IconProps> = ({
+  size = 24,
+  color = 'currentColor',
+  strokeWidth = 1.5,
+  className,
+  ...props
+}) => (
+  <svg
+    width={size}
+    height={size}
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    className={className}
+    {...props}
+  >
+    <path d="M12 4C6.48 4 2 8.48 2 14C2 16.25 2.75 18.33 4.01 20H19.99C21.25 18.33 22 16.25 22 14C22 8.48 17.52 4 12 4Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeMiterlimit="10" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M12 6V4" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeMiterlimit="10" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M2 14H4" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeMiterlimit="10" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M20 14H22" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeMiterlimit="10" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M8 10L12 15" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeMiterlimit="10" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M12 16C12.5523 16 13 15.5523 13 15C13 14.4477 12.5523 14 12 14C11.4477 14 11 14.4477 11 15C11 15.5523 11.4477 16 12 16Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeMiterlimit="10" strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+
+GaugeIcon.displayName = 'GaugeIcon';

package/src/generated/core/GaugeMinusIcon.tsx

@@ -0,0 +1,30 @@
+import React from 'react';
+import { IconProps } from '../../types';
+
+export const GaugeMinusIcon: React.FC<IconProps> = ({
+  size = 24,
+  color = 'currentColor',
+  strokeWidth = 1.5,
+  className,
+  ...props
+}) => (
+  <svg
+    width={size}
+    height={size}
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    className={className}
+    {...props}
+  >
+    <path d="M17 12C14.24 12 12 9.76 12 7C12 6.66 12.04 6.33 12.1 6.01C12.07 6 12.03 6 12 6C6.48 6 2 10.48 2 16C2 18.25 2.75 20.33 4.01 22H19.99C21.25 20.33 22 18.25 22 16C22 14.02 21.42 12.18 20.42 10.63C19.53 11.47 18.33 12 17 12Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeMiterlimit="10" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M2 16H4" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeMiterlimit="10" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M20 16H22" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeMiterlimit="10" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M8 12L12 17" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeMiterlimit="10" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M12 18C12.5523 18 13 17.5523 13 17C13 16.4477 12.5523 16 12 16C11.4477 16 11 16.4477 11 17C11 17.5523 11.4477 18 12 18Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeMiterlimit="10" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M17 12C19.7614 12 22 9.76142 22 7C22 4.23858 19.7614 2 17 2C14.2386 2 12 4.23858 12 7C12 9.76142 14.2386 12 17 12Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeMiterlimit="10" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M14 7H20" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeMiterlimit="10" strokeLinejoin="round"/>
+  </svg>
+);
+
+GaugeMinusIcon.displayName = 'GaugeMinusIcon';

package/src/generated/core/GaugePlusIcon.tsx

@@ -0,0 +1,31 @@
+import React from 'react';
+import { IconProps } from '../../types';
+
+export const GaugePlusIcon: React.FC<IconProps> = ({
+  size = 24,
+  color = 'currentColor',
+  strokeWidth = 1.5,
+  className,
+  ...props
+}) => (
+  <svg
+    width={size}
+    height={size}
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    className={className}
+    {...props}
+  >
+    <path d="M17 12C14.24 12 12 9.76 12 7C12 6.66 12.04 6.33 12.1 6.01C12.07 6 12.03 6 12 6C6.48 6 2 10.48 2 16C2 18.25 2.75 20.33 4.01 22H19.99C21.25 20.33 22 18.25 22 16C22 14.02 21.42 12.18 20.42 10.63C19.53 11.47 18.33 12 17 12Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeMiterlimit="10" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M2 16H4" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeMiterlimit="10" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M20 16H22" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeMiterlimit="10" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M8 12L12 17" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeMiterlimit="10" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M12 18C12.5523 18 13 17.5523 13 17C13 16.4477 12.5523 16 12 16C11.4477 16 11 16.4477 11 17C11 17.5523 11.4477 18 12 18Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeMiterlimit="10" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M17 12C19.7614 12 22 9.76142 22 7C22 4.23858 19.7614 2 17 2C14.2386 2 12 4.23858 12 7C12 9.76142 14.2386 12 17 12Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeMiterlimit="10" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M14 7H20" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeMiterlimit="10" strokeLinejoin="round"/>
+<path d="M17 4V10" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeMiterlimit="10" strokeLinejoin="round"/>
+  </svg>
+);
+
+GaugePlusIcon.displayName = 'GaugePlusIcon';

package/src/generated/core/GaugeSlashIcon.tsx

@@ -0,0 +1,30 @@
+import React from 'react';
+import { IconProps } from '../../types';
+
+export const GaugeSlashIcon: React.FC<IconProps> = ({
+  size = 24,
+  color = 'currentColor',
+  strokeWidth = 1.5,
+  className,
+  ...props
+}) => (
+  <svg
+    width={size}
+    height={size}
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    className={className}
+    {...props}
+  >
+    <path d="M12 4C6.48 4 2 8.48 2 14C2 16.25 2.75 18.33 4.01 20H19.99C21.25 18.33 22 16.25 22 14C22 8.48 17.52 4 12 4Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeMiterlimit="10" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M12 6V4" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeMiterlimit="10" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M2 14H4" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeMiterlimit="10" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M20 14H22" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeMiterlimit="10" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M8 10L12 15" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeMiterlimit="10" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M12 16C12.5523 16 13 15.5523 13 15C13 14.4477 12.5523 14 12 14C11.4477 14 11 14.4477 11 15C11 15.5523 11.4477 16 12 16Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeMiterlimit="10" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M3 3L21 21" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeMiterlimit="10" strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+
+GaugeSlashIcon.displayName = 'GaugeSlashIcon';

package/src/generated/core/GoProIcon.tsx

@@ -0,0 +1,29 @@
+import React from 'react';
+import { IconProps } from '../../types';
+
+export const GoProIcon: React.FC<IconProps> = ({
+  size = 24,
+  color = 'currentColor',
+  strokeWidth = 1.5,
+  className,
+  ...props
+}) => (
+  <svg
+    width={size}
+    height={size}
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    className={className}
+    {...props}
+  >
+    <rect x="3" y="14" width="12" height="18" rx="2" transform="rotate(-90 3 14)" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round"/>
+<rect width="8" height="4" transform="matrix(1.31134e-07 -1 -1 -1.31134e-07 14 22)" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round"/>
+<path d="M17 22H7" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<rect x="11" y="10" width="8" height="10" rx="2" transform="rotate(-90 11 10)" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round"/>
+<circle cx="16" cy="6" r="1" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round"/>
+<path d="M8 10L6 10" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+
+GoProIcon.displayName = 'GoProIcon';

package/src/generated/core/GreaterThanIcon.tsx

@@ -0,0 +1,24 @@
+import React from 'react';
+import { IconProps } from '../../types';
+
+export const GreaterThanIcon: React.FC<IconProps> = ({
+  size = 24,
+  color = 'currentColor',
+  strokeWidth = 1.5,
+  className,
+  ...props
+}) => (
+  <svg
+    width={size}
+    height={size}
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    className={className}
+    {...props}
+  >
+    <path d="M5 2L19 12L5 22" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeMiterlimit="10" strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+
+GreaterThanIcon.displayName = 'GreaterThanIcon';

package/src/generated/core/GreaterThanSquareIcon.tsx

@@ -0,0 +1,25 @@
+import React from 'react';
+import { IconProps } from '../../types';
+
+export const GreaterThanSquareIcon: React.FC<IconProps> = ({
+  size = 24,
+  color = 'currentColor',
+  strokeWidth = 1.5,
+  className,
+  ...props
+}) => (
+  <svg
+    width={size}
+    height={size}
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    className={className}
+    {...props}
+  >
+    <path d="M20 22H4C2.9 22 2 21.1 2 20V4C2 2.9 2.9 2 4 2H20C21.1 2 22 2.9 22 4V20C22 21.1 21.1 22 20 22Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeMiterlimit="10" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M8 6L16 12L8 18" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeMiterlimit="10" strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+
+GreaterThanSquareIcon.displayName = 'GreaterThanSquareIcon';

package/src/generated/core/GroupCommunicationIcon.tsx

@@ -0,0 +1,31 @@
+import React from 'react';
+import { IconProps } from '../../types';
+
+export const GroupCommunicationIcon: React.FC<IconProps> = ({
+  size = 24,
+  color = 'currentColor',
+  strokeWidth = 1.5,
+  className,
+  ...props
+}) => (
+  <svg
+    width={size}
+    height={size}
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    className={className}
+    {...props}
+  >
+    <path d="M14 4C14 4.66667 13.3333 6 12 6C10.6667 6 10 4.98157 10 4C10 2.66667 11.1076 2 12 2C12.8924 2 14 2.66667 14 4Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M14 16C14 16.6667 13.3333 18 12 18C10.6667 18 10 16.9816 10 16C10 14.6667 11.1076 14 12 14C12.8924 14 14 14.6667 14 16Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M7 15C7 15.6667 6.33333 17 5 17C3.66667 17 3 15.9816 3 15C3 13.6667 4.10756 13 5 13C5.89245 13 7 13.6667 7 15Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M21 15C21 15.6667 20.3333 17 19 17C17.6667 17 17 15.9816 17 15C17 13.6667 18.1076 13 19 13C19.8924 13 21 13.6667 21 15Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M15 10L14.6646 8.21146C14.4242 6.92919 13.3046 6 12 6C10.6954 6 9.57578 6.92919 9.33535 8.21146L9 10H15Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M15 22L14.6646 20.2115C14.4242 18.9292 13.3046 18 12 18C10.6954 18 9.57578 18.9292 9.33535 20.2115L9 22H15Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M8 21L7.66465 19.2115C7.42422 17.9292 6.30461 17 5 17C3.69539 17 2.57578 17.9292 2.33535 19.2115L2 21H8Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M22 21L21.6646 19.2115C21.4242 17.9292 20.3046 17 19 17C17.6954 17 16.5758 17.9292 16.3354 19.2115L16 21H22Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+
+GroupCommunicationIcon.displayName = 'GroupCommunicationIcon';

package/src/generated/core/GroupCommunityIcon.tsx

@@ -0,0 +1,32 @@
+import React from 'react';
+import { IconProps } from '../../types';
+
+export const GroupCommunityIcon: React.FC<IconProps> = ({
+  size = 24,
+  color = 'currentColor',
+  strokeWidth = 1.5,
+  className,
+  ...props
+}) => (
+  <svg
+    width={size}
+    height={size}
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    className={className}
+    {...props}
+  >
+    <path d="M14 4C14 4.66667 13.3333 6 12 6C10.6667 6 10 4.98157 10 4C10 2.66667 11.1076 2 12 2C12.8924 2 14 2.66667 14 4Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M15 10L14.6646 8.21146C14.4242 6.92919 13.3046 6 12 6C10.6954 6 9.57578 6.92919 9.33535 8.21146L9 10H15Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5}/>
+<path d="M21 12C21 12.6667 20.3333 14 19 14C17.6667 14 17 12.9816 17 12C17 10.6667 18.1076 10 19 10C19.8924 10 21 10.6667 21 12Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M22 18L21.6646 16.2115C21.4242 14.9292 20.3046 14 19 14C17.6954 14 16.5758 14.9292 16.3354 16.2115L16 18H22Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5}/>
+<path d="M7 12C7 12.6667 6.33333 14 5 14C3.66667 14 3 12.9816 3 12C3 10.6667 4.10756 10 5 10C5.89245 10 7 10.6667 7 12Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M8 18L7.66465 16.2115C7.42422 14.9292 6.30461 14 5 14C3.69539 14 2.57578 14.9292 2.33535 16.2115L2 18H8Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5}/>
+<path d="M11 20H15M13 19L11 20L13 19ZM11 20L13 21L11 20Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M5.85022 5.81909L2.57361 8.1134M4.78549 7.7854L5.85022 5.81909L4.78549 7.7854ZM5.85022 5.81909L3.63834 6.14709L5.85022 5.81909Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M19.8502 7.1134L16.5736 4.81909M17.6383 6.78539L19.8502 7.1134L17.6383 6.78539ZM19.8502 7.1134L18.7855 5.14709L19.8502 7.1134Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+
+GroupCommunityIcon.displayName = 'GroupCommunityIcon';

package/src/generated/core/Hand2FingersUpIcon.tsx

@@ -0,0 +1,24 @@
+import React from 'react';
+import { IconProps } from '../../types';
+
+export const Hand2FingersUpIcon: React.FC<IconProps> = ({
+  size = 24,
+  color = 'currentColor',
+  strokeWidth = 1.5,
+  className,
+  ...props
+}) => (
+  <svg
+    width={size}
+    height={size}
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    className={className}
+    {...props}
+  >
+    <path d="M17.7178 12V11.52C17.7178 10.68 17.0373 10 16.1967 10C15.4962 10 14.8958 10.47 14.7257 11.15L14.5156 12L16.1467 3.91C16.3468 2.92 15.5863 2 14.5856 2C13.8251 2 13.1646 2.54 13.0145 3.28L11.2733 12L8.65149 4.58C8.42133 3.93 7.8109 3.5 7.12042 3.5C6.04968 3.5 5.27914 4.51 5.55934 5.54L8.00103 14.5L5.76948 12.53C5.11903 11.92 4.13835 11.79 3.4879 12.4C2.83745 13.01 2.83745 14.06 3.4879 14.67L10.1725 20.85C11.1532 21.54 12.3741 22 13.755 22H15.136C18.3983 22 21.0001 19.56 21.0001 16.5C21.0001 16.5 21.0001 13.34 21.0001 12.5C21.0001 11.66 20.2195 11.03 19.3489 11C18.5984 10.97 17.9579 11.34 17.7078 12" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+
+Hand2FingersUpIcon.displayName = 'Hand2FingersUpIcon';

package/src/generated/core/Hand2FingersUpSlashIcon.tsx

@@ -0,0 +1,25 @@
+import React from 'react';
+import { IconProps } from '../../types';
+
+export const Hand2FingersUpSlashIcon: React.FC<IconProps> = ({
+  size = 24,
+  color = 'currentColor',
+  strokeWidth = 1.5,
+  className,
+  ...props
+}) => (
+  <svg
+    width={size}
+    height={size}
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    className={className}
+    {...props}
+  >
+    <path d="M17.7177 12V11.52C17.7177 10.68 17.0372 10 16.1967 10C15.4962 10 14.8958 10.47 14.7256 11.15L14.5155 12L16.1466 3.91C16.3468 2.92 15.5862 2 14.5855 2C13.825 2 13.1646 2.54 13.0145 3.28L11.2732 12L8.65142 4.58C8.42127 3.93 7.81084 3.5 7.12036 3.5C6.04962 3.5 5.27908 4.51 5.55928 5.54L8.00097 14.5L5.76942 12.53C5.11897 11.92 4.13829 11.79 3.48784 12.4C2.83739 13.01 2.83739 14.06 3.48784 14.67L10.1725 20.85C11.1532 21.54 12.374 22 13.755 22H15.1359C18.3982 22 21 19.56 21 16.5C21 16.5 21 13.34 21 12.5C21 11.66 20.2195 11.03 19.3489 11C18.5983 10.97 17.9579 11.34 17.7077 12" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M2 2L22 22" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeMiterlimit="10" strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+
+Hand2FingersUpSlashIcon.displayName = 'Hand2FingersUpSlashIcon';

package/src/generated/core/HandClickRaysIcon.tsx

@@ -0,0 +1,29 @@
+import React from 'react';
+import { IconProps } from '../../types';
+
+export const HandClickRaysIcon: React.FC<IconProps> = ({
+  size = 24,
+  color = 'currentColor',
+  strokeWidth = 1.5,
+  className,
+  ...props
+}) => (
+  <svg
+    width={size}
+    height={size}
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    className={className}
+    {...props}
+  >
+    <path d="M11.3825 14.8V10.47C11.3825 9.77 11.9525 9.2 12.6525 9.2C13.3525 9.2 13.9225 9.77 13.9225 10.47V14.8V12.07C13.9225 11.37 14.4925 10.8 15.1925 10.8C15.8925 10.8 16.4625 11.37 16.4625 12.07V14.8V13.62C16.4625 12.95 17.0325 12.4 17.7325 12.4C18.4325 12.4 19.0025 12.95 19.0025 13.62V17.6C19.0025 20.04 16.9725 22 14.4425 22H13.3625C12.2825 22 11.3325 21.63 10.5725 21.08L5.3825 16.13C4.8725 15.64 4.8725 14.8 5.3825 14.31C5.8925 13.82 6.6525 13.93 7.1525 14.42L8.8525 16.01V7.22C8.8525 6.55 9.4225 6 10.1225 6C10.8225 6 11.3925 6.55 11.3925 7.22L11.3825 14.8Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M16.24 7L15.1201 7" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M14.3629 3.5L13.6558 4.20711" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M10.1201 2V3" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M6.62012 4.20711L5.91301 3.5" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M5.12012 7L4 7" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+
+HandClickRaysIcon.displayName = 'HandClickRaysIcon';

package/src/generated/core/HandClickWaveIcon.tsx

@@ -0,0 +1,25 @@
+import React from 'react';
+import { IconProps } from '../../types';
+
+export const HandClickWaveIcon: React.FC<IconProps> = ({
+  size = 24,
+  color = 'currentColor',
+  strokeWidth = 1.5,
+  className,
+  ...props
+}) => (
+  <svg
+    width={size}
+    height={size}
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    className={className}
+    {...props}
+  >
+    <path d="M11.3825 14.8V10.47C11.3825 9.77 11.9525 9.2 12.6525 9.2C13.3525 9.2 13.9225 9.77 13.9225 10.47V14.8V12.07C13.9225 11.37 14.4925 10.8 15.1925 10.8C15.8925 10.8 16.4625 11.37 16.4625 12.07V14.8V13.62C16.4625 12.95 17.0325 12.4 17.7325 12.4C18.4325 12.4 19.0025 12.95 19.0025 13.62V17.6C19.0025 20.04 16.9725 22 14.4425 22H13.3625C12.2825 22 11.3325 21.63 10.5725 21.08L5.3825 16.13C4.8725 15.64 4.8725 14.8 5.3825 14.31C5.8925 13.82 6.6525 13.93 7.1525 14.42L8.8525 16.01V7.22C8.8525 6.55 9.4225 6 10.1225 6C10.8225 6 11.3925 6.55 11.3925 7.22L11.3825 14.8Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M15.12 7C15.12 4.23858 12.8814 2 10.12 2C7.35857 2 5.12 4.23858 5.12 7" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+
+HandClickWaveIcon.displayName = 'HandClickWaveIcon';

package/src/generated/core/HandDialNumberIcon.tsx

@@ -0,0 +1,30 @@
+import React from 'react';
+import { IconProps } from '../../types';
+
+export const HandDialNumberIcon: React.FC<IconProps> = ({
+  size = 24,
+  color = 'currentColor',
+  strokeWidth = 1.5,
+  className,
+  ...props
+}) => (
+  <svg
+    width={size}
+    height={size}
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    className={className}
+    {...props}
+  >
+    <path d="M14.3825 14.8V10.47C14.3825 9.77 14.9525 9.2 15.6525 9.2C16.3525 9.2 16.9225 9.77 16.9225 10.47V14.8V12.07C16.9225 11.37 17.4925 10.8 18.1925 10.8C18.8925 10.8 19.4625 11.37 19.4625 12.07V14.8V13.62C19.4625 12.95 20.0325 12.4 20.7325 12.4C21.4325 12.4 22.0025 12.95 22.0025 13.62V17.6C22.0025 20.04 19.9725 22 17.4425 22H16.3625C15.2825 22 14.3325 21.63 13.5725 21.08L8.3825 16.13C7.8725 15.64 7.8725 14.8 8.3825 14.31C8.8925 13.82 9.6525 13.93 10.1525 14.42L11.8525 16.01V7.22C11.8525 6.55 12.4225 6 13.1225 6C13.8225 6 14.3925 6.55 14.3925 7.22L14.3825 14.8Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<circle cx="3" cy="13" r="1" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<circle cx="8" cy="8" r="1" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<circle cx="3" cy="8" r="1" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<circle cx="13" cy="3" r="1" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<circle cx="8" cy="3" r="1" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<circle cx="3" cy="3" r="1" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+
+HandDialNumberIcon.displayName = 'HandDialNumberIcon';

package/src/generated/core/HandDrawIcon.tsx

@@ -0,0 +1,25 @@
+import React from 'react';
+import { IconProps } from '../../types';
+
+export const HandDrawIcon: React.FC<IconProps> = ({
+  size = 24,
+  color = 'currentColor',
+  strokeWidth = 1.5,
+  className,
+  ...props
+}) => (
+  <svg
+    width={size}
+    height={size}
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    className={className}
+    {...props}
+  >
+    <path d="M13.3825 13.8V9.47C13.3825 8.77 13.9525 8.2 14.6525 8.2C15.3525 8.2 15.9225 8.77 15.9225 9.47V13.8V11.07C15.9225 10.37 16.4925 9.8 17.1925 9.8C17.8925 9.8 18.4625 10.37 18.4625 11.07V13.8V12.62C18.4625 11.95 19.0325 11.4 19.7325 11.4C20.4325 11.4 21.0025 11.95 21.0025 12.62V16.6C21.0025 19.04 18.9725 21 16.4425 21H15.3625C14.2825 21 13.3325 20.63 12.5725 20.08L7.3825 15.13C6.8725 14.64 6.8725 13.8 7.3825 13.31C7.8925 12.82 8.6525 12.93 9.1525 13.42L10.8525 15.01V6.22C10.8525 5.55 11.4225 5 12.1225 5C12.8225 5 13.3925 5.55 13.3925 6.22L13.3825 13.8Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M3 10C3 6 5.75 3 9.5 3" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+
+HandDrawIcon.displayName = 'HandDrawIcon';

package/src/generated/core/HandFistIcon.tsx

@@ -0,0 +1,24 @@
+import React from 'react';
+import { IconProps } from '../../types';
+
+export const HandFistIcon: React.FC<IconProps> = ({
+  size = 24,
+  color = 'currentColor',
+  strokeWidth = 1.5,
+  className,
+  ...props
+}) => (
+  <svg
+    width={size}
+    height={size}
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    className={className}
+    {...props}
+  >
+    <path d="M17.3216 8.88V8.33C17.3216 7.32 16.5019 6.5 15.4924 6.5C14.4828 6.5 13.6631 7.32 13.6631 8.33V8.88V7.83C13.6531 6.82 12.8335 6 11.8239 6C10.8143 6 9.99465 6.82 9.99465 7.83V8.88H9.98465V8.22C9.98465 7.28 9.16499 6.5 8.15541 6.5C7.14583 6.5 6.31618 7.27 6.31618 8.22V10.59C5.58648 9.9 4.27703 9.76 3.54733 10.45C2.81764 11.14 2.81764 12.32 3.54733 13L8.81514 17.71C9.91468 18.48 11.2841 19 12.8435 19H14.4028C18.0613 19 21.0001 16.25 21.0001 12.82V8.94C21.0001 8 20.1804 7.22 19.1708 7.22C18.1612 7.22 17.3416 7.96 17.3416 8.91" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+
+HandFistIcon.displayName = 'HandFistIcon';

package/src/generated/core/HandFistSlashIcon.tsx

@@ -0,0 +1,25 @@
+import React from 'react';
+import { IconProps } from '../../types';
+
+export const HandFistSlashIcon: React.FC<IconProps> = ({
+  size = 24,
+  color = 'currentColor',
+  strokeWidth = 1.5,
+  className,
+  ...props
+}) => (
+  <svg
+    width={size}
+    height={size}
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    className={className}
+    {...props}
+  >
+    <path d="M17.3215 8.88V8.33C17.3215 7.32 16.5019 6.5 15.4923 6.5C14.4827 6.5 13.6631 7.32 13.6631 8.33V8.88V7.83C13.6531 6.82 12.8334 6 11.8238 6C10.8142 6 9.99459 6.82 9.99459 7.83V8.88H9.98459V8.22C9.98459 7.28 9.16493 6.5 8.15535 6.5C7.14577 6.5 6.31612 7.27 6.31612 8.22V10.59C5.58642 9.9 4.27697 9.76 3.54727 10.45C2.81758 11.14 2.81758 12.32 3.54727 13L8.81508 17.71C9.91462 18.48 11.284 19 12.8434 19H14.4027C18.0612 19 21 16.25 21 12.82V8.94C21 8 20.1803 7.22 19.1708 7.22C18.1612 7.22 17.3415 7.96 17.3415 8.91" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M2 2L22 22" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeMiterlimit="10" strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+
+HandFistSlashIcon.displayName = 'HandFistSlashIcon';

package/src/generated/core/HandMovementIcon.tsx

@@ -0,0 +1,27 @@
+import React from 'react';
+import { IconProps } from '../../types';
+
+export const HandMovementIcon: React.FC<IconProps> = ({
+  size = 24,
+  color = 'currentColor',
+  strokeWidth = 1.5,
+  className,
+  ...props
+}) => (
+  <svg
+    width={size}
+    height={size}
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    className={className}
+    {...props}
+  >
+    <path d="M14.3825 14.8V10.47C14.3825 9.77 14.9525 9.2 15.6525 9.2C16.3525 9.2 16.9225 9.77 16.9225 10.47V14.8V12.07C16.9225 11.37 17.4925 10.8 18.1925 10.8C18.8925 10.8 19.4625 11.37 19.4625 12.07V14.8V13.62C19.4625 12.95 20.0325 12.4 20.7325 12.4C21.4325 12.4 22.0025 12.95 22.0025 13.62V17.6C22.0025 20.04 19.9725 22 17.4425 22H16.3625C15.2825 22 14.3325 21.63 13.5725 21.08L8.3825 16.13C7.8725 15.64 7.8725 14.8 8.3825 14.31C8.8925 13.82 9.6525 13.93 10.1525 14.42L11.8525 16.01V7.22C11.8525 6.55 12.4225 6 13.1225 6C13.8225 6 14.3925 6.55 14.3925 7.22L14.3825 14.8Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M7.99998 2.00002C9.00006 6.00002 6.99991 11 1.99998 10" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M10 4L8 2L6 4" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeMiterlimit="10" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M4 8L2 10L4 12" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeMiterlimit="10" strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+
+HandMovementIcon.displayName = 'HandMovementIcon';

package/src/generated/core/HandPointFingerIcon.tsx

@@ -0,0 +1,24 @@
+import React from 'react';
+import { IconProps } from '../../types';
+
+export const HandPointFingerIcon: React.FC<IconProps> = ({
+  size = 24,
+  color = 'currentColor',
+  strokeWidth = 1.5,
+  className,
+  ...props
+}) => (
+  <svg
+    width={size}
+    height={size}
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    className={className}
+    {...props}
+  >
+    <path d="M11.2132 12.9945V7.62719C11.2132 6.72764 11.9437 5.998 12.8443 5.998C13.745 5.998 14.4755 6.72764 14.4755 7.62719V12.9945V9.62619C14.4755 8.72664 15.206 7.997 16.1066 7.997C17.0072 7.997 17.7377 8.72664 17.7377 9.62619V12.9945H17.7477V11.5252C17.7477 10.6857 18.4782 9.996 19.3789 9.996C20.2695 9.996 21 10.6857 21 11.5252V16.5027C21 19.5512 18.3882 22 15.1359 22H13.755C12.374 22 11.1432 21.5402 10.1725 20.8506L3.48784 14.6737C2.83739 14.064 2.83739 13.0145 3.48784 12.4048C4.13829 11.7951 5.11897 11.925 5.76942 12.5347L7.95094 14.5137V3.52924C7.94093 2.68966 8.67144 2 9.57206 2C10.4727 2 11.2032 2.68966 11.2032 3.52924V12.9945" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+
+HandPointFingerIcon.displayName = 'HandPointFingerIcon';

package/src/generated/core/HandPointFingerSlashIcon.tsx

@@ -0,0 +1,25 @@
+import React from 'react';
+import { IconProps } from '../../types';
+
+export const HandPointFingerSlashIcon: React.FC<IconProps> = ({
+  size = 24,
+  color = 'currentColor',
+  strokeWidth = 1.5,
+  className,
+  ...props
+}) => (
+  <svg
+    width={size}
+    height={size}
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    className={className}
+    {...props}
+  >
+    <path d="M11.2132 12.9945V7.62719C11.2132 6.72764 11.9437 5.998 12.8443 5.998C13.745 5.998 14.4755 6.72764 14.4755 7.62719V12.9945V9.62619C14.4755 8.72664 15.206 7.997 16.1066 7.997C17.0072 7.997 17.7377 8.72664 17.7377 9.62619V12.9945H17.7477V11.5252C17.7477 10.6857 18.4782 9.996 19.3789 9.996C20.2695 9.996 21 10.6857 21 11.5252V16.5027C21 19.5512 18.3882 22 15.1359 22H13.755C12.374 22 11.1432 21.5402 10.1725 20.8506L3.48784 14.6737C2.83739 14.064 2.83739 13.0145 3.48784 12.4048C4.13829 11.7951 5.11897 11.925 5.76942 12.5347L7.95094 14.5137V3.52924C7.94093 2.68966 8.67144 2 9.57206 2C10.4727 2 11.2032 2.68966 11.2032 3.52924V12.9945" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M2 2L22 22" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeMiterlimit="10" strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+
+HandPointFingerSlashIcon.displayName = 'HandPointFingerSlashIcon';

package/src/generated/core/HandPointFistIcon.tsx

@@ -0,0 +1,24 @@
+import React from 'react';
+import { IconProps } from '../../types';
+
+export const HandPointFistIcon: React.FC<IconProps> = ({
+  size = 24,
+  color = 'currentColor',
+  strokeWidth = 1.5,
+  className,
+  ...props
+}) => (
+  <svg
+    width={size}
+    height={size}
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    className={className}
+    {...props}
+  >
+    <path d="M11.2032 12.9945V12.1249C11.2032 11.2254 11.9337 10.4958 12.8343 10.4958C13.735 10.4958 14.4655 11.2254 14.4655 12.1249V12.9945V12.6247C14.4655 11.7251 15.196 10.9955 16.0966 10.9955C16.9972 10.9955 17.7277 11.7251 17.7277 12.6247V12.9945H17.7377V13.0245C17.7377 12.1849 18.4682 11.4953 19.3689 11.4953C20.2695 11.4953 21 12.1849 21 13.0245V16.5027C21 19.5512 18.3882 22 15.1359 22H13.755C12.374 22 11.1432 21.5402 10.1725 20.8506L3.48784 14.6737C2.83739 14.064 2.83739 13.0145 3.48784 12.4048C4.13829 11.7951 5.11897 11.925 5.76942 12.5347L7.95094 14.5137V3.52924C7.93092 2.68966 8.66143 2 9.56206 2C10.4627 2 11.1932 2.68966 11.1932 3.52924V12.9945" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+
+HandPointFistIcon.displayName = 'HandPointFistIcon';

package/src/generated/core/HandPointFistSlashIcon.tsx

@@ -0,0 +1,25 @@
+import React from 'react';
+import { IconProps } from '../../types';
+
+export const HandPointFistSlashIcon: React.FC<IconProps> = ({
+  size = 24,
+  color = 'currentColor',
+  strokeWidth = 1.5,
+  className,
+  ...props
+}) => (
+  <svg
+    width={size}
+    height={size}
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    className={className}
+    {...props}
+  >
+    <path d="M11.2032 12.9945V12.1249C11.2032 11.2254 11.9337 10.4958 12.8343 10.4958C13.735 10.4958 14.4655 11.2254 14.4655 12.1249V12.9945V12.6247C14.4655 11.7251 15.196 10.9955 16.0966 10.9955C16.9972 10.9955 17.7277 11.7251 17.7277 12.6247V12.9945H17.7377V13.0245C17.7377 12.1849 18.4682 11.4953 19.3689 11.4953C20.2695 11.4953 21 12.1849 21 13.0245V16.5027C21 19.5512 18.3882 22 15.1359 22H13.755C12.374 22 11.1432 21.5402 10.1725 20.8506L3.48784 14.6737C2.83739 14.064 2.83739 13.0145 3.48784 12.4048C4.13829 11.7951 5.11897 11.925 5.76942 12.5347L7.95094 14.5137V3.52924C7.93092 2.68966 8.66143 2 9.56206 2C10.4627 2 11.1932 2.68966 11.1932 3.52924V12.9945" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M2 2L22 22" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeMiterlimit="10" strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+
+HandPointFistSlashIcon.displayName = 'HandPointFistSlashIcon';