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

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

package/src/Icon/icons/Menu.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgMenu = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M18 11H2c-.55 0-1-.45-1-1s.45-1 1-1h16c.55 0 1 .45 1 1s-.45 1-1 1m1-7c0-.55-.45-1-1-1H2c-.55 0-1 .45-1 1s.45 1 1 1h16c.55 0 1-.45 1-1m0 12c0-.55-.45-1-1-1H2c-.55 0-1 .45-1 1s.45 1 1 1h16c.55 0 1-.45 1-1"
+		/>
+	</SvgIcon>
+)
+export default SvgMenu

package/src/Icon/icons/Mic.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgMic = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M10 12c-2.228 0-4.032-1.79-4.032-4V5c0-2.21 1.804-4 4.032-4s4.032 1.79 4.032 4v3c0 2.21-1.804 4-4.032 4m0-9c-1.109 0-2.016.9-2.016 2v3c0 1.1.907 2 2.016 2s2.016-.9 2.016-2V5c0-1.1-.907-2-2.016-2m5.705 10.66c.393-.39.393-1.03 0-1.42a1.02 1.02 0 0 0-1.431 0A6 6 0 0 1 10 14a6 6 0 0 1-4.274-1.76 1.02 1.02 0 0 0-1.431 0 1 1 0 0 0 0 1.42 8 8 0 0 0 4.697 2.27V17H6.976c-.554 0-1.008.45-1.008 1s.454 1 1.008 1h6.048c.554 0 1.008-.45 1.008-1s-.454-1-1.008-1h-2.016v-1.07c1.774-.21 3.407-1 4.697-2.27"
+		/>
+	</SvgIcon>
+)
+export default SvgMic

package/src/Icon/icons/MicOff.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgMicOff = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M14 18c0 .55-.45 1-1 1H7c-.55 0-1-.45-1-1s.45-1 1-1h2v-1.06a8 8 0 0 1-4.66-2.28c-.39-.39-.39-1.03 0-1.42s1.03-.39 1.42 0A5.93 5.93 0 0 0 10 14c.55 0 1 .45 1 1v2h2c.55 0 1 .45 1 1m4.71.71c-.41.39-1.02.38-1.42 0l-16-16c-.39-.39-.39-1.03 0-1.42s1.03-.39 1.42 0L6.02 4.6C6.22 2.58 7.92 1 10 1c2.21 0 4 1.79 4 4v3c0 1.24-.56 2.37-1.48 3.1l1.42 1.42c.11-.09.2-.18.3-.28.4-.39 1.03-.39 1.42 0s.39 1.03 0 1.42c-.1.1-.2.19-.31.27l3.36 3.36c.39.39.39 1.03 0 1.42M8 6.58l3.09 3.09c.56-.35.91-.98.91-1.67V5c0-1.1-.9-2-2-2s-2 .9-2 2z"
+		/>
+	</SvgIcon>
+)
+export default SvgMicOff

package/src/Icon/icons/Minus.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgMinus = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M18 11H2c-.55 0-1-.45-1-1s.45-1 1-1h16c.55 0 1 .45 1 1s-.45 1-1 1"
+		/>
+	</SvgIcon>
+)
+export default SvgMinus

package/src/Icon/icons/MinusCircle.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgMinusCircle = (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-7m4 7c0-.55-.45-1-1-1H7c-.55 0-1 .45-1 1s.45 1 1 1h6c.55 0 1-.45 1-1"
+		/>
+	</SvgIcon>
+)
+export default SvgMinusCircle

package/src/Icon/icons/MinusShort.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgMinusShort = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M16 11H4c-.55 0-1-.45-1-1s.45-1 1-1h12c.55 0 1 .45 1 1s-.45 1-1 1"
+		/>
+	</SvgIcon>
+)
+export default SvgMinusShort

