huspy-icons 0.1.9 → 0.1.10

package/src/react/ArrowUp.tsx

@@ -0,0 +1,32 @@
+import * as React from 'react';
+import type { ReactIconProps } from '../shared/types';
+import { resolveSize } from '../shared/types';
+
+const SvgArrowUp = ({ size = 16, ...props }: ReactIconProps) => {
+  const sizeValue = resolveSize(size);
+  
+  return (
+    <svg
+    width={sizeValue} height={sizeValue}
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M11.2929 4.29289C11.6834 3.90237 12.3166 3.90237 12.7071 4.29289L19.7071 11.2929C20.0976 11.6834 20.0976 12.3166 19.7071 12.7071C19.3166 13.0976 18.6834 13.0976 18.2929 12.7071L12 6.41421L5.70711 12.7071C5.31658 13.0976 4.68342 13.0976 4.29289 12.7071C3.90237 12.3166 3.90237 11.6834 4.29289 11.2929L11.2929 4.29289Z"
+      fill="currentColor"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M12 4C12.5523 4 13 4.44772 13 5V19C13 19.5523 12.5523 20 12 20C11.4477 20 11 19.5523 11 19V5C11 4.44772 11.4477 4 12 4Z"
+      fill="currentColor"
+    />
+  </svg>
+  );
+};
+
+export default SvgArrowUp;

package/src/react/ArrowUpLeft.tsx

@@ -0,0 +1,32 @@
+import * as React from 'react';
+import type { ReactIconProps } from '../shared/types';
+import { resolveSize } from '../shared/types';
+
+const SvgArrowUpLeft = ({ size = 16, ...props }: ReactIconProps) => {
+  const sizeValue = resolveSize(size);
+  
+  return (
+    <svg
+    width={sizeValue} height={sizeValue}
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M6 7C6 6.44772 6.44772 6 7 6H17C17.5523 6 18 6.44772 18 7C18 7.55228 17.5523 8 17 8H8V17C8 17.5523 7.55228 18 7 18C6.44772 18 6 17.5523 6 17V7Z"
+      fill="currentColor"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M6.29289 6.29289C6.68342 5.90237 7.31658 5.90237 7.70711 6.29289L17.7071 16.2929C18.0976 16.6834 18.0976 17.3166 17.7071 17.7071C17.3166 18.0976 16.6834 18.0976 16.2929 17.7071L6.29289 7.70711C5.90237 7.31658 5.90237 6.68342 6.29289 6.29289Z"
+      fill="currentColor"
+    />
+  </svg>
+  );
+};
+
+export default SvgArrowUpLeft;

package/src/react/ArrowUpRight.tsx

@@ -0,0 +1,32 @@
+import * as React from 'react';
+import type { ReactIconProps } from '../shared/types';
+import { resolveSize } from '../shared/types';
+
+const SvgArrowUpRight = ({ size = 16, ...props }: ReactIconProps) => {
+  const sizeValue = resolveSize(size);
+  
+  return (
+    <svg
+    width={sizeValue} height={sizeValue}
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M6 7C6 6.44772 6.44772 6 7 6H17C17.5523 6 18 6.44772 18 7V17C18 17.5523 17.5523 18 17 18C16.4477 18 16 17.5523 16 17V8H7C6.44772 8 6 7.55228 6 7Z"
+      fill="currentColor"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M17.7071 6.29289C18.0976 6.68342 18.0976 7.31658 17.7071 7.70711L7.70711 17.7071C7.31658 18.0976 6.68342 18.0976 6.29289 17.7071C5.90237 17.3166 5.90237 16.6834 6.29289 16.2929L16.2929 6.29289C16.6834 5.90237 17.3166 5.90237 17.7071 6.29289Z"
+      fill="currentColor"
+    />
+  </svg>
+  );
+};
+
+export default SvgArrowUpRight;

package/src/react/Bell.tsx

