@winplaybox/icons 0.0.0-stage → 0.2.0

package/src/generated/core/ActionIdeaOnIcon.tsx

@@ -0,0 +1,32 @@
+import React from 'react';
+import { IconProps } from '../../types';
+
+export const ActionIdeaOnIcon: 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 2C8.66004 2 5.71004 3.72 5.76004 8.16L2.04004 12.98C1.93004 13.12 2.06004 13.3 2.26004 13.3L4.74004 14.53C4.87004 15.45 5.35004 18.13 5.61004 19.47C5.70004 19.89 9.80004 19.57 9.80004 19.57L11 22" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeMiterlimit="10" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M15.28 2L14.26 4.85" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeMiterlimit="10" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M21.69 4.73999L18.27 7.29999" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeMiterlimit="10" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M22 12.11L18.73 11.87" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeMiterlimit="10" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M13.4901 15.22C14.6701 14.62 17.6101 11.58 15.8401 9.25002C14.4001 7.36002 11.6701 7.36002 10.2301 9.25002C8.46006 11.58 11.4101 14.61 12.5801 15.22C12.8701 15.36 13.2001 15.36 13.4901 15.22Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeMiterlimit="10" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M13.04 11.78V15.33" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeMiterlimit="10" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M11.72 17.91H14.35" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeMiterlimit="10" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M11.72 15.33H14.35" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeMiterlimit="10" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M13 11.78C13.2761 11.78 13.5 11.5562 13.5 11.28C13.5 11.0039 13.2761 10.78 13 10.78C12.7239 10.78 12.5 11.0039 12.5 11.28C12.5 11.5562 12.7239 11.78 13 11.78Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeMiterlimit="10" strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+
+ActionIdeaOnIcon.displayName = 'ActionIdeaOnIcon';

package/src/generated/core/ActionInvisibleIcon.tsx

@@ -0,0 +1,26 @@
+import React from 'react';
+import { IconProps } from '../../types';
+
+export const ActionInvisibleIcon: 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 18C6.48 18 2 12 2 12C2 12 6.48 6 12 6C17.52 6 22 12 22 12C22 12 17.52 18 12 18Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeMiterlimit="10" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M12 14.5C13.3807 14.5 14.5 13.3807 14.5 12C14.5 10.6193 13.3807 9.5 12 9.5C10.6193 9.5 9.5 10.6193 9.5 12C9.5 13.3807 10.6193 14.5 12 14.5Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeMiterlimit="10" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M2 2L22 22" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeMiterlimit="10" strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+
+ActionInvisibleIcon.displayName = 'ActionInvisibleIcon';

package/src/generated/core/ActionLike2Icon.tsx

@@ -0,0 +1,25 @@
+import React from 'react';
+import { IconProps } from '../../types';
+
+export const ActionLike2Icon: 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 fillRule="evenodd" clipRule="evenodd" d="M6 12L8.64 10.24C8.87 10.08 9.07 9.89 9.22 9.65C9.82 8.69 10.46 7.47 11 6C11.37 4.99 11.62 4.04 11.79 3.2C11.93 2.5 12.56 2 13.28 2C15.17 2 16.55 3.77 16.09 5.6L15 10H19.64C20.88 10 21.82 11.11 21.61 12.33L20.28 20.33C20.12 21.29 19.28 22 18.31 22H10.94C10.32 22 9.71 21.86 9.15 21.58L6 20V12Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeMiterlimit="10" strokeLinecap="round" strokeLinejoin="round"/>
+<path fillRule="evenodd" clipRule="evenodd" d="M5 22H3C2.45 22 2 21.55 2 21V10C2 9.45 2.45 9 3 9H5C5.55 9 6 9.45 6 10V21C6 21.55 5.55 22 5 22Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeMiterlimit="10" strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+
+ActionLike2Icon.displayName = 'ActionLike2Icon';

package/src/generated/core/ActionLikeIcon.tsx

