huspy-icons 0.1.9 → 0.1.11

package/src/react/ArrowRight.tsx

@@ -0,0 +1,32 @@
+import * as React from 'react';
+import type { ReactIconProps } from '../shared/types';
+import { resolveSize } from '../shared/types';
+
+const SvgArrowRight = ({ 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="M4 12C4 11.4477 4.44772 11 5 11H19C19.5523 11 20 11.4477 20 12C20 12.5523 19.5523 13 19 13H5C4.44772 13 4 12.5523 4 12Z"
+      fill="currentColor"
+    />
+    <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.7071L12.7071 19.7071C12.3166 20.0976 11.6834 20.0976 11.2929 19.7071C10.9024 19.3166 10.9024 18.6834 11.2929 18.2929L17.5858 12L11.2929 5.70711C10.9024 5.31658 10.9024 4.68342 11.2929 4.29289Z"
+      fill="currentColor"
+    />
+  </svg>
+  );
+};
+
+export default SvgArrowRight;

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/ExploreFilled.tsx

@@ -0,0 +1,36 @@
+import * as React from 'react';
+import type { ReactIconProps } from '../shared/types';
+import { resolveSize } from '../shared/types';
+
+const SvgExploreFilled = ({ 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 4C7.13401 4 4 7.13401 4 11C4 14.866 7.13401 18 11 18C14.866 18 18 14.866 18 11C18 7.13401 14.866 4 11 4ZM2 11C2 6.02944 6.02944 2 11 2C15.9706 2 20 6.02944 20 11C20 15.9706 15.9706 20 11 20C6.02944 20 2 15.9706 2 11Z"
+      fill="currentColor"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M15.9929 15.9929C16.3834 15.6024 17.0166 15.6024 17.4071 15.9929L21.7071 20.2929C22.0976 20.6834 22.0976 21.3166 21.7071 21.7071C21.3166 22.0976 20.6834 22.0976 20.2929 21.7071L15.9929 17.4071C15.6024 17.0166 15.6024 16.3834 15.9929 15.9929Z"
+      fill="currentColor"
+    />
+    <path
+      d="M16.1046 11.1024C16.1046 13.9203 13.8202 16.2047 11.0022 16.2047C8.1843 16.2047 5.8999 13.9203 5.8999 11.1024C5.8999 8.28445 8.1843 6.00005 11.0022 6.00005C13.8202 6.00005 16.1046 8.28445 16.1046 11.1024Z"
+      fill="currentColor"
+    />
+  </svg>
+  );
+};
+
+export default SvgExploreFilled;

package/src/react/ExploreLinear.tsx

@@ -0,0 +1,32 @@
+import * as React from 'react';
+import type { ReactIconProps } from '../shared/types';
+import { resolveSize } from '../shared/types';
+
+const SvgExploreLinear = ({ 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 4C7.13401 4 4 7.13401 4 11C4 14.866 7.13401 18 11 18C14.866 18 18 14.866 18 11C18 7.13401 14.866 4 11 4ZM2 11C2 6.02944 6.02944 2 11 2C15.9706 2 20 6.02944 20 11C20 15.9706 15.9706 20 11 20C6.02944 20 2 15.9706 2 11Z"
+      fill="currentColor"
+    />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M15.9929 15.9929C16.3834 15.6024 17.0166 15.6024 17.4071 15.9929L21.7071 20.2929C22.0976 20.6834 22.0976 21.3166 21.7071 21.7071C21.3166 22.0976 20.6834 22.0976 20.2929 21.7071L15.9929 17.4071C15.6024 17.0166 15.6024 16.3834 15.9929 15.9929Z"
+      fill="currentColor"
+    />
+  </svg>
+  );
+};
+
+export default SvgExploreLinear;

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,51 @@ 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: explore-filled
+// Icon: explore-linear
 // 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' | 'explore-filled' | 'explore-linear' | '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 +69,86 @@ 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 'explore-filled':
+      return import('./ExploreFilled').then(m => m.default);
+    case 'explore-linear':
+      return import('./ExploreLinear').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;