@modul/mbui 0.0.28-beta-pv-53496-934863d9 → 0.0.28

package/src/Icon/icons/Expand.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgExpand = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M7.71 6.29A.996.996 0 1 1 6.3 7.7L3 4.41V6c0 .55-.45 1-1 1s-1-.45-1-1V2c0-.55.45-1 1-1h4c.55 0 1 .45 1 1s-.45 1-1 1H4.41zM18 13c-.55 0-1 .45-1 1v1.59l-3.29-3.29a.996.996 0 1 0-1.41 1.41L15.59 17H14c-.55 0-1 .45-1 1s.45 1 1 1h4c.55 0 1-.45 1-1v-4c0-.55-.45-1-1-1"
+		/>
+	</SvgIcon>
+)
+export default SvgExpand

package/src/Icon/icons/Eye.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgEye = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M10 17C3.75 17 .27 10.75.12 10.48c-.16-.3-.16-.66 0-.96C.27 9.25 3.75 3 10 3s9.73 6.25 9.88 6.52c.16.3.16.66 0 .96-.15.27-3.63 6.52-9.88 6.52m-7.83-7c.88 1.34 3.67 5 7.83 5 4.17 0 6.95-3.66 7.83-5-.88-1.34-3.67-5-7.83-5-4.17 0-6.95 3.66-7.83 5M10 13.5c-1.93 0-3.5-1.57-3.5-3.5S8.07 6.5 10 6.5s3.5 1.57 3.5 3.5-1.57 3.5-3.5 3.5m0-5c-.83 0-1.5.67-1.5 1.5s.67 1.5 1.5 1.5 1.5-.67 1.5-1.5-.67-1.5-1.5-1.5"
+		/>
+	</SvgIcon>
+)
+export default SvgEye

package/src/Icon/icons/EyeOff.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgEyeOff = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M10 17C3.75 17 .27 10.75.12 10.48c-.16-.3-.16-.66 0-.96.03-.05.65-1.18 1.81-2.48a.998.998 0 1 1 1.49 1.33c-.57.64-.99 1.23-1.25 1.62.88 1.33 3.67 5 7.83 5 .55 0 1 .45 1 1S10.55 17 10 17m6.17-2.25 2.54 2.54c.39.39.39 1.03 0 1.42-.41.39-1.02.38-1.42 0l-16-16c-.39-.39-.39-1.03 0-1.42s1.03-.39 1.42 0l2.85 2.85C6.98 3.38 8.47 3 10 3c6.25 0 9.73 6.25 9.88 6.52.16.3.16.66 0 .96-.06.11-1.34 2.42-3.71 4.27M17.83 10c-.88-1.33-3.68-5-7.83-5-1 0-1.99.21-2.95.63l7.69 7.69c1.56-1.15 2.61-2.58 3.09-3.32"
+		/>
+	</SvgIcon>
+)
+export default SvgEyeOff

package/src/Icon/icons/Favorite.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgFavorite = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={24}
+		height={24}
+		fill="none"
+		viewBox="0 0 24 24"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M5.09 22.57a1.2 1.2 0 0 1-.48-1.17l1.08-6.36-4.18-4.56c-.3-.33-.4-.8-.25-1.22.14-.42.52-.72.96-.78l5.88-.86 2.84-5.75c.41-.81 1.76-.81 2.15 0l2.85 5.75 5.83.85c.44.06.8.36.96.78.14.42.06.89-.24 1.21l-4.14 4.56 1.08 6.38c.07.45-.11.9-.48 1.17-.37.27-.85.3-1.26.1L12 19.69l-5.67 2.98c-.4.21-.9.17-1.25-.1Zm6.93-5.45c.2 0 .39.05.56.14l4.08 2.14-.78-4.54c-.06-.36.04-.74.28-1.01l3.02-3.33-4.24-.62c-.4-.06-.73-.3-.9-.66L12 5.1 9.96 9.24c-.18.35-.52.6-.9.66l-4.26.62 3.05 3.33c.25.27.36.65.3 1l-.78 4.55 4.08-2.14c.19-.09.38-.14.57-.14Z"
+		/>
+	</SvgIcon>
+)
+export default SvgFavorite