@@ -0,0 +1,24 @@
+import React from 'react';
+import { IconProps } from '../../types';
+
+export const ActionLikeIcon: 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="M18.5 15C19.33 15 20 15.67 20 16.5C20 17.33 19.33 18 18.5 18H16H18C18.83 18 19.5 18.67 19.5 19.5C19.5 20.33 18.83 21 18 21H17H9C5.69 21 3 18.3 3 14.98C3 12.28 4.77 9.98997 7.22 9.22997C8.45 8.83997 9.37 7.79997 9.77 6.55997L10.69 3.72997C10.85 3.07997 11.51 2.90997 12.17 3.02997C13.22 3.20997 14.11 4.55997 14.11 6.99997L14 8.99997H19.5C20.33 8.99997 21 9.66997 21 10.5C21 11.33 20.33 12 19.5 12H17H19C19.83 12 20.5 12.67 20.5 13.5C20.5 14.33 19.83 15 19 15H16.5" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeMiterlimit="10" strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+
+ActionLikeIcon.displayName = 'ActionLikeIcon';

package/src/generated/core/ActionPinIcon.tsx

@@ -0,0 +1,25 @@
+import React from 'react';
+import { IconProps } from '../../types';
+
+export const ActionPinIcon: 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 11H13V19L12 22L11 19V11Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M17 2H7L9.5 4.5V6.5L8.90112 6.67111C7.18391 7.16174 6 8.73128 6 10.5172V11H18V10.5172C18 8.73128 16.8161 7.16174 15.0989 6.67111L14.5 6.5V4.5L17 2Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+
+ActionPinIcon.displayName = 'ActionPinIcon';

package/src/generated/core/ActionPinSlashIcon.tsx

@@ -0,0 +1,26 @@
+import React from 'react';
+import { IconProps } from '../../types';
+
+export const ActionPinSlashIcon: 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 11H13V19L12 22L11 19V11Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M17 2H7L9.5 4.5V6.5L8.90112 6.67111C7.18391 7.16174 6 8.73128 6 10.5172V11H18V10.5172C18 8.73128 16.8161 7.16174 15.0989 6.67111L14.5 6.5V4.5L17 2Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M3 3L21 21" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeMiterlimit="10" strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+
+ActionPinSlashIcon.displayName = 'ActionPinSlashIcon';

package/src/generated/core/ActionStarIcon.tsx

@@ -0,0 +1,24 @@
+import React from 'react';
+import { IconProps } from '../../types';
+
+export const ActionStarIcon: 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 2L15 9H22L17 15L19 22L12 18L5 22L7 15L2 9H9L12 2Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeMiterlimit="10" strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+
+ActionStarIcon.displayName = 'ActionStarIcon';

package/src/generated/core/ActionTouch2Icon.tsx

@@ -0,0 +1,33 @@
+import React from 'react';
+import { IconProps } from '../../types';
+
+export const ActionTouch2Icon: 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="M9 4C9 4 8 5.52948 8 7.01965C8 8.50983 9 10 9 10" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5}/>
+<path d="M13 7C13 7.55228 12.5523 8 12 8C11.4477 8 11 7.55228 11 7C11 6.44772 11.4477 6 12 6C12.5523 6 13 6.44772 13 7Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5}/>
+<path d="M15 4C15 4 16 5.55603 16 7.03735C16 8.51868 15 10 15 10" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5}/>
+<path d="M6 2C6 2 4 4.55841 4 7.03894C4 9.51947 6 12 6 12" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5}/>
+<path d="M18 2C18 2 20 4.60474 20 7.06982C20 9.53491 18 12 18 12" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5}/>
+<path d="M11.9974 11V20" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round"/>
+<path d="M14.5 14V20" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round"/>
+<path d="M17 15V20" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round"/>
+<path d="M19.5 16V20" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round"/>
+<path d="M19.5 20H11.5V19.9937C11.5 19.9937 10.7817 19.7229 9.77447 19.2967C8.76722 18.8706 7.5 18.9999 7.5 18.9999C7.5 18.9999 8.20917 19.1389 9.29945 19.7036C10.3897 20.2682 11.5 22 11.5 22V21.9986H19.5V20Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinejoin="round"/>
+  </svg>
+);
+
+ActionTouch2Icon.displayName = 'ActionTouch2Icon';