@@ -0,0 +1,32 @@
+import * as React from 'react';
+import type { ReactIconProps } from '../shared/types';
+import { resolveSize } from '../shared/types';
+
+const SvgBell = ({ size = 16, ...props }: ReactIconProps) => {
+  const sizeValue = resolveSize(size);
+  
+  return (
+    <svg
+    width={sizeValue} height={sizeValue}
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M12.0001 3C10.674 3 9.40223 3.52678 8.46454 4.46447C7.52686 5.40215 7.00008 6.67392 7.00008 8C7.00008 11.6473 6.21715 14.0654 5.37797 15.6039C5.30188 15.7434 5.22549 15.8753 5.1494 16H18.8508C18.7747 15.8753 18.6983 15.7434 18.6222 15.6039C17.783 14.0654 17.0001 11.6473 17.0001 8C17.0001 6.67392 16.4733 5.40215 15.5356 4.46447C14.5979 3.52678 13.3262 3 12.0001 3ZM21.5664 16.1758C21.5657 16.1753 21.5647 16.1746 21.5635 16.1737C21.5558 16.168 21.538 16.1544 21.5114 16.1322C21.4581 16.0878 21.3698 16.0091 21.2573 15.8904C21.0329 15.6535 20.7098 15.2544 20.378 14.6461C19.7171 13.4346 19.0001 11.3527 19.0001 8C19.0001 6.14349 18.2626 4.36301 16.9498 3.05025C15.6371 1.7375 13.8566 1 12.0001 1C10.1436 1 8.36309 1.7375 7.05033 3.05025C5.73758 4.36301 5.00008 6.14348 5.00008 8C5.00008 11.3527 4.28301 13.4346 3.62218 14.6461C3.29039 15.2544 2.9673 15.6535 2.74288 15.8904C2.6304 16.0091 2.54202 16.0878 2.4888 16.1322C2.46218 16.1544 2.44432 16.168 2.43663 16.1737C2.43542 16.1746 2.43447 16.1753 2.43377 16.1758C2.07528 16.4221 1.91664 16.8725 2.04299 17.2898C2.17068 17.7115 2.55941 18 3.00008 18H21.0001C21.4407 18 21.8295 17.7115 21.9572 17.2898C22.0835 16.8725 21.9249 16.4221 21.5664 16.1758Z"
+      fill="currentColor"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M9.81829 20.1237C10.3023 19.8576 10.9103 20.0343 11.1764 20.5182C11.2575 20.6657 11.3767 20.7887 11.5216 20.8744C11.6665 20.9601 11.8317 21.0053 12.0001 21.0053C12.1684 21.0053 12.3337 20.9601 12.4786 20.8744C12.6235 20.7887 12.7427 20.6657 12.8238 20.5182C13.0899 20.0343 13.6979 19.8576 14.1819 20.1237C14.6658 20.3898 14.8424 20.9978 14.5764 21.4818C14.3227 21.9432 13.9498 22.3279 13.4966 22.5959C13.0434 22.8639 12.5266 23.0053 12.0001 23.0053C11.4736 23.0053 10.9567 22.8639 10.5035 22.5959C10.0504 22.3279 9.67745 21.9432 9.42379 21.4818C9.15771 20.9978 9.33433 20.3898 9.81829 20.1237Z"
+      fill="currentColor"
+    />
+  </svg>
+  );
+};
+
+export default SvgBell;

package/src/react/CancelCircleSolid.tsx

@@ -0,0 +1,26 @@
+import * as React from 'react';
+import type { ReactIconProps } from '../shared/types';
+import { resolveSize } from '../shared/types';
+
+const SvgCancelCircleSolid = ({ size = 16, ...props }: ReactIconProps) => {
+  const sizeValue = resolveSize(size);
+  
+  return (
+    <svg
+    width={sizeValue} height={sizeValue}
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23ZM15.7071 8.29289C16.0976 8.68342 16.0976 9.31658 15.7071 9.70711L13.4142 12L15.7071 14.2929C16.0976 14.6834 16.0976 15.3166 15.7071 15.7071C15.3166 16.0976 14.6834 16.0976 14.2929 15.7071L12 13.4142L9.70711 15.7071C9.31658 16.0976 8.68342 16.0976 8.29289 15.7071C7.90237 15.3166 7.90237 14.6834 8.29289 14.2929L10.5858 12L8.29289 9.70711C7.90237 9.31658 7.90237 8.68342 8.29289 8.29289C8.68342 7.90237 9.31658 7.90237 9.70711 8.29289L12 10.5858L14.2929 8.29289C14.6834 7.90237 15.3166 7.90237 15.7071 8.29289Z"
+      fill="currentColor"
+    />
+  </svg>
+  );
+};
+
+export default SvgCancelCircleSolid;