package/src/Icon/icons/Moneybox.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgMoneybox = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M18 9h-.38L17 7.76V6c0-.7-.7-1.16-1.32-.95L12.84 6h-.97c.08-.32.13-.66.13-1 0-2.21-1.79-4-4-4S4 2.79 4 5c0 .74.22 1.45.6 2.06-.57.4-1.07.89-1.47 1.45l-.62-.37c-.48-.28-1.09-.12-1.37.35-.28.48-.12 1.09.35 1.37l.76.45C2.09 10.85 2 11.41 2 12c0 .73.03.52.72 5.15.07.49.49.85.98.85H6c.38 0 .73-.21.89-.55L7.62 16h2.76l.72 1.45c.17.34.52.55.9.55h2c.38 0 .73-.21.89-.55l.88-1.76 2.78-1.85c.28-.19.45-.51.45-.84v-3c0-.55-.45-1-1-1M6 5c0-1.1.9-2 2-2s2 .9 2 2c0 .36-.11.7-.28 1H8c-.55 0-1.08.08-1.58.22C6.15 5.87 6 5.45 6 5m11 7.46-2.55 1.7c-.15.1-.26.23-.34.38L13.38 16h-.76l-.72-1.45c-.17-.34-.52-.55-.9-.55H7c-.38 0-.73.21-.89.55L5.38 16h-.82C3.98 12.07 4 12.47 4 12c0-2.21 1.79-4 4-4h5c.11 0 .21-.02.32-.05L15 7.39V8c0 .16.04.31.11.45l1 2c.16.34.51.55.89.55z"
+		/>
+	</SvgIcon>
+)
+export default SvgMoneybox

package/src/Icon/icons/More.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgMore = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M5 10c0 1.1-.9 2-2 2s-2-.9-2-2 .9-2 2-2 2 .9 2 2m7 0c0 1.1-.9 2-2 2s-2-.9-2-2 .9-2 2-2 2 .9 2 2m7 0c0 1.1-.9 2-2 2s-2-.9-2-2 .9-2 2-2 2 .9 2 2"
+		/>
+	</SvgIcon>
+)
+export default SvgMore

package/src/Icon/icons/Move.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgMove = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M7.998 10c0 .55-.45 1-1 1H4.42l.29.29c.39.39.39 1.03 0 1.42-.4.38-1.01.39-1.42 0l-1.999-2c-.39-.39-.39-1.03 0-1.42l2-2c.39-.39 1.03-.39 1.419 0 .39.39.39 1.03 0 1.42l-.29.29H7c.55 0 1 .45 1 1m10.707-.71-2-2c-.39-.39-1.029-.39-1.419 0s-.39 1.03 0 1.42l.29.29h-2.58c-.55 0-.999.45-.999 1s.45 1 1 1h2.579l-.29.29c-.39.39-.39 1.03 0 1.42.4.38 1.01.39 1.42 0l2-2c.389-.39.389-1.03 0-1.42m-5.998-6-2-2c-.39-.39-1.03-.39-1.42 0l-1.999 2c-.39.39-.39 1.03 0 1.42s1.03.39 1.42 0l.29-.29V7c0 .55.45 1 1 1s1-.45 1-1V4.42l.29.29c.4.38 1.009.39 1.419 0 .39-.39.39-1.03 0-1.42m0 12c-.39-.39-1.03-.39-1.42 0l-.29.29V13c0-.55-.45-1-1-1s-1 .45-1 1v2.58l-.29-.29c-.389-.39-1.029-.39-1.419 0s-.39 1.03 0 1.42l2 2c.2.19.45.29.71.29s.51-.1.71-.29l1.999-2c.39-.39.39-1.03 0-1.42"
+		/>
+	</SvgIcon>
+)
+export default SvgMove

package/src/Icon/icons/Newbie.tsx

@@ -0,0 +1,20 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgNewbie = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			fillRule="evenodd"
+			d="M6.684 5.051a1 1 0 0 1 1.116.35L12 11V6a1 1 0 1 1 2 0v8a1 1 0 0 1-1.8.6L8 9v5a1 1 0 1 1-2 0V6a1 1 0 0 1 .684-.95"
+			clipRule="evenodd"
+		/>
+	</SvgIcon>
+)
+export default SvgNewbie

package/src/Icon/icons/News.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgNews = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M18 7h-3V4c0-1.1-.9-2-2-2H3c-1.1 0-2 .9-2 2v11c0 1.65 1.35 3 3 3h12c1.65 0 3-1.35 3-3V8c0-.55-.45-1-1-1M3 15V4h10v11c0 .35.07.69.18 1H4c-.55 0-1-.45-1-1m14 0c0 .55-.45 1-1 1s-1-.45-1-1V9h2zm-8-3c0 .55-.45 1-1 1H6c-.55 0-1-.45-1-1s.45-1 1-1h2c.55 0 1 .45 1 1m2-4c0 .55-.45 1-1 1H6c-.55 0-1-.45-1-1s.45-1 1-1h4c.55 0 1 .45 1 1"
+		/>
+	</SvgIcon>
+)
+export default SvgNews