package/src/generated/core/ActionTouchIcon.tsx

@@ -0,0 +1,30 @@
+import React from 'react';
+import { IconProps } from '../../types';
+
+export const ActionTouchIcon: 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 fillRule="evenodd" clipRule="evenodd" d="M11.5 14C15.0899 14 18 11.3137 18 8C18 4.68629 15.0899 2 11.5 2C7.91015 2 5 4.68629 5 8C5 11.3137 7.91015 14 11.5 14Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5}/>
+<path fillRule="evenodd" clipRule="evenodd" d="M11.5 11C13.2949 11 14.75 9.65685 14.75 8C14.75 6.34315 13.2949 5 11.5 5C9.70507 5 8.25 6.34315 8.25 8C8.25 9.65685 9.70507 11 11.5 11Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5}/>
+<path d="M11.4974 10V20" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round"/>
+<path d="M14 14V20" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round"/>
+<path d="M16.5 15V20" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round"/>
+<path d="M19 16V20" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round"/>
+<path d="M19 20H11V19.9937C11 19.9937 10.2817 19.7229 9.27447 19.2967C8.26722 18.8706 7 18.9999 7 18.9999C7 18.9999 7.70917 19.1389 8.79945 19.7036C9.8897 20.2682 11 22 11 22V21.9986H19V20Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinejoin="round"/>
+  </svg>
+);
+
+ActionTouchIcon.displayName = 'ActionTouchIcon';

package/src/generated/core/ActionUnfavourite2Icon.tsx

@@ -0,0 +1,25 @@
+import React from 'react';
+import { IconProps } from '../../types';
+
+export const ActionUnfavourite2Icon: 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="M21.8689 9.00004C20.9052 14.03 14.6126 19.762 12.6024 21.4846C12.2448 21.791 11.729 21.7896 11.3736 21.4808C9.3923 19.7598 3.22307 14.0646 2.14648 9.00004C1.29489 4.99389 4.32186 2 6.98605 2C9.99501 2 11.986 4.00004 11.986 4.00004C11.986 4.00004 14.1228 1.99993 16.986 2C19.8696 2.00007 22.6375 4.8726 21.8689 9.00004Z" 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>
+);
+
+ActionUnfavourite2Icon.displayName = 'ActionUnfavourite2Icon';

package/src/generated/core/ActionUnfavourite3Icon.tsx

@@ -0,0 +1,25 @@
+import React from 'react';
+import { IconProps } from '../../types';
+
+export const ActionUnfavourite3Icon: 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="M16.9999 3C14.1196 2.99993 11.9999 6 11.9999 6C11.9999 6 10.0808 3 6.99994 3C4.0991 3 2.00004 5.00004 1.99994 7.99998C2.00004 10.9999 3.00004 13 5.99994 16C8.00004 18 11.9999 21 11.9999 21C11.9999 21 16 18 17.9999 16C21 13 22 11 22 8C22 5.00004 19.9008 3.00007 16.9999 3Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5}/>
+<path d="M2 2L22 22" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeMiterlimit="10" strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+
+ActionUnfavourite3Icon.displayName = 'ActionUnfavourite3Icon';

package/src/generated/core/ActionUnfavourite4Icon.tsx