package/src/react/ChevronDown.tsx

@@ -0,0 +1,24 @@
+import * as React from 'react';
+import type { ReactIconProps } from '../shared/types';
+import { resolveSize } from '../shared/types';
+
+const SvgChevronDown = ({ size = 16, ...props }: ReactIconProps) => {
+  const sizeValue = resolveSize(size);
+  
+  return (
+    <svg
+    width={sizeValue} height={sizeValue}
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M5.33203 9.6216C5.05614 9.32026 5.07568 8.87557 5.39062 8.59451C5.72691 8.29477 6.27309 8.29477 6.60937 8.59451L12.1992 13.5777L17.791 8.59451C18.1273 8.29477 18.6725 8.29477 19.0088 8.59451C19.345 8.89425 19.345 9.38021 19.0088 9.67992L12.8086 15.2062C12.4723 15.5056 11.927 15.5057 11.5908 15.2062L5.39062 9.67992L5.33203 9.6216Z"
+      fill="currentColor"
+    />
+  </svg>
+  );
+};
+
+export default SvgChevronDown;

package/src/react/ChevronLeft.tsx

@@ -0,0 +1,24 @@
+import * as React from 'react';
+import type { ReactIconProps } from '../shared/types';
+import { resolveSize } from '../shared/types';
+
+const SvgChevronLeft = ({ size = 16, ...props }: ReactIconProps) => {
+  const sizeValue = resolveSize(size);
+  
+  return (
+    <svg
+    width={sizeValue} height={sizeValue}
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M13.6932 4.09302C14.0837 3.70259 14.7167 3.70252 15.1072 4.09302C15.4976 4.48351 15.4976 5.11658 15.1072 5.50708L8.61407 12.0002L15.1072 18.4934L15.1756 18.5686C15.4962 18.9614 15.4734 19.5413 15.1072 19.9075C14.741 20.2736 14.1611 20.2964 13.7684 19.9758L13.6932 19.9075L6.49298 12.7073C6.10249 12.3168 6.10255 11.6837 6.49298 11.2932L13.6932 4.09302Z"
+      fill="currentColor"
+    />
+  </svg>
+  );
+};
+
+export default SvgChevronLeft;

package/src/react/ChevronRight.tsx

@@ -0,0 +1,24 @@
+import * as React from 'react';
+import type { ReactIconProps } from '../shared/types';
+import { resolveSize } from '../shared/types';
+
+const SvgChevronRight = ({ size = 16, ...props }: ReactIconProps) => {
+  const sizeValue = resolveSize(size);
+  
+  return (
+    <svg
+    width={sizeValue} height={sizeValue}
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M9.10694 4.09302C8.7164 3.70259 8.08337 3.70252 7.69287 4.09302C7.30248 4.48351 7.30248 5.11658 7.69287 5.50708L14.186 12.0002L7.69287 18.4934L7.62451 18.5686C7.30395 18.9614 7.32668 19.5413 7.69287 19.9075C8.05908 20.2736 8.639 20.2964 9.03174 19.9758L9.10694 19.9075L16.3071 12.7073C16.6976 12.3168 16.6976 11.6837 16.3071 11.2932L9.10694 4.09302Z"
+      fill="currentColor"
+    />
+  </svg>
+  );
+};
+
+export default SvgChevronRight;

package/src/react/ChevronUp.tsx

@@ -0,0 +1,24 @@
+import * as React from 'react';
+import type { ReactIconProps } from '../shared/types';
+import { resolveSize } from '../shared/types';
+
+const SvgChevronUp = ({ size = 16, ...props }: ReactIconProps) => {
+  const sizeValue = resolveSize(size);
+  
+  return (
+    <svg
+    width={sizeValue} height={sizeValue}
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M5.33203 14.1783C5.05614 14.4797 5.07568 14.9244 5.39062 15.2054C5.72691 15.5052 6.27309 15.5052 6.60937 15.2054L12.1992 10.2223L17.791 15.2054C18.1273 15.5052 18.6725 15.5052 19.0088 15.2054C19.345 14.9057 19.345 14.4197 19.0088 14.12L12.8086 8.59372C12.4723 8.29437 11.927 8.29419 11.5908 8.59372L5.39062 14.12L5.33203 14.1783Z"
+      fill="currentColor"
+    />
+  </svg>
+  );
+};
+
+export default SvgChevronUp;