package/src/Icon/icons/Notes.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgNotes = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M16 1H4c-1.1 0-2 .9-2 2v2c-.55 0-1 .45-1 1s.45 1 1 1v2c-.55 0-1 .45-1 1s.45 1 1 1v2c-.55 0-1 .45-1 1s.45 1 1 1v2c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V3c0-1.1-.9-2-2-2m-2 6h2v2h-2zm2-2h-2V3h2zM4 15h1c.55 0 1-.45 1-1s-.45-1-1-1H4v-2h1c.55 0 1-.45 1-1s-.45-1-1-1H4V7h1c.55 0 1-.45 1-1s-.45-1-1-1H4V3h8v14H4zm10 2v-6h2v6z"
+		/>
+	</SvgIcon>
+)
+export default SvgNotes

package/src/Icon/icons/Notification.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgNotification = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M10 19c-1.09 0-2.14-.52-2.8-1.4-.33-.44-.24-1.07.2-1.4s1.07-.24 1.4.2c.57.76 1.83.76 2.4 0 .33-.44.96-.53 1.4-.2s.53.96.2 1.4c-.66.88-1.71 1.4-2.8 1.4m8-6v-1.59c0-.53-.21-1.04-.59-1.41l-1.12-1.12a1 1 0 0 1-.29-.71V7c0-3.31-2.69-6-6-6S4 3.69 4 7v1.17c0 .27-.1.52-.29.71L2.59 10c-.38.38-.59.88-.59 1.41V13c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2m-4-6v1.17c0 .8.31 1.56.88 2.12L16 11.41V13H4v-1.59l1.12-1.12c.57-.57.88-1.32.88-2.12V7c0-2.21 1.79-4 4-4s4 1.79 4 4"
+		/>
+	</SvgIcon>
+)
+export default SvgNotification

package/src/Icon/icons/Ok.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgOk = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M9 7.4c0-.55.45-1 1-1s1 .45 1 1-.45 1-1 1-1-.45-1-1M18 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 2M7.4 7.4C7.4 8.83 8.57 10 10 10s2.6-1.17 2.6-2.6-1.17-2.6-2.6-2.6-2.6 1.17-2.6 2.6m5.55 3.71c-.2-.4-.68-.55-1.07-.36-1.17.59-2.58.59-3.75 0a.795.795 0 0 0-1.07.35c-.2.39-.04.88.35 1.08.35.17.71.3 1.08.41l-1.04 1.04c-.31.31-.31.82 0 1.13s.82.31 1.13 0L10 13.33l1.43 1.43c.31.31.82.31 1.13 0s.31-.82 0-1.13l-1.04-1.04c.37-.1.73-.23 1.08-.4.39-.2.55-.68.35-1.08"
+		/>
+	</SvgIcon>
+)
+export default SvgOk

package/src/Icon/icons/OkCircle.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgOkCircle = (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 1m0 3.8c1.43 0 2.6 1.17 2.6 2.6S11.43 10 10 10 7.4 8.83 7.4 7.4 8.57 4.8 10 4.8m2.6 7.39c-.35.17-.71.3-1.08.4l1.04 1.04c.31.31.31.82 0 1.13-.15.16-.36.24-.56.24s-.41-.08-.57-.23L10 13.33l-1.43 1.43c-.16.16-.37.24-.57.24s-.41-.08-.57-.23a.803.803 0 0 1 0-1.13l1.04-1.04c-.37-.1-.73-.23-1.08-.41a.806.806 0 0 1-.35-1.08c.2-.39.68-.55 1.07-.35 1.17.59 2.58.59 3.75 0a.79.79 0 0 1 1.07.36c.22.39.06.87-.33 1.07M9 7.4c0-.55.45-1 1-1s1 .45 1 1-.45 1-1 1-1-.45-1-1"
+		/>
+	</SvgIcon>
+)
+export default SvgOkCircle