@@ -0,0 +1,26 @@
+import React from 'react';
+import { IconProps } from '../../types';
+
+export const ActionUnfavourite4Icon: 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}
+  >
+    <circle cx="12" cy="12" r="10" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M15 7.99991C13.2717 7.99987 12 9.66658 12 9.66658C12 9.66658 10.8485 7.99991 8.99998 7.99991C7.25949 7.99991 6.00006 9.19042 6 10.8571C6.00006 12.5237 6.60006 13.5555 8.39999 15.2221C9.60004 16.3332 12 17.9999 12 17.9999C12 17.9999 14.4 16.3332 15.6 15.2221C17.4 13.5555 18 12.5237 18 10.8571C18 9.19041 16.7404 7.99995 15 7.99991Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5}/>
+<path d="M2 2L22 22" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeMiterlimit="10" strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+
+ActionUnfavourite4Icon.displayName = 'ActionUnfavourite4Icon';

package/src/generated/core/ActionUnfavourite5Icon.tsx

@@ -0,0 +1,26 @@
+import React from 'react';
+import { IconProps } from '../../types';
+
+export const ActionUnfavourite5Icon: 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="M2 20V4C2 2.89543 2.89543 2 4 2H20C21.1046 2 22 2.89543 22 4V20C22 21.1046 21.1046 22 20 22H4C2.89543 22 2 21.1046 2 20Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5}/>
+<path d="M15.4999 5.9999C13.4837 5.99985 12 7.9999 12 7.9999C12 7.9999 10.6566 5.9999 8.49998 5.9999C6.4694 5.9999 5.00007 7.4285 5 9.42847C5.00007 11.4284 5.70007 12.6666 7.79999 14.6666C9.20005 15.9999 12 17.9999 12 17.9999C12 17.9999 14.8 15.9999 16.1999 14.6666C18.3 12.6666 19 11.4284 19 9.42847C19 7.42849 17.5305 5.99994 15.4999 5.9999Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5}/>
+<path d="M2 2L22 22" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeMiterlimit="10" strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+
+ActionUnfavourite5Icon.displayName = 'ActionUnfavourite5Icon';

package/src/generated/core/ActionUnfavourite6Icon.tsx

@@ -0,0 +1,26 @@
+import React from 'react';
+import { IconProps } from '../../types';
+
+export const ActionUnfavourite6Icon: 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 6C12 6 14.1196 2.99993 17 3C19.9008 3.00007 22.0001 5.00004 22.0001 8C22.0001 9.6485 21.6981 10.9951 20.9283 12.3715C20.5313 12.1339 20.0438 11.9999 19.5 11.9999C18.0598 11.9999 17 13.3333 17 13.3333C17 13.3333 16.0404 11.9999 14.5 11.9999C13.0496 11.9999 12.0001 12.9523 12 14.2856C12.0001 15.619 12.5 16.4444 14 17.7777C14.2874 18.0332 14.6574 18.3253 15.0387 18.612C13.4489 19.9133 12 21 12 21C12 21 8.0001 18 6 16C3.0001 13 2.0001 10.9999 2 7.99998C2.0001 5.00004 4.09916 3 7 3C10.0808 3 12 6 12 6Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5}/>
+<path d="M19.5 11.9999C18.0598 11.9999 17 13.3333 17 13.3333C17 13.3333 16.0404 11.9999 14.5 11.9999C13.0496 11.9999 12.0001 12.9523 12 14.2856C12.0001 15.619 12.5 16.4444 14 17.7777C15 18.6666 17 19.9999 17 19.9999C17 19.9999 19 18.6666 20 17.7777C21.5 16.4444 22 15.619 22 14.2856C22 12.9523 20.9504 12 19.5 11.9999Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5}/>
+<path d="M2 2L22 22" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeMiterlimit="10" strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+
+ActionUnfavourite6Icon.displayName = 'ActionUnfavourite6Icon';

package/src/generated/core/ActionUnfavourite7Icon.tsx