package/src/Icon/icons/FavoriteSolid.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgFavoriteSolid = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={24}
+		height={24}
+		fill="none"
+		viewBox="0 0 24 24"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M22.73 9.25a1.18 1.18 0 0 0-.96-.78l-5.83-.85-2.85-5.75c-.4-.81-1.75-.81-2.15 0L8.1 7.62l-5.88.86c-.44.06-.8.38-.96.78-.14.42-.05.9.25 1.22l4.18 4.56L4.6 21.4c-.07.45.1.9.48 1.17.36.27.85.31 1.26.1l5.67-2.98 5.68 2.98c.4.21.9.18 1.26-.1.37-.26.55-.72.48-1.17l-1.08-6.38 4.14-4.56c.29-.32.38-.79.23-1.2Z"
+		/>
+	</SvgIcon>
+)
+export default SvgFavoriteSolid

package/src/Icon/icons/Fb.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgFb = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M16 2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2m-3.7 8.32h-1.5V15H8.58v-4.68H7.52V8.38h1.06v-1.1c0-.9.4-2.28 2.26-2.28h1.64v1.86h-1.2c-.18 0-.48.12-.48.53v.99h1.72z"
+		/>
+	</SvgIcon>
+)
+export default SvgFb

package/src/Icon/icons/FbCircle.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgFbCircle = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M10 1a9 9 0 1 0 .001 18.001A9 9 0 0 0 10 1m2.3 9.32h-1.5V15H8.58v-4.68H7.52V8.38h1.06v-1.1c0-.9.4-2.28 2.26-2.28h1.64v1.86h-1.2c-.18 0-.48.12-.48.53v.99h1.72z"
+		/>
+	</SvgIcon>
+)
+export default SvgFbCircle

package/src/Icon/icons/File.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgFile = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={24}
+		height={24}
+		fill="none"
+		viewBox="0 0 24 24"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="m20.05 6.35-4.8-4.8a1.19 1.19 0 0 0-.85-.35H6a2.4 2.4 0 0 0-2.4 2.4v16.8A2.4 2.4 0 0 0 6 22.8h12a2.4 2.4 0 0 0 2.4-2.4V7.2c0-.32-.13-.62-.35-.85Zm-2.54.85H14.4V4.1l3.1 3.1ZM6 20.4V3.6h6v3.6a2.4 2.4 0 0 0 2.4 2.4H18v10.8H6Z"
+		/>
+	</SvgIcon>
+)
+export default SvgFile

package/src/Icon/icons/FileAdd.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgFileAdd = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M12 8h3v2c0 .55.45 1 1 1s1-.45 1-1V6c0-.27-.11-.52-.29-.71l-4-4A1 1 0 0 0 12 1H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h5c.55 0 1-.45 1-1s-.45-1-1-1H5V3h5v3c0 1.1.9 2 2 2m2.59-2H12V3.41zM19 16c0 .55-.45 1-1 1h-1v1c0 .55-.45 1-1 1s-1-.45-1-1v-1h-1c-.55 0-1-.45-1-1s.45-1 1-1h1v-1c0-.55.45-1 1-1s1 .45 1 1v1h1c.55 0 1 .45 1 1"
+		/>
+	</SvgIcon>
+)
+export default SvgFileAdd

package/src/Icon/icons/Files.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgFiles = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M7.71 5.29A1 1 0 0 0 7 5H3c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h7c1.1 0 2-.9 2-2v-7c0-.27-.11-.52-.29-.71zM9.59 10H7V7.41zM3 17V7h2v3c0 1.1.9 2 2 2h3v5zM18.71 5.29l-4-4A1 1 0 0 0 14 1h-4c-1.1 0-2 .9-2 2 0 .55.45 1 1 1s1-.45 1-1h2v3c0 1.1.9 2 2 2h3v5h-2c-.55 0-1 .45-1 1s.45 1 1 1h2c1.1 0 2-.9 2-2V6c0-.27-.11-.52-.29-.71M14 3.41 16.59 6H14z"
+		/>
+	</SvgIcon>
+)
+export default SvgFiles