package/src/Icon/icons/Order.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgOrder = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={24}
+		height={24}
+		fill="none"
+		viewBox="0 0 24 24"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M18 22.8H4.8a3.61 3.61 0 0 1-3.6-3.6v-2.4c0-.66.54-1.2 1.2-1.2h1.2v-12A2.4 2.4 0 0 1 6 1.2h13.2a2.4 2.4 0 0 1 2.4 2.4v15.6a3.6 3.6 0 0 1-3.6 3.6Zm0-2.4c.66 0 1.2-.54 1.2-1.2V3.6H6v12h9.6c.66 0 1.2.54 1.2 1.2v2.4c0 .66.54 1.2 1.2 1.2ZM3.6 18v1.2c0 .66.54 1.2 1.2 1.2h9.8a3.6 3.6 0 0 1-.2-1.2V18H3.6ZM16.8 7.2c0-.66-.54-1.2-1.2-1.2h-1.2c-.66 0-1.2.54-1.2 1.2 0 .66.54 1.2 1.2 1.2h1.2c.66 0 1.2-.54 1.2-1.2Zm-5.76 0c0-.8-.65-1.44-1.44-1.44-.8 0-1.44.65-1.44 1.44 0 .8.65 1.44 1.44 1.44.8 0 1.44-.65 1.44-1.44ZM16.8 12c0-.66-.54-1.2-1.2-1.2h-1.2c-.66 0-1.2.54-1.2 1.2 0 .66.54 1.2 1.2 1.2h1.2c.66 0 1.2-.54 1.2-1.2Zm-5.76 0c0-.8-.65-1.44-1.44-1.44-.8 0-1.44.65-1.44 1.44 0 .8.65 1.44 1.44 1.44.8 0 1.44-.65 1.44-1.44Z"
+		/>
+	</SvgIcon>
+)
+export default SvgOrder

package/src/Icon/icons/OrderLoad.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgOrderLoad = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M18 17v-1.76c0-.31-.07-.62-.21-.89L17.12 13l.78-1.55c.07-.14.11-.29.11-.45v-1c.55 0 1-.45 1-1s-.45-1-1-1h-7c-.55 0-1 .45-1 1s.45 1 1 1v.76c0 .31.07.62.21.89l.67 1.34-.67 1.34c-.14.28-.21.59-.21.89V17c-.55 0-1 .45-1 1s.45 1 1 1h7c.55 0 1-.45 1-1s-.46-1-1.01-1m-5-1.76.89-1.79c.14-.28.14-.61 0-.89l-.89-1.8V10h3v.76l-.89 1.79c-.14.28-.14.61 0 .89l.89 1.79V17h-3zM3 12v1c0 .55.45 1 1 1h4c.55 0 1 .45 1 1s-.45 1-1 1H4c-1.65 0-3-1.35-3-3v-2c0-.55.45-1 1-1h1V2c0-.55.45-1 1-1h11c.55 0 1 .45 1 1v3c0 .55-.45 1-1 1s-1-.45-1-1V3H5v7h3c.55 0 1 .45 1 1s-.45 1-1 1zm4-7.2c.66 0 1.2.54 1.2 1.2S7.66 7.2 7 7.2 5.8 6.66 5.8 6 6.34 4.8 7 4.8M10 7c-.55 0-1-.45-1-1s.45-1 1-1h2c.55 0 1 .45 1 1s-.45 1-1 1z"
+		/>
+	</SvgIcon>
+)
+export default SvgOrderLoad

package/src/Icon/icons/OrderSend.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgOrderSend = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M17.988 3v7c0 .55-.45 1-1 1s-.999-.45-.999-1V3H4.997v10h3.997c.55 0 1 .45 1 1s-.45 1-1 1H3v1c0 .55.45 1 .999 1h4.996c.55 0 1 .45 1 1s-.45 1-1 1H3.998A3.01 3.01 0 0 1 1 16v-2c0-.55.45-1 1-1h.999V3c0-1.1.899-2 1.998-2H15.99c1.1 0 1.999.9 1.999 2m-5.996 4h1c.549 0 .998-.45.998-1s-.45-1-.999-1h-1c-.549 0-.998.45-.998 1s.45 1 .999 1M7.995 4.8c-.66 0-1.2.54-1.2 1.2s.54 1.2 1.2 1.2S9.194 6.66 9.194 6s-.54-1.2-1.2-1.2m3.997 6.2h1c.549 0 .998-.45.998-1s-.45-1-.999-1h-1c-.549 0-.998.45-.998 1s.45 1 .999 1M7.995 8.8c-.66 0-1.2.54-1.2 1.2s.54 1.2 1.2 1.2 1.199-.54 1.199-1.2-.54-1.2-1.2-1.2m7.704 4.49a.996.996 0 1 0-1.409 1.41l.29.29h-2.588c-.55 0-1 .45-1 1s.45 1 1 1h2.588l-.29.29a.996.996 0 0 0 .71 1.7c.26 0 .51-.1.71-.29l1.998-2a.996.996 0 0 0 0-1.41z"
+		/>
+	</SvgIcon>
+)
+export default SvgOrderSend