@@ -0,0 +1,25 @@
+import React from 'react';
+import { IconProps } from '../../types';
+
+export const ActionUnfavourite7Icon: 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.4 4.62C19.34 3.54 17.95 3 16.54 3C15.15 3 13.75 3.54 12.68 4.62L12 5.31L11.32 4.62C10.25 3.54 8.85 3 7.45 3C6.05 3 4.66 3.54 3.6 4.62C1.47 6.8 1.47 10.3 3.6 12.46L12.01 21L19.72 13.16L20.4 12.47C22.53 10.3 22.53 6.8 20.4 4.62Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeMiterlimit="10" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M2 2L22 22" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeMiterlimit="10" strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+
+ActionUnfavourite7Icon.displayName = 'ActionUnfavourite7Icon';

package/src/generated/core/ActionUnfavouriteIcon.tsx

@@ -0,0 +1,25 @@
+import React from 'react';
+import { IconProps } from '../../types';
+
+export const ActionUnfavouriteIcon: 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="M21.8689 9.00004C21.3438 11.7409 18.6207 14.6046 16.4861 17C13.9474 19.8489 11.9861 22 11.9861 22C11.9861 22 10.004 19.8539 7.48608 17C5.37982 14.6127 2.73234 11.7558 2.14654 9.00004C1.29495 4.99389 4.32193 2 6.98611 2C9.99507 2 11.9861 4.00004 11.9861 4.00004C11.9861 4.00004 14.1229 1.99993 16.9861 2C19.8697 2.00007 22.6376 4.8726 21.8689 9.00004Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5}/>
+<path d="M2 2L22 22" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeMiterlimit="10" strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+
+ActionUnfavouriteIcon.displayName = 'ActionUnfavouriteIcon';

package/src/generated/core/ActivityIcon.tsx

@@ -0,0 +1,24 @@
+import React from 'react';
+import { IconProps } from '../../types';
+
+export const ActivityIcon: 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="M22 12H19L16 19L13 5L10 15L7 8L5 12H2" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+
+ActivityIcon.displayName = 'ActivityIcon';

package/src/generated/core/ActivityRectangleIcon.tsx

@@ -0,0 +1,25 @@
+import React from 'react';
+import { IconProps } from '../../types';
+
+export const ActivityRectangleIcon: 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="M22 12H19L16 16L13 8L10 14.1L7 9L5 12H2" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="square" strokeLinejoin="round"/>
+<path d="M22 4H2V20H22V4Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+
+ActivityRectangleIcon.displayName = 'ActivityRectangleIcon';

package/src/generated/core/Airplay2Icon.tsx

@@ -0,0 +1,27 @@
+import React from 'react';
+import { IconProps } from '../../types';
+
+export const Airplay2Icon: 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.53 20.33H17.54C20.22 18.53 22 15.48 22 12C22 6.48 17.52 2 12 2C6.48 2 2 6.48 2 12C2 15.48 3.78 18.53 6.46 20.33H6.47" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M15.2 17.66C17.17 16.54 18.5 14.43 18.5 12C18.5 8.41 15.59 5.5 12 5.5C8.41 5.5 5.5 8.41 5.5 12C5.5 14.43 6.83 16.54 8.8 17.66" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M12.78 14.89C14.06 14.55 15 13.39 15 12C15 10.34 13.66 9 12 9C10.34 9 9 10.34 9 12C9 13.39 9.94 14.55 11.22 14.89" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M5 22H19L12 14L5 22Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+
+Airplay2Icon.displayName = 'Airplay2Icon';

package/src/generated/core/AirplayIcon.tsx

@@ -0,0 +1,25 @@
+import React from 'react';
+import { IconProps } from '../../types';
+
+export const AirplayIcon: 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="M22 5V15C22 16.1 21.1 17 20 17H15.5L12 13L8.5 17H4C2.9 17 2 16.1 2 15V5C2 3.9 2.9 3 4 3H20C21.1 3 22 3.9 22 5Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M5 21H19L12 13L5 21Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+
+AirplayIcon.displayName = 'AirplayIcon';