package/src/react/FileKey.tsx

@@ -0,0 +1,44 @@
+import * as React from 'react';
+import type { ReactIconProps } from '../shared/types';
+import { resolveSize } from '../shared/types';
+
+const SvgFileKey = ({ size = 16, ...props }: ReactIconProps) => {
+  const sizeValue = resolveSize(size);
+  
+  return (
+    <svg
+    width={sizeValue} height={sizeValue}
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M3.87868 1.87868C4.44129 1.31607 5.20435 1 6 1H14.5C14.7652 1 15.0196 1.10536 15.2071 1.29289L20.7071 6.79289C20.8946 6.98043 21 7.23478 21 7.5V20C21 20.7957 20.6839 21.5587 20.1213 22.1213C19.5587 22.6839 18.7957 23 18 23H6C5.20435 23 4.44129 22.6839 3.87868 22.1213C3.31607 21.5587 3 20.7957 3 20V4C3 3.20435 3.31607 2.44129 3.87868 1.87868ZM6 3C5.73478 3 5.48043 3.10536 5.29289 3.29289C5.10536 3.48043 5 3.73478 5 4V20C5 20.2652 5.10536 20.5196 5.29289 20.7071C5.48043 20.8946 5.73478 21 6 21H18C18.2652 21 18.5196 20.8946 18.7071 20.7071C18.8946 20.5196 19 20.2652 19 20V7.91421L14.0858 3H6Z"
+      fill="currentColor"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M10 15C9.44772 15 9 15.4477 9 16C9 16.5523 9.44772 17 10 17C10.5523 17 11 16.5523 11 16C11 15.4477 10.5523 15 10 15ZM7 16C7 14.3431 8.34315 13 10 13C11.6569 13 13 14.3431 13 16C13 17.6569 11.6569 19 10 19C8.34315 19 7 17.6569 7 16Z"
+      fill="currentColor"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M16.7071 9.29289C17.0976 9.68342 17.0976 10.3166 16.7071 10.7071L12.2071 15.2071C11.8166 15.5976 11.1834 15.5976 10.7929 15.2071C10.4024 14.8166 10.4024 14.1834 10.7929 13.7929L15.2929 9.29289C15.6834 8.90237 16.3166 8.90237 16.7071 9.29289Z"
+      fill="currentColor"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M14.2929 10.2929C14.6834 9.90237 15.3166 9.90237 15.7071 10.2929L16.7071 11.2929C17.0976 11.6834 17.0976 12.3166 16.7071 12.7071C16.3166 13.0976 15.6834 13.0976 15.2929 12.7071L14.2929 11.7071C13.9024 11.3166 13.9024 10.6834 14.2929 10.2929Z"
+      fill="currentColor"
+    />
+  </svg>
+  );
+};
+
+export default SvgFileKey;

package/src/react/Icon.tsx

@@ -5,26 +5,49 @@ import type { ReactIconProps } from '../shared/types';
  * Icon imports - using dynamic imports for tree-shaking
  * Auto-generated - do not edit manually
  */
+// Icon: alert-triangle
+// Icon: arrow-down
+// Icon: arrow-down-left
+// Icon: arrow-down-right
 // Icon: arrow-left
+// Icon: arrow-right
+// Icon: arrow-up
+// Icon: arrow-up-left
+// Icon: arrow-up-right
+// Icon: bell
 // Icon: cancel
+// Icon: cancel-circle-solid
 // Icon: check
+// Icon: chevron-down
+// Icon: chevron-left
+// Icon: chevron-right
+// Icon: chevron-up
 // Icon: edit
 // Icon: eye-hidden
 // Icon: eye-visible
+// Icon: file-key
 // Icon: home-filled
 // Icon: home-linear
 // Icon: icon-slot