package/src/Icon/icons/Filter.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgFilter = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M17.875 2.5c-.18-.31-.51-.5-.87-.5H3c-.36 0-.69.19-.87.5-.17.31-.17.69 0 1l4.872 8.43V18c0 .36.19.69.5.87.29.17.71.17 1 0l4.001-2.31c.31-.18.5-.51.5-.87v-3.76l4.872-8.43c.17-.31.17-.69 0-1m-6.872 12.61-2 1.16v-3.61h2zm.42-4.45H8.582L4.731 4h10.543z"
+		/>
+	</SvgIcon>
+)
+export default SvgFilter

package/src/Icon/icons/Folder.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgFolder = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M17 5h-5.58l-2.1-2.11C8.76 2.32 7.98 2 7.19 2H3c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2M7.19 4c.26 0 .52.11.71.29l2.4 2.41c.18.19.43.3.7.3h6v2H3V4zM3 16v-5h14v5z"
+		/>
+	</SvgIcon>
+)
+export default SvgFolder

package/src/Icon/icons/Geolocation.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgGeolocation = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M11.997 18.995c-.4 0-.76-.24-.92-.61l-2.839-6.628-6.628-2.84a.996.996 0 0 1 .04-1.85l15.995-5.997c.37-.14.78-.05 1.06.23s.37.69.23 1.06l-5.998 15.995c-.14.38-.51.64-.91.65-.01-.01-.02-.01-.03-.01M4.679 8.058l4.709 2.02c.24.1.42.29.52.52l2.019 4.708 4.349-11.607z"
+		/>
+	</SvgIcon>
+)
+export default SvgGeolocation

package/src/Icon/icons/Gift.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgGift = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M16 7h-1.26l.3-.15c1.39-.74 2.11-1.94 1.93-3.22-.18-1.25-1.18-2.3-2.44-2.57-1.31-.28-2.6.36-3.43 1.7-.4.65-.78 1.4-1.11 2.11-.33-.71-.7-1.46-1.11-2.11-.83-1.34-2.11-1.97-3.43-1.7-1.26.27-2.26 1.32-2.44 2.57-.18 1.28.54 2.48 1.93 3.22.08.04.19.09.3.15H4c-1.1 0-2 .9-2 2v8c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V9c0-1.1-.9-2-2-2m-3.19-3.19c.24-.38.62-.81 1.12-.81.06 0 .13.01.19.02.43.09.81.48.87.89.08.57-.52.98-.88 1.17-.37.2-1.44.66-2.5 1.1.33-.78.75-1.65 1.2-2.37m-7.8.1c.06-.41.44-.8.87-.89.07-.01.13-.02.19-.02.5 0 .88.43 1.12.81.44.71.86 1.58 1.2 2.37-1.06-.44-2.13-.9-2.5-1.1-.36-.19-.96-.6-.88-1.17M4 9h5v8H4zm12 8h-5V9h5z"
+		/>
+	</SvgIcon>
+)
+export default SvgGift

package/src/Icon/icons/Globe.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgGlobe = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M16.36 3.634C12.85.122 7.14.122 3.63 3.634s-3.51 9.223 0 12.735a9.02 9.02 0 0 0 12.73 0c3.51-3.522 3.51-9.224 0-12.735m.56 5.362h-2.95c-.08-1.82-.38-3.582-.91-5.012-.05-.13-.1-.23-.15-.35.74.34 1.44.8 2.05 1.41a7 7 0 0 1 1.96 3.952m-6.9 8.003h-.04c-.16-.02-.66-.36-1.16-1.69-.45-1.191-.7-2.722-.77-4.312h3.92c-.08 1.59-.33 3.121-.77 4.312-.51 1.33-1.01 1.66-1.18 1.69M8.04 8.996c.08-1.59.33-3.121.77-4.312.5-1.33 1-1.67 1.16-1.69h.04c.16.02.66.35 1.17 1.69.45 1.19.7 2.721.77 4.312zM5.05 5.044c.61-.61 1.3-1.07 2.04-1.41-.05.12-.1.22-.15.35-.53 1.43-.83 3.191-.91 5.012H3.08c.21-1.45.86-2.841 1.97-3.952m-1.97 5.953h2.95c.08 1.82.38 3.581.91 5.012.05.13.1.23.15.35-.74-.34-1.43-.8-2.04-1.41a6.97 6.97 0 0 1-1.97-3.952m11.87 3.951c-.61.61-1.3 1.07-2.04 1.41.05-.12.1-.22.15-.35.53-1.42.83-3.19.91-5.011h2.95a6.97 6.97 0 0 1-1.97 3.951"
+		/>
+	</SvgIcon>
+)
+export default SvgGlobe