package/src/generated/core/AlbumAddIcon.tsx

@@ -0,0 +1,29 @@
+import React from 'react';
+import { IconProps } from '../../types';
+
+export const AlbumAddIcon: 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="M22 16.4C21.7 13.9 19.6 12 17 12C14.2 12 12 14.2 12 17C12 17.3 12 17.7 12.1 18H4C2.9 18 2 17.1 2 16V4C2 2.9 2.9 2 4 2H20C21.1 2 22 2.9 22 4V16C22 16.1 22 16.3 22 16.4Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeMiterlimit="10" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M7 18H4C2.9 18 2 17.1 2 16V4C2 2.9 2.9 2 4 2H7V18Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeMiterlimit="10" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M17 10H12C11.4 10 11 9.6 11 9V7C11 6.4 11.4 6 12 6H17C17.6 6 18 6.4 18 7V9C18 9.6 17.6 10 17 10Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeMiterlimit="10" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M17 22C19.8 22 22 19.8 22 17C22 14.2 19.8 12 17 12C14.2 12 12 14.2 12 17C12 19.8 14.2 22 17 22Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeMiterlimit="10" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M14 17H20" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeMiterlimit="10" strokeLinejoin="round"/>
+<path d="M17 14V20" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeMiterlimit="10" strokeLinejoin="round"/>
+  </svg>
+);
+
+AlbumAddIcon.displayName = 'AlbumAddIcon';

package/src/generated/core/AlbumIcon.tsx

@@ -0,0 +1,26 @@
+import React from 'react';
+import { IconProps } from '../../types';
+
+export const AlbumIcon: 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="M7 20H4C2.9 20 2 19.1 2 18V6C2 4.9 2.9 4 4 4H7V20Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeMiterlimit="10" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M17 12H12C11.4 12 11 11.6 11 11V9C11 8.4 11.4 8 12 8H17C17.6 8 18 8.4 18 9V11C18 11.6 17.6 12 17 12Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeMiterlimit="10" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M20 20H4C2.9 20 2 19.1 2 18V6C2 4.9 2.9 4 4 4H20C21.1 4 22 4.9 22 6V18C22 19.1 21.1 20 20 20Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeMiterlimit="10" strokeLinecap="round" strokeLinejoin="round"/>
+  </svg>
+);
+
+AlbumIcon.displayName = 'AlbumIcon';

package/src/generated/core/AlbumRemoveIcon.tsx

@@ -0,0 +1,28 @@
+import React from 'react';
+import { IconProps } from '../../types';
+
+export const AlbumRemoveIcon: 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="M22 16.4C21.7 13.9 19.6 12 17 12C14.2 12 12 14.2 12 17C12 17.3 12 17.7 12.1 18H4C2.9 18 2 17.1 2 16V4C2 2.9 2.9 2 4 2H20C21.1 2 22 2.9 22 4V16C22 16.1 22 16.3 22 16.4Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeMiterlimit="10" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M7 18H4C2.9 18 2 17.1 2 16V4C2 2.9 2.9 2 4 2H7V18Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeMiterlimit="10" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M17 10H12C11.4 10 11 9.6 11 9V7C11 6.4 11.4 6 12 6H17C17.6 6 18 6.4 18 7V9C18 9.6 17.6 10 17 10Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeMiterlimit="10" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M17 22C19.8 22 22 19.8 22 17C22 14.2 19.8 12 17 12C14.2 12 12 14.2 12 17C12 19.8 14.2 22 17 22Z" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeMiterlimit="10" strokeLinecap="round" strokeLinejoin="round"/>
+<path d="M14 17H20" stroke={color || 'currentColor'} strokeWidth={strokeWidth ?? 1.5} strokeMiterlimit="10" strokeLinejoin="round"/>
+  </svg>
+);
+
+AlbumRemoveIcon.displayName = 'AlbumRemoveIcon';