+// Icon: keys01
 // Icon: leads-filled
 // Icon: leads-linear
+// Icon: mail
+// Icon: mortgage
+// Icon: payments
 // Icon: properties-filled
 // Icon: properties-linear
+// Icon: rent
 // Icon: search
+// Icon: search-x
+// Icon: share
 // Icon: user
+// Icon: whatsapp
 
 /**
  * Available icon names
  */
-export type IconName = 'arrow-left' | 'cancel' | 'check' | 'edit' | 'eye-hidden' | 'eye-visible' | 'home-filled' | 'home-linear' | 'icon-slot' | 'leads-filled' | 'leads-linear' | 'properties-filled' | 'properties-linear' | 'search' | 'user';
+export type IconName = 'alert-triangle' | 'arrow-down' | 'arrow-down-left' | 'arrow-down-right' | 'arrow-left' | 'arrow-right' | 'arrow-up' | 'arrow-up-left' | 'arrow-up-right' | 'bell' | 'cancel' | 'cancel-circle-solid' | 'check' | 'chevron-down' | 'chevron-left' | 'chevron-right' | 'chevron-up' | 'edit' | 'eye-hidden' | 'eye-visible' | 'file-key' | 'home-filled' | 'home-linear' | 'icon-slot' | 'keys01' | 'leads-filled' | 'leads-linear' | 'mail' | 'mortgage' | 'payments' | 'properties-filled' | 'properties-linear' | 'rent' | 'search' | 'search-x' | 'share' | 'user' | 'whatsapp';
 
 /**
  * Props for the unified Icon component
@@ -44,36 +67,82 @@ export interface IconProps extends Omit<ReactIconProps, 'size'> {
  */
 function loadIcon(name: IconName): Promise<React.ComponentType<any>> {
   switch (name) {
+    case 'alert-triangle':
+      return import('./AlertTriangle').then(m => m.default);
+    case 'arrow-down':
+      return import('./ArrowDown').then(m => m.default);
+    case 'arrow-down-left':
+      return import('./ArrowDownLeft').then(m => m.default);
+    case 'arrow-down-right':
+      return import('./ArrowDownRight').then(m => m.default);
     case 'arrow-left':
       return import('./ArrowLeft').then(m => m.default);
+    case 'arrow-right':
+      return import('./ArrowRight').then(m => m.default);
+    case 'arrow-up':
+      return import('./ArrowUp').then(m => m.default);
+    case 'arrow-up-left':
+      return import('./ArrowUpLeft').then(m => m.default);
+    case 'arrow-up-right':
+      return import('./ArrowUpRight').then(m => m.default);
+    case 'bell':
+      return import('./Bell').then(m => m.default);
     case 'cancel':
       return import('./Cancel').then(m => m.default);
+    case 'cancel-circle-solid':
+      return import('./CancelCircleSolid').then(m => m.default);
     case 'check':
       return import('./Check').then(m => m.default);
+    case 'chevron-down':
+      return import('./ChevronDown').then(m => m.default);
+    case 'chevron-left':
+      return import('./ChevronLeft').then(m => m.default);
+    case 'chevron-right':
+      return import('./ChevronRight').then(m => m.default);
+    case 'chevron-up':
+      return import('./ChevronUp').then(m => m.default);
     case 'edit':
       return import('./Edit').then(m => m.default);
     case 'eye-hidden':
       return import('./EyeHidden').then(m => m.default);
     case 'eye-visible':
       return import('./EyeVisible').then(m => m.default);
+    case 'file-key':
+      return import('./FileKey').then(m => m.default);
     case 'home-filled':
       return import('./HomeFilled').then(m => m.default);
     case 'home-linear':
       return import('./HomeLinear').then(m => m.default);
     case 'icon-slot':
       return import('./IconSlot').then(m => m.default);
+    case 'keys01':
+      return import('./Keys01').then(m => m.default);
     case 'leads-filled':
       return import('./LeadsFilled').then(m => m.default);
     case 'leads-linear':
       return import('./LeadsLinear').then(m => m.default);
+    case 'mail':
+      return import('./Mail').then(m => m.default);
+    case 'mortgage':
+      return import('./Mortgage').then(m => m.default);
+    case 'payments':
+      return import('./Payments').then(m => m.default);
     case 'properties-filled':
       return import('./PropertiesFilled').then(m => m.default);
     case 'properties-linear':
       return import('./PropertiesLinear').then(m => m.default);
+    case 'rent':
+      return import('./Rent').then(m => m.default);
     case 'search':
       return import('./Search').then(m => m.default);
+    case 'search-x':
+      return import('./SearchX').then(m => m.default);
+    case 'share':
+      return import('./Share').then(m => m.default);
     case 'user':
       return import('./User').then(m => m.default);
+    case 'whatsapp':
+      return import('./Whatsapp').then(m => m.default);
     default:
       return Promise.reject(new Error(`Icon "${name}" not found`));
   }

package/src/react/Keys01.tsx

@@ -0,0 +1,38 @@
+import * as React from 'react';
+import type { ReactIconProps } from '../shared/types';
+import { resolveSize } from '../shared/types';
+
+const SvgKeys01 = ({ size = 16, ...props }: ReactIconProps) => {
+  const sizeValue = resolveSize(size);
+  
+  return (
+    <svg
+    width={sizeValue} height={sizeValue}
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M14.8172 4.17071C14.353 3.70644 13.4719 3.70644 13.0077 4.17071L9.63602 7.54235C9.17176 8.00661 9.17176 8.88764 9.63602 9.35191L14.6479 14.3638C15.1122 14.8281 15.9932 14.8281 16.4575 14.3638L19.8291 10.9922C20.2934 10.5279 20.2934 9.64687 19.8291 9.18261L14.8172 4.17071ZM11.719 2.882C12.895 1.706 14.9299 1.706 16.1059 2.882L21.1178 7.8939C22.2938 9.06989 22.2938 11.1049 21.1178 12.2809L17.7462 15.6525C16.5702 16.8285 14.5352 16.8285 13.3592 15.6525L8.34732 10.6406C7.17132 9.46462 7.17132 7.42964 8.34732 6.25364L11.719 2.882Z"
+      fill="currentColor"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M13.1771 6.80048C13.5329 6.44461 14.1099 6.44461 14.4658 6.80048L17.1995 9.53425C17.5554 9.89011 17.5554 10.4671 17.1995 10.823C16.8437 11.1788 16.2667 11.1788 15.9108 10.823L13.1771 8.08919C12.8212 7.73332 12.8212 7.15635 13.1771 6.80048Z"
+      fill="currentColor"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M10.274 10.0811C10.6299 10.437 10.6299 11.0139 10.274 11.3698L3.79761 17.8462V20.2025H6.53137V18.38C6.53137 17.8767 6.93935 17.4687 7.44263 17.4687H9.26514V15.6462C9.26514 15.1429 9.67312 14.735 10.1764 14.735H11.6214L12.6303 13.7261C12.9862 13.3702 13.5631 13.3702 13.919 13.7261C14.2749 14.082 14.2749 14.6589 13.919 15.0148L12.6433 16.2906C12.4724 16.4615 12.2406 16.5575 11.9989 16.5575H11.0876V18.38C11.0876 18.8833 10.6797 19.2912 10.1764 19.2912H8.35388V21.1137C8.35388 21.617 7.9459 22.025 7.44263 22.025H3.79761C3.31715 22.025 2.84596 21.8609 2.49259 21.5075C2.13923 21.1541 1.9751 20.6829 1.9751 20.2025V17.4687C1.9751 17.227 2.0711 16.9953 2.242 16.8244L8.98528 10.0811C9.34115 9.72522 9.91812 9.72522 10.274 10.0811Z"
+      fill="currentColor"
+    />
+  </svg>
+  );
+};
+
+export default SvgKeys01;

package/src/react/Mail.tsx

@@ -0,0 +1,32 @@
+import * as React from 'react';
+import type { ReactIconProps } from '../shared/types';
+import { resolveSize } from '../shared/types';
+
+const SvgMail = ({ size = 16, ...props }: ReactIconProps) => {
+  const sizeValue = resolveSize(size);
+  
+  return (
+    <svg
+    width={sizeValue} height={sizeValue}
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M3.99988 5C3.4476 5 2.99988 5.44772 2.99988 6V18C2.99988 18.5523 3.4476 19 3.99988 19H19.9999C20.5522 19 20.9999 18.5523 20.9999 18V6C20.9999 5.44772 20.5522 5 19.9999 5H3.99988ZM0.999883 6C0.999883 4.34315 2.34303 3 3.99988 3H19.9999C21.6567 3 22.9999 4.34315 22.9999 6V18C22.9999 19.6569 21.6567 21 19.9999 21H3.99988C2.34303 21 0.999883 19.6569 0.999883 18V6Z"
+      fill="currentColor"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M1.15587 6.46367C1.45208 5.99754 2.07008 5.85978 2.53621 6.15599L11.503 11.854C11.6521 11.9468 11.8242 11.996 11.9999 11.996C12.1755 11.996 12.3476 11.9468 12.4967 11.854L12.499 11.8526L21.4636 6.15599C21.9297 5.85978 22.5477 5.99754 22.8439 6.46367C23.1401 6.92981 23.0023 7.5478 22.5362 7.84401L13.5608 13.5474C13.093 13.8406 12.552 13.996 11.9999 13.996C11.4478 13.996 10.9068 13.8405 10.439 13.5474L10.4335 13.544L1.46356 7.84401C0.997421 7.5478 0.859667 6.92981 1.15587 6.46367Z"
+      fill="currentColor"
+    />
+  </svg>
+  );
+};
+
+export default SvgMail;

package/src/react/Mortgage.tsx

@@ -0,0 +1,62 @@
+import * as React from 'react';
+import type { ReactIconProps } from '../shared/types';
+import { resolveSize } from '../shared/types';
+
+const SvgMortgage = ({ size = 16, ...props }: ReactIconProps) => {
+  const sizeValue = resolveSize(size);
+  
+  return (
+    <svg
+    width={sizeValue} height={sizeValue}
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M2 22C2 21.4477 2.44772 21 3 21H10.0474C10.5997 21 11.0474 21.4477 11.0474 22C11.0474 22.5523 10.5997 23 10.0474 23H3C2.44772 23 2 22.5523 2 22Z"
+      fill="currentColor"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M6 10C6.55228 10 7 10.4477 7 11V18C7 18.5523 6.55228 19 6 19C5.44772 19 5 18.5523 5 18V11C5 10.4477 5.44772 10 6 10Z"
+      fill="currentColor"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M10 10C10.5523 10 11 10.4477 11 11V18C11 18.5523 10.5523 19 10 19C9.44772 19 9 18.5523 9 18V11C9 10.4477 9.44772 10 10 10Z"
+      fill="currentColor"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M14 10C14.5523 10 15 10.4477 15 11V14.0836C15 14.6359 14.5523 15.0836 14 15.0836C13.4477 15.0836 13 14.6359 13 14.0836V11C13 10.4477 13.4477 10 14 10Z"
+      fill="currentColor"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M18 10C18.5523 10 19 10.4477 19 11V12.6897C19 13.242 18.5523 13.6897 18 13.6897C17.4477 13.6897 17 13.242 17 12.6897V11C17 10.4477 17.4477 10 18 10Z"
+      fill="currentColor"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M11.47 1.152C11.7943 0.949333 12.2057 0.949333 12.53 1.152L20.53 6.152C20.9083 6.38844 21.0842 6.84686 20.9612 7.27568C20.8383 7.70451 20.4461 8 20 8H4C3.55389 8 3.16174 7.70451 3.03875 7.27568C2.91577 6.84686 3.0917 6.38844 3.47 6.152L11.47 1.152ZM7.4868 6H16.5132L12 3.17925L7.4868 6Z"
+      fill="currentColor"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M12.6391 19.0273C13.0488 18.6336 13.7002 18.6466 14.0938 19.0563L15.4214 20.438L20.1509 15.2487C20.5336 14.8287 21.1844 14.7985 21.6044 15.1813C22.0243 15.564 22.0545 16.2148 21.6717 16.6348L16.2016 22.6367C16.0098 22.8471 15.7394 22.9687 15.4547 22.9724C15.1701 22.9762 14.8965 22.8618 14.6993 22.6565L12.61 20.482C12.2163 20.0723 12.2293 19.421 12.6391 19.0273Z"
+      fill="currentColor"
+    />
+  </svg>
+  );
+};
+
+export default SvgMortgage;

package/src/react/Payments.tsx

@@ -0,0 +1,24 @@
+import * as React from 'react';
+import type { ReactIconProps } from '../shared/types';
+import { resolveSize } from '../shared/types';
+
+const SvgPayments = ({ size = 16, ...props }: ReactIconProps) => {
+  const sizeValue = resolveSize(size);
+  
+  return (
+    <svg
+    width={sizeValue} height={sizeValue}
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M14 13C13.1667 13 12.4583 12.7083 11.875 12.125C11.2917 11.5417 11 10.8333 11 10C11 9.16667 11.2917 8.45833 11.875 7.875C12.4583 7.29167 13.1667 7 14 7C14.8333 7 15.5417 7.29167 16.125 7.875C16.7083 8.45833 17 9.16667 17 10C17 10.8333 16.7083 11.5417 16.125 12.125C15.5417 12.7083 14.8333 13 14 13ZM7 16C6.45 16 5.97917 15.8042 5.5875 15.4125C5.19583 15.0208 5 14.55 5 14V6C5 5.45 5.19583 4.97917 5.5875 4.5875C5.97917 4.19583 6.45 4 7 4H21C21.55 4 22.0208 4.19583 22.4125 4.5875C22.8042 4.97917 23 5.45 23 6V14C23 14.55 22.8042 15.0208 22.4125 15.4125C22.0208 15.8042 21.55 16 21 16H7ZM9 14H19C19 13.45 19.1958 12.9792 19.5875 12.5875C19.9792 12.1958 20.45 12 21 12V8C20.45 8 19.9792 7.80417 19.5875 7.4125C19.1958 7.02083 19 6.55 19 6H9C9 6.55 8.80417 7.02083 8.4125 7.4125C8.02083 7.80417 7.55 8 7 8V12C7.55 12 8.02083 12.1958 8.4125 12.5875C8.80417 12.9792 9 13.45 9 14ZM20 20H3C2.45 20 1.97917 19.8042 1.5875 19.4125C1.19583 19.0208 1 18.55 1 18V7H3V18H20V20Z"
+      fill="currentColor"
+    />
+  </svg>
+  );
+};
+
+export default SvgPayments;

package/src/react/Rent.tsx

@@ -0,0 +1,38 @@
+import * as React from 'react';
+import type { ReactIconProps } from '../shared/types';
+import { resolveSize } from '../shared/types';
+
+const SvgRent = ({ size = 16, ...props }: ReactIconProps) => {
+  const sizeValue = resolveSize(size);
+  
+  return (
+    <svg
+    width={sizeValue} height={sizeValue}
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M2.87868 5.87868C3.44129 5.31607 4.20435 5 5 5H18C18.2422 5 18.4762 5.08792 18.6585 5.24742L22.6585 8.74742C22.8755 8.93731 23 9.21164 23 9.5C23 9.78836 22.8755 10.0627 22.6585 10.2526L18.6585 13.7526C18.4762 13.9121 18.2422 14 18 14H5C4.20435 14 3.44129 13.6839 2.87868 13.1213C2.31607 12.5587 2 11.7956 2 11V8C2 7.20435 2.31607 6.44129 2.87868 5.87868ZM5 7C4.73478 7 4.48043 7.10536 4.29289 7.29289C4.10536 7.48043 4 7.73478 4 8V11C4 11.2652 4.10536 11.5196 4.29289 11.7071C4.48043 11.8946 4.73478 12 5 12H17.6243L20.4814 9.5L17.6243 7H5Z"
+      fill="currentColor"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M12 12C12.5523 12 13 12.4477 13 13V21C13 21.5523 12.5523 22 12 22C11.4477 22 11 21.5523 11 21V13C11 12.4477 11.4477 12 12 12Z"
+      fill="currentColor"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M12 2C12.5523 2 13 2.44772 13 3V6C13 6.55228 12.5523 7 12 7C11.4477 7 11 6.55228 11 6V3C11 2.44772 11.4477 2 12 2Z"
+      fill="currentColor"
+    />
+  </svg>
+  );
+};
+
+export default SvgRent;