package/src/Icon/icons/Heart.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgHeart = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M10 18c-.38 0-.75-.11-1.08-.32-1.18-.77-3.58-2.62-6.44-6.38C.91 9.23.57 6.8 1.56 4.79A4.97 4.97 0 0 1 6.04 2C7.92 2 9.2 2.89 10 3.89 10.79 2.9 12.08 2 13.96 2c1.91 0 3.63 1.07 4.48 2.79 1 2.01.65 4.44-.92 6.51-2.86 3.76-5.26 5.61-6.44 6.38-.33.21-.7.32-1.08.32M6.04 4c-1.17 0-2.17.63-2.69 1.67-.65 1.31-.38 2.96.72 4.41 2.78 3.66 5.08 5.35 5.94 5.92.85-.56 3.15-2.26 5.93-5.92 1.1-1.45 1.37-3.1.72-4.41A2.95 2.95 0 0 0 13.97 4c-2.29 0-2.93 2.02-2.99 2.25-.12.43-.52.73-.96.73h-.01c-.45 0-.84-.3-.96-.73C8.97 6.02 8.33 4 6.04 4"
+		/>
+	</SvgIcon>
+)
+export default SvgHeart

package/src/Icon/icons/HeartSolid.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgHeartSolid = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M18.433 4.79A4.97 4.97 0 0 0 13.955 2c-1.88 0-3.16.89-3.959 1.89C9.206 2.9 7.917 2 6.038 2A4.97 4.97 0 0 0 1.56 4.79c-1 2.01-.65 4.44.92 6.51 2.858 3.76 5.257 5.61 6.437 6.38.33.21.71.32 1.08.32s.749-.11 1.079-.32c1.18-.77 3.578-2.62 6.437-6.38 1.58-2.07 1.92-4.5.92-6.51"
+		/>
+	</SvgIcon>
+)
+export default SvgHeartSolid

package/src/Icon/icons/Help.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgHelp = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M10 19c-4.96 0-9-4.04-9-9s4.04-9 9-9 9 4.04 9 9-4.04 9-9 9m0-16c-3.86 0-7 3.14-7 7s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7m0 12.2c.66 0 1.2-.54 1.2-1.2s-.54-1.2-1.2-1.2-1.2.54-1.2 1.2.54 1.2 1.2 1.2m1-4.2v-.17c1.2-.42 2-1.56 2-2.83 0-1.65-1.35-3-3-3-1.14 0-2.17.63-2.68 1.66A1 1 0 0 0 7.76 8c.5.25 1.1.05 1.34-.45A1.003 1.003 0 0 1 11 8c0 .42-.27.8-.67.94A2.02 2.02 0 0 0 9 10.83V11c0 .55.45 1 1 1s1-.45 1-1"
+		/>
+	</SvgIcon>
+)
+export default SvgHelp

package/src/Icon/icons/Home.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgHome = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={24}
+		height={24}
+		fill="none"
+
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="m21.35 7.33-8.18-5.95a2 2 0 0 0-2.34 0L2.65 7.3a4 4 0 0 0-1.66 3.24V21c0 1.1.9 2 2 2H9v-7.78a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1V23h6a2 2 0 0 0 2-2V10.57a4 4 0 0 0-1.65-3.24Z"
+		/>
+	</SvgIcon>
+)
+export default SvgHome