package/src/Icon/icons/Pause.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgPause = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M16 2v16c0 .55-.45 1-1 1h-2c-.55 0-1-.45-1-1V2c0-.55.45-1 1-1h2c.55 0 1 .45 1 1M7 1H5c-.55 0-1 .45-1 1v16c0 .55.45 1 1 1h2c.55 0 1-.45 1-1V2c0-.55-.45-1-1-1"
+		/>
+	</SvgIcon>
+)
+export default SvgPause

package/src/Icon/icons/PauseCircle.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgPauseCircle = (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-7M9 13V7c0-.55-.45-1-1-1s-1 .45-1 1v6c0 .55.45 1 1 1s1-.45 1-1m4 0V7c0-.55-.45-1-1-1s-1 .45-1 1v6c0 .55.45 1 1 1s1-.45 1-1"
+		/>
+	</SvgIcon>
+)
+export default SvgPauseCircle

package/src/Icon/icons/Payment.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgPayment = (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 2h7c.55 0 1-.45 1-1s-.45-1-1-1H3V9h14c0 .55.45 1 1 1s1-.45 1-1V5c0-1.1-.9-2-2-2M3 7V5h14v2zm15.71 7.71-2 2c-.4.38-1.01.39-1.42 0-.39-.39-.39-1.03 0-1.42l.29-.29H13c-.55 0-1-.45-1-1s.45-1 1-1h2.58l-.29-.29c-.39-.39-.39-1.03 0-1.42s1.03-.39 1.42 0l2 2c.39.39.39 1.03 0 1.42"
+		/>
+	</SvgIcon>
+)
+export default SvgPayment

package/src/Icon/icons/PhoneShake.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgPhoneShake = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M9.98 15.11c-.19 0-.16-.02-2.12-.45a.996.996 0 0 1-.76-1.19c.12-.54.65-.88 1.19-.76l1.91.42c.54.12.88.65.76 1.19-.11.47-.52.79-.98.79m7-10.9-3 13.99v.02c-.12.53-.66.88-1.2.76l-8.99-2h-.01a.996.996 0 0 1-.76-1.19l.01-.04L6.02 1.79c.12-.54.65-.88 1.19-.77h.01l8.99 2h.01c.53.13.87.65.76 1.19m-2.17.55L7.77 3.2 5.19 15.24l7.04 1.56zm3.17 9.44 1-5c.11-.54-.24-1.07-.78-1.18s-1.07.24-1.18.78l-1 5c-.11.54.24 1.07.78 1.18.55.11 1.07-.25 1.18-.78m-15-3 1-5c.11-.54-.24-1.07-.78-1.18s-1.07.24-1.18.78l-1 5c-.11.54.24 1.07.78 1.18.55.11 1.07-.25 1.18-.78"
+		/>
+	</SvgIcon>
+)
+export default SvgPhoneShake

package/src/Icon/icons/Play.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgPlay = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M4.54 17.89A1 1 0 0 1 4 17V3c0-.37.21-.71.54-.89a1 1 0 0 1 1.039.07l9.991 7a.997.997 0 0 1 0 1.64l-9.991 7c-.31.21-.7.24-1.04.07M5.998 4.92v10.16L13.252 10z"
+		/>
+	</SvgIcon>
+)
+export default SvgPlay

package/src/Icon/icons/PlaySolid.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgPlaySolid = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="m15.57 9.18-9.991-7c-.3-.21-.7-.24-1.04-.07C4.21 2.28 4 2.62 4 3v14c0 .37.21.71.54.89.34.17.729.14 1.039-.07l9.991-7a.997.997 0 0 0 0-1.64"
+		/>
+	</SvgIcon>
+)
+export default SvgPlaySolid

package/src/Icon/icons/Plus.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgPlus = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M16 9h-5V4c0-.55-.45-1-1-1s-1 .45-1 1v5H4c-.55 0-1 .45-1 1s.45 1 1 1h5v5c0 .55.45 1 1 1s1-.45 1-1v-5h5c.55 0 1-.45 1-1s-.45-1-1-1"
+		/>
+	</SvgIcon>
+)
+export default SvgPlus

package/src/Icon/icons/PlusCircle.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgPlusCircle = (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-7m3 6h-2V7c0-.55-.45-1-1-1s-1 .45-1 1v2H7c-.55 0-1 .45-1 1s.45 1 1 1h2v2c0 .55.45 1 1 1s1-.45 1-1v-2h2c.55 0 1-.45 1-1s-.45-1-1-1"
+		/>
+	</SvgIcon>
+)
+export default SvgPlusCircle