@modul/mbui 0.0.27-beta-webpack-559623b1 → 0.0.27-beta-webpack-6d7a3f6c

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

package/src/Icon/icons/Logout.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgLogout = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={24}
+		height={24}
+		fill="none"
+		viewBox="0 0 24 24"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M19.2 22.8H4.8a2.4 2.4 0 0 1-2.4-2.4V3.6a2.4 2.4 0 0 1 2.4-2.4h14.4a2.4 2.4 0 0 1 2.4 2.4v1.14c0 .66-.54 1.2-1.2 1.2a1.2 1.2 0 0 1-1.2-1.2V3.6H4.8v16.8h14.4v-1.14c0-.66.54-1.2 1.2-1.2.66 0 1.2.54 1.2 1.2v1.14a2.4 2.4 0 0 1-2.4 2.4Zm2.05-11.65-3.6-3.6a1.21 1.21 0 0 0-1.7 0 1.21 1.21 0 0 0 0 1.7l1.55 1.55h-6.7c-.66 0-1.2.54-1.2 1.2 0 .66.54 1.2 1.2 1.2h6.7l-1.55 1.55a1.21 1.21 0 0 0 0 1.7c.49.47 1.22.46 1.7 0l3.6-3.6c.47-.47.47-1.23 0-1.7Z"
+		/>
+	</SvgIcon>
+)
+export default SvgLogout

package/src/Icon/icons/MagicWand.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgMagicWand = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M2.293 17.71a.996.996 0 0 1 0-1.41l6-6a.996.996 0 1 1 1.41 1.41l-6 6a.996.996 0 0 1-1.41 0M13.003 13v-1c0-.55-.45-1-1-1s-1 .45-1 1v1c0 .55.45 1 1 1s1-.45 1-1m0-9V3c0-.55-.45-1-1-1s-1 .45-1 1v1c0 .55.45 1 1 1s1-.45 1-1m-4 4c0-.55-.45-1-1-1h-1c-.55 0-1 .45-1 1s.45 1 1 1h1c.55 0 1-.45 1-1m9 0c0-.55-.45-1-1-1h-1c-.55 0-1 .45-1 1s.45 1 1 1h1c.55 0 1-.45 1-1m-2.3-2.29 1-1a.996.996 0 1 0-1.41-1.41l-1 1a.996.996 0 1 0 1.41 1.41m-6 0a.996.996 0 0 0 0-1.41l-1-1a.996.996 0 1 0-1.41 1.41l1 1c.39.39 1.02.39 1.41 0m7 7a.996.996 0 0 0 0-1.41l-1-1a.996.996 0 1 0-1.41 1.41l1 1c.39.39 1.02.39 1.41 0"
+		/>
+	</SvgIcon>
+)
+export default SvgMagicWand

package/src/Icon/icons/Mail.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgMail = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M17 3H3c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2m-1.36 2L10 9.7 4.36 5zM3 15V6.47l6.36 5.3c.19.15.41.23.64.23s.45-.08.64-.23L17 6.47V15z"
+		/>
+	</SvgIcon>
+)
+export default SvgMail

package/src/Icon/icons/MailSend.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgMailSend = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={24}
+		height={24}
+		fill="none"
+		viewBox="0 0 24 24"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M20.4 7.2h-3.6c-.66 0-1.2.53-1.2 1.2 0 .65.54 1.2 1.2 1.2h1.4L12 14.1 5.8 9.6h1.4c.66 0 1.2-.55 1.2-1.2 0-.67-.54-1.2-1.2-1.2H3.6a2.4 2.4 0 0 0-2.4 2.4v9.6a2.4 2.4 0 0 0 2.4 2.4h16.8a2.4 2.4 0 0 0 2.4-2.4V9.6a2.4 2.4 0 0 0-2.4-2.4Zm-16.8 12v-8.25l7.7 5.6a1.19 1.19 0 0 0 1.42 0l7.68-5.6v8.25H3.6ZM8.75 5.64a1.2 1.2 0 0 1 0-1.69l2.4-2.4a1.2 1.2 0 0 1 1.69 0l2.4 2.4A1.2 1.2 0 0 1 14.39 6c-.31 0-.61-.12-.85-.35l-.35-.34v4.3c0 .66-.54 1.2-1.2 1.2a1.2 1.2 0 0 1-1.2-1.2V5.27l-.35.35c-.24.24-.54.35-.85.35-.31 0-.6-.1-.84-.34Z"
+		/>
+	</SvgIcon>
+)
+export default SvgMailSend

package/src/Icon/icons/Map.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgMap = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="#777C87"
+			d="m17.559 17.89-3.554-1.78-3.555 1.78c-.28.14-.61.14-.89 0l-3.555-1.78-3.554 1.78c-.33.17-.731.13-1.031-.08-.3-.22-.461-.58-.41-.95l1-7c.08-.55.58-.93 1.132-.85.55.08.93.58.85 1.13l-.73 5.11 2.292-1.15c.28-.14.611-.14.892 0L10 15.88l3.554-1.78c.28-.14.61-.14.891 0l2.293 1.15-.731-5.11c-.08-.55.3-1.05.851-1.13.55-.07 1.051.3 1.131.85l1.002 7c.05.37-.1.74-.41.95-.291.22-.692.25-1.022.08M10.6 12.8c.451-.34 4.406-3.4 4.406-6.8 0-2.76-2.243-5-5.006-5a5.005 5.005 0 0 0-5.006 5c0 3.4 3.955 6.46 4.405 6.8.18.13.39.2.6.2.211 0 .421-.07.601-.2M13.004 6c0 1.71-1.822 3.67-3.003 4.71-1.182-1.04-3.004-3-3.004-4.71 0-1.65 1.352-3 3.004-3a3.01 3.01 0 0 1 3.003 3m-1.802 0c0-.66-.54-1.2-1.201-1.2S8.798 5.34 8.798 6 9.34 7.2 10 7.2 11.2 6.66 11.2 6"
+		/>
+	</SvgIcon>
+)
+export default SvgMap

package/src/Icon/icons/MapPin.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgMapPin = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={24}
+		height={24}
+		fill="none"
+		viewBox="0 0 24 24"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="m12 7.92c.92 0 1.68.76 1.68 1.68s-.76 1.68-1.68 1.68-1.68-.76-1.68-1.68.76-1.68 1.68-1.68zm0-1.92a3.6 3.6 0 1 0 -.01 7.19 3.6 3.6 0 0 0 .01-7.19zm0 16.8c-.28 0-.54-.1-.77-.28-.31-.26-7.63-6.43-7.63-12.92a8.4 8.4 0 0 1 16.8 0c0 6.5-7.32 12.66-7.63 12.92-.23.18-.5.28-.77.28zm0-19.2a6 6 0 0 0 -6 6c0 4.26 4.22 8.7 6 10.38 1.78-1.68 6-6.12 6-10.38a6 6 0 0 0 -6-6z"
+		/>
+	</SvgIcon>
+)
+export default SvgMapPin

package/src/Icon/icons/MapPinSolid.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgMapPinSolid = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={24}
+		height={24}
+		fill="none"
+		viewBox="0 0 24 24"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M12 1.2a8.4 8.4 0 0 0-8.4 8.4c0 6.49 7.32 12.66 7.63 12.92a1.2 1.2 0 0 0 1.54 0c.31-.26 7.63-6.43 7.63-12.92A8.4 8.4 0 0 0 12 1.2Zm0 11.1a2.7 2.7 0 1 1 0-5.4 2.7 2.7 0 0 1 0 5.4Z"
+		/>
+	</SvgIcon>
+)
+export default SvgMapPinSolid