package/src/Icon/icons/Housing.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgHousing = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="m18.712 10.29-1.71-1.71V3c0-.55-.45-1-1.001-1h-3.002c-.55 0-1 .45-1 1v.59L10.708 2.3a.997.997 0 0 0-1.41 0l-8.005 8a.997.997 0 1 0 1.41 1.41l.29-.29V16c0 1.1.901 2 2.002 2H15c1.1 0 2.001-.9 2.001-2v-4.59l.29.29c.39.39 1.021.39 1.411 0s.4-1.02.01-1.41M14 4h1v2.59l-1-1zM4.995 16V9.41l5.002-5 5.003 5V16zm4.292-8.71c-.23.23-2.291 2.36-2.291 4.71 0 1.65 1.35 3 3.001 3A3.01 3.01 0 0 0 13 12c0-2.35-2.061-4.47-2.291-4.71-.39-.39-1.03-.39-1.42 0m.71 5.71c-.55 0-1-.45-1-1 0-.83.51-1.76 1-2.44.49.68 1.001 1.61 1.001 2.44 0 .55-.45 1-1 1"
+		/>
+	</SvgIcon>
+)
+export default SvgHousing

package/src/Icon/icons/Ig.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgIg = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M11.5 10c0 .83-.67 1.5-1.5 1.5s-1.5-.67-1.5-1.5.67-1.5 1.5-1.5 1.5.67 1.5 1.5m2.8-2.5v5c0 .99-.81 1.8-1.8 1.8h-5c-.99 0-1.8-.81-1.8-1.8v-5c0-.99.81-1.8 1.8-1.8h5c.99 0 1.8.81 1.8 1.8M12.7 10c0-1.49-1.21-2.7-2.7-2.7S7.3 8.51 7.3 10s1.21 2.7 2.7 2.7 2.7-1.21 2.7-2.7m.8-2.99c0-.28-.22-.5-.5-.5s-.5.22-.5.5.22.5.5.5.5-.22.5-.5M18 4v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h12c1.1 0 2 .9 2 2m-2.5 3.5c0-1.66-1.34-3-3-3h-5c-1.66 0-3 1.34-3 3v5c0 1.66 1.34 3 3 3h5c1.66 0 3-1.34 3-3z"
+		/>
+	</SvgIcon>
+)
+export default SvgIg

package/src/Icon/icons/IgCircle.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgIgCircle = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M11.5 10c0 .83-.67 1.5-1.5 1.5s-1.5-.67-1.5-1.5.67-1.5 1.5-1.5 1.5.67 1.5 1.5m2.8-2.5v5c0 .99-.81 1.8-1.8 1.8h-5c-.99 0-1.8-.81-1.8-1.8v-5c0-.99.81-1.8 1.8-1.8h5c.99 0 1.8.81 1.8 1.8M12.7 10c0-1.49-1.21-2.7-2.7-2.7S7.3 8.51 7.3 10s1.21 2.7 2.7 2.7 2.7-1.21 2.7-2.7m.8-2.99c0-.28-.22-.5-.5-.5s-.5.22-.5.5.22.5.5.5.5-.22.5-.5M19 10A9 9 0 1 1 .999 9.999 9 9 0 0 1 19 10m-3.5-2.5c0-1.66-1.34-3-3-3h-5c-1.66 0-3 1.34-3 3v5c0 1.66 1.34 3 3 3h5c1.66 0 3-1.34 3-3z"
+		/>
+	</SvgIcon>
+)
+export default SvgIgCircle

package/src/Icon/icons/Info.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgInfo = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M11.2 6.003c0 .66-.54 1.2-1.2 1.2s-1.2-.54-1.2-1.2.54-1.2 1.2-1.2 1.2.54 1.2 1.2m7.8 4c0-4.96-4.04-9-9-9s-9 4.04-9 9 4.04 9 9 9 9-4.04 9-9m-2 0c0 3.86-3.14 7-7 7s-7-3.14-7-7 3.14-7 7-7 7 3.14 7 7m-6 4v-4c0-.55-.45-1-1-1s-1 .45-1 1v4c0 .55.45 1 1 1s1-.45 1-1"
+		/>
+	</SvgIcon>
+)
+export default SvgInfo

package/src/Icon/icons/InfoBook.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgInfoBook = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M8.8 5c0-.66.54-1.2 1.2-1.2s1.2.54 1.2 1.2-.54 1.2-1.2 1.2S8.8 5.66 8.8 5M10 7c-.55 0-1 .45-1 1v3c0 .55.45 1 1 1s1-.45 1-1V8c0-.55-.45-1-1-1m6 9c0 .55.45 1 1 1s1 .45 1 1-.45 1-1 1H5c-1.65 0-3-1.35-3-3V4c0-1.65 1.35-3 3-3h12c.55 0 1 .45 1 1v12c0 .55-.45 1-1 1s-1 .45-1 1M4 4v9.18c.31-.11.65-.18 1-.18h11V3H5c-.55 0-1 .45-1 1m10.18 13c-.11-.31-.18-.65-.18-1s.07-.69.18-1H5c-.55 0-1 .45-1 1s.45 1 1 1z"
+		/>
+	</SvgIcon>
+)
+export default SvgInfoBook

package/src/Icon/icons/InfoSolid.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgInfoSolid = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={24}
+		height={24}
+		fill="none"
+		viewBox="0 0 24 24"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="m12 1.2c-5.95 0-10.8 4.85-10.8 10.8 0 5.96 4.85 10.8 10.8 10.8s10.8-4.84 10.8-10.8c0-5.95-4.85-10.8-10.8-10.8zm1.2 15.6c0 .66-.54 1.2-1.2 1.2a1.2 1.2 0 0 1 -1.2-1.2v-4.8c0-.66.54-1.2 1.2-1.2s1.2.54 1.2 1.2zm-1.2-8.16c-.8 0-1.44-.64-1.44-1.44 0-.79.65-1.44 1.44-1.44.8 0 1.44.65 1.44 1.44 0 .8-.65 1.44-1.44 1.44z"
+		/>
+	</SvgIcon>
+)
+export default SvgInfoSolid

package/src/Icon/icons/Italic.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgItalic = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M13 4H9c-.55 0-1 .45-1 1s.45 1 1 1h.78l-1.6 8H7c-.55 0-1 .45-1 1s.45 1 1 1h4c.55 0 1-.45 1-1s-.45-1-1-1h-.78l1.6-8H13c.55 0 1-.45 1-1s-.45-1-1-1"
+		/>
+	</SvgIcon>
+)
+export default SvgItalic

package/src/Icon/icons/Key.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgKey = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M14 5c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1M7 18v-1h1c.55 0 1-.45 1-1v-1h1c.55 0 1-.45 1-1v-1.35c.64.23 1.32.35 2 .35 3.31 0 6-2.69 6-6s-2.69-6-6-6a6.005 6.005 0 0 0-5.89 7.16l-5.53 5.51c-.38.38-.58.88-.58 1.41V17c0 1.1.9 2 2 2h3c.55 0 1-.45 1-1m1.93-8.82c.26-.26.36-.65.25-1A3.999 3.999 0 0 1 13 3c2.21 0 4 1.79 4 4s-1.79 4-4 4c-.67 0-1.31-.16-1.9-.49a1 1 0 0 0-1.18.16l-.62.61c-.19.19-.3.45-.3.71v1H8c-.55 0-1 .45-1 1v1H6c-.55 0-1 .45-1 1v1H3v-1.91z"
+		/>
+	</SvgIcon>
+)
+export default SvgKey

package/src/Icon/icons/Left.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgLeft = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="m13.29 18.709-8-8.003a.997.997 0 0 1 0-1.41l8-8.003a.996.996 0 1 1 1.41 1.41L7.41 9.996l7.29 7.292c.39.39.39 1.02 0 1.41-.38.4-1.02.4-1.41.01"
+		/>
+	</SvgIcon>
+)
+export default SvgLeft

package/src/Icon/icons/Lightbulb.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgLightbulb = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M10 1C6.14 1 3 3.916 3 7.5c0 1.413.481 2.757 1.392 3.886C5.444 12.69 6 14.127 6 15.541V17c0 1.103.897 2 2 2h4c1.103 0 2-.897 2-2v-1.459c0-1.414.556-2.851 1.608-4.155C16.519 10.257 17 8.913 17 7.5 17 3.916 13.86 1 10 1m2 16H8v-2h4zm2.052-6.87a9.5 9.5 0 0 0-1.61 2.87H11v-3a1 1 0 1 0-2 0v3H7.558a9.5 9.5 0 0 0-1.61-2.87A4.16 4.16 0 0 1 5 7.5C5 5.019 7.243 3 10 3s5 2.019 5 4.5c0 .951-.328 1.86-.948 2.63"
+		/>
+	</SvgIcon>
+)
+export default SvgLightbulb

package/src/Icon/icons/Like.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgLike = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M18.38 8.2c-.57-.76-1.45-1.2-2.4-1.2H13V4c0-1.65-1.35-3-3-3-.38 0-.73.21-.89.55L5.89 8H3c-1.1 0-2 .9-2 2v6c0 1.1.9 2 2 2h12.25c.88 0 1.67-.59 1.92-1.43l1.69-5.72c.27-.92.09-1.88-.48-2.65M3 10h2v6H3zm13.94.28L15.25 16H7v-5.75l3.54-7.09c.28.18.46.49.46.84v4c0 .55.45 1 1 1h3.98a1 1 0 0 1 .96 1.28"
+		/>
+	</SvgIcon>
+)
+export default SvgLike

package/src/Icon/icons/LikeSolid.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgLikeSolid = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M4 8.5v9c0 .28-.22.5-.5.5H3c-1.1 0-2-.9-2-2v-6c0-1.1.9-2 2-2h.5c.28 0 .5.22.5.5m14.38-.3c-.57-.76-1.45-1.2-2.4-1.2H13V4c0-1.65-1.35-3-3-3-.38 0-.73.21-.89.55l-3 6C6.04 7.69 6 7.84 6 8v9c0 .55.45 1 1 1h8.25c.88 0 1.67-.59 1.92-1.43l1.69-5.72c.27-.92.09-1.88-.48-2.65"
+		/>
+	</SvgIcon>
+)
+export default SvgLikeSolid

package/src/Icon/icons/Link.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgLink = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={24}
+		height={24}
+		fill="none"
+		viewBox="0 0 24 24"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="m9.6 16.8h-3.6a4.8 4.8 0 1 1 0-9.6h3.6c.66 0 1.2.54 1.2 1.2s-.54 1.2-1.2 1.2h-3.6a2.4 2.4 0 0 0 -2.4 2.4 2.4 2.4 0 0 0 2.4 2.4h3.6c.66 0 1.2.54 1.2 1.2s-.54 1.2-1.2 1.2zm13.2-4.8a4.8 4.8 0 0 0 -4.8-4.8h-3.6c-.66 0-1.2.54-1.2 1.2s.54 1.2 1.2 1.2h3.6a2.4 2.4 0 0 1 2.4 2.4 2.4 2.4 0 0 1 -2.4 2.4h-3.6c-.66 0-1.2.54-1.2 1.2s.54 1.2 1.2 1.2h3.6a4.8 4.8 0 0 0 4.8-4.8zm-6 0c0-.66-.54-1.2-1.2-1.2h-7.2c-.66 0-1.2.54-1.2 1.2s.54 1.2 1.2 1.2h7.2c.66 0 1.2-.54 1.2-1.2z"
+		/>
+	</SvgIcon>
+)
+export default SvgLink

package/src/Icon/icons/Lock.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgLock = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="#777C87"
+			d="M10 14.5c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5M18 9v8c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V9c0-1.1.9-2 2-2h1V6c0-2.76 2.24-5 5-5s5 2.24 5 5v1h1c1.1 0 2 .9 2 2M7 7h6V6c0-1.65-1.35-3-3-3S7 4.35 7 6zm9 2H4v8h12z"
+		/>
+	</SvgIcon>
+)
+export default SvgLock