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

package/src/Icon/icons/Pos.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgPos = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M19 7.007c0-.16-.04-.31-.11-.45L17.17 3.11A2 2 0 0 0 15.38 2H4.62c-.76 0-1.45.42-1.79 1.11L1.11 6.556c-.07.14-.11.29-.11.45 0 .88.39 1.669 1 2.218v6.776C2 17.101 2.9 18 4 18h4c.55 0 1-.45 1-1v-2.998h2v2.999c0 .55.45.999 1 .999h4c1.1 0 2-.9 2-1.999V9.225c.61-.55 1-1.339 1-2.218M4.62 4.009h10.76l1.6 3.198c-.09.46-.5.8-.98.8-.55 0-1-.45-1-1s-.45-1-1-1-1 .45-1 1-.45 1-1 1-1-.45-1-1-.45-1-1-1-1 .45-1 1-.45 1-1 1-1-.45-1-1-.45-1-1-1-1 .45-1 1-.45 1-1 1c-.48 0-.89-.35-.98-.8zM16 16h-3v-2.998c0-.55-.45-1-1-1H8c-.55 0-1 .45-1 1v2.998H4v-5.996c.77 0 1.47-.3 2-.78a2.966 2.966 0 0 0 4 .01 2.966 2.966 0 0 0 4-.01c.53.48 1.23.78 2 .78z"
+		/>
+	</SvgIcon>
+)
+export default SvgPos

package/src/Icon/icons/Print.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgPrint = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={24}
+		height={24}
+		fill="none"
+		viewBox="0 0 24 24"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M20.4 8.4h-1.2V4.8a2.4 2.4 0 0 0-2.4-2.4H7.2a2.4 2.4 0 0 0-2.4 2.4v3.6H3.6a2.4 2.4 0 0 0-2.4 2.4v6a2.4 2.4 0 0 0 2.4 2.4H6a2.4 2.4 0 0 0 2.4 2.4h7.2a2.4 2.4 0 0 0 2.4-2.4h2.4a2.4 2.4 0 0 0 2.4-2.4v-6a2.4 2.4 0 0 0-2.4-2.4ZM7.2 4.8h9.6v3.6H7.2V4.8Zm8.4 14.4H8.4v-2.4h7.2v2.4Zm4.8-2.4H18a2.4 2.4 0 0 0-2.4-2.4H8.4A2.4 2.4 0 0 0 6 16.8H3.6v-6h16.8v6Z"
+		/>
+	</SvgIcon>
+)
+export default SvgPrint

package/src/Icon/icons/QrPay.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgQrPay = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M8 9H3c-.55 0-1-.45-1-1V3c0-.55.45-1 1-1h5c.55 0 1 .45 1 1v5c0 .55-.45 1-1 1M4 7h3V4H4zm4 11H3c-.55 0-1-.45-1-1v-5c0-.55.45-1 1-1h5c.55 0 1 .45 1 1v5c0 .55-.45 1-1 1m-4-2h3v-3H4zm13-7h-5c-.55 0-1-.45-1-1V3c0-.55.45-1 1-1h5c.55 0 1 .45 1 1v5c0 .55-.45 1-1 1m-4-2h3V4h-3zm0 5.6v-1.2c0-.22-.18-.4-.4-.4h-1.2c-.22 0-.4.18-.4.4v1.2c0 .22.18.4.4.4h1.2c.22 0 .4-.18.4-.4m0 5v-1.2c0-.22-.18-.4-.4-.4h-1.2c-.22 0-.4.18-.4.4v1.2c0 .22.18.4.4.4h1.2c.22 0 .4-.18.4-.4m5 0v-1.2c0-.22-.18-.4-.4-.4h-1.2c-.22 0-.4.18-.4.4v1.2c0 .22.18.4.4.4h1.2c.22 0 .4-.18.4-.4m-2.5-2.5v-1.2c0-.22-.18-.4-.4-.4h-1.2c-.22 0-.4.18-.4.4v1.2c0 .22.18.4.4.4h1.2c.22 0 .4-.18.4-.4m2.5-2.5v-1.2c0-.22-.18-.4-.4-.4h-1.2c-.22 0-.4.18-.4.4v1.2c0 .22.18.4.4.4h1.2c.22 0 .4-.18.4-.4"
+		/>
+	</SvgIcon>
+)
+export default SvgQrPay

package/src/Icon/icons/Redirect.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgRedirect = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="m18.71 8.713-5 5c-.4.38-1.01.39-1.42 0-.39-.39-.39-1.03 0-1.42l3.29-3.29H6.5c-1.93 0-3.5 1.57-3.5 3.5s1.57 3.5 3.5 3.5H8c.55 0 1 .45 1 1s-.45 1-1 1H6.5a5.51 5.51 0 0 1-5.5-5.5c0-3.03 2.47-5.5 5.5-5.5h9.08l-3.29-3.29c-.39-.39-.39-1.03 0-1.42s1.03-.39 1.42 0l5 5c.39.39.39 1.03 0 1.42"
+		/>
+	</SvgIcon>
+)
+export default SvgRedirect

package/src/Icon/icons/Refill.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgRefill = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M16 9.42V8.21c0-.988-.29-1.948-.84-2.767l-.74-1.109a5.07 5.07 0 0 0-1.92-1.698L9.45 1.108a.994.994 0 0 0-1.34.45.99.99 0 0 0 .45 1.338l3.05 1.528c.47.23.86.58 1.15 1.02l.74 1.108c.33.49.5 1.07.5 1.659V9c-.83 0-1.63.21-2.35.6L10.23 8H11c.55 0 1-.449 1-.998 0-.55-.45-1-1-1H9.83c-.73 0-1.36.41-1.66 1.08-.3.66-.18 1.408.3 1.958l1.88 2.108c.28.32.11.61.02.719-.09.11-.34.34-.71.14L5.94 9.939A3 3 0 0 1 4.51 8.14L2.97 2.736c-.15-.53-.71-.83-1.24-.69-.53.15-.84.71-.69 1.24L2.58 8.69a4.99 4.99 0 0 0 2.38 2.997l3.72 2.068c.11.06.22.09.33.13 0 .04-.01.08-.01.12A5 5 0 0 0 14 19a5 5 0 0 0 5-4.995c0-2.058-1.24-3.806-3-4.586m-2 7.572c-1.65 0-3-1.349-3-2.997 0-.06.01-.11.02-.17.34-.16.65-.41.9-.72.4-.499.59-1.098.57-1.688.46-.27.97-.42 1.51-.42 1.65 0 3 1.35 3 2.998a3.007 3.007 0 0 1-3 2.997"
+		/>
+	</SvgIcon>
+)
+export default SvgRefill

package/src/Icon/icons/Refund.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgRefund = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M13.5 7H4.41L7.7 3.71A.996.996 0 1 0 6.29 2.3l-5 5a.996.996 0 0 0 0 1.41l5 5A.996.996 0 1 0 7.7 12.3L4.41 9h9.09c1.93 0 3.5 1.57 3.5 3.5S15.43 16 13.5 16H12c-.55 0-1 .45-1 1s.45 1 1 1h1.5c3.03 0 5.5-2.47 5.5-5.5S16.53 7 13.5 7"
+		/>
+	</SvgIcon>
+)
+export default SvgRefund

package/src/Icon/icons/Reload.tsx

@@ -0,0 +1,19 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgReload = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={24}
+		height={24}
+		fill="none"
+		viewBox="0 0 24 24"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="m21.6 10.8c-.66 0-1.2.54-1.2 1.2a8.4 8.4 0 0 1 -16.8 0 8.4 8.4 0 0 1 12.7-7.2h-.7c-.66 0-1.2.54-1.2 1.2s.54 1.2 1.2 1.2h3.6c.66 0 1.2-.54 1.2-1.2v-3.6c0-.66-.54-1.2-1.2-1.2s-1.2.54-1.2 1.2v.61a10.82 10.82 0 0 0 -16.8 8.99c0 5.95 4.85 10.8 10.8 10.8s10.8-4.85 10.8-10.8c0-.66-.54-1.2-1.2-1.2z"
+		/>
+	</SvgIcon>
+)
+export default SvgReload
+

package/src/Icon/icons/Reply.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgReply = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M16 12.003v4c0 .55-.45 1-1 1s-1-.45-1-1v-4c0-1.65-1.35-3-3-3H5.42l2.29 2.29c.39.39.39 1.03 0 1.42-.4.38-1.01.39-1.42 0l-4-4c-.39-.39-.39-1.03 0-1.42l4-4c.39-.39 1.03-.39 1.42 0s.39 1.03 0 1.42l-2.29 2.29H11c2.76 0 5 2.24 5 5"
+		/>
+	</SvgIcon>
+)
+export default SvgReply

package/src/Icon/icons/ReplyShape.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgReplyShape = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M2 18a1 1 0 0 1-.99-1.16C2.05 10.61 4.24 7.42 9 5.34V3c0-.38.21-.72.55-.89s.74-.13 1.05.09l8 6c.25.19.4.49.4.8s-.15.61-.4.8l-8 6c-.3.23-.71.26-1.05.09A1 1 0 0 1 9 15v-1.92c-3.79.6-6.12 4.39-6.14 4.44-.19.3-.52.48-.86.48m9-13v1a1 1 0 0 1-.63.93c-3.41 1.36-5.31 3.16-6.46 6.43 1.49-1.23 3.54-2.35 6.09-2.35.55 0 1 .45 1 1v1l5.33-4z"
+		/>
+	</SvgIcon>
+)
+export default SvgReplyShape

package/src/Icon/icons/ReplyShapeSolid.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgReplyShapeSolid = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M18.606 8.205 10.603 2.2a1 1 0 0 0-1.05-.09 1 1 0 0 0-.55.891v2.332C4.24 7.414 2.05 10.607 1.01 16.842c-.08.47.19.94.64 1.1.44.16.95-.01 1.2-.42.02-.04 2.351-3.843 6.143-4.443v1.931c0 .38.21.72.55.89s.74.13 1.05-.09l8.003-6.004a1.005 1.005 0 0 0 .01-1.601"
+		/>
+	</SvgIcon>
+)
+export default SvgReplyShapeSolid

package/src/Icon/icons/Request.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgRequest = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M16 18H4c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h4c.55 0 1 .45 1 1s-.45 1-1 1H4v12h12v-4c0-.55.45-1 1-1s1 .45 1 1v4c0 1.1-.9 2-2 2m-4.46-5.29 6.17-6.17a.996.996 0 0 0 0-1.41L14.88 2.3a.996.996 0 0 0-1.41 0L7.3 8.47a1 1 0 0 0-.29.71V12c0 .55.45 1 1 1h2.83c.25 0 .51-.11.7-.29M9 9.59l5.17-5.17 1.41 1.41L10.41 11H9z"
+		/>
+	</SvgIcon>
+)
+export default SvgRequest

package/src/Icon/icons/Right.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgRight = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M5.29 18.706a.997.997 0 0 1 0-1.411l7.29-7.296-7.29-7.295A.997.997 0 1 1 6.7 1.293l8 8.006c.39.39.39 1.02 0 1.41l-8 8.007c-.38.38-1.02.38-1.41-.01"
+		/>
+	</SvgIcon>
+)
+export default SvgRight

package/src/Icon/icons/Route.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgRoute = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M16 2.6c.77 0 1.4.63 1.4 1.4s-.63 1.4-1.4 1.4-1.4-.63-1.4-1.4.63-1.4 1.4-1.4M16 1c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3M4 14.6c.77 0 1.4.63 1.4 1.4s-.63 1.4-1.4 1.4-1.4-.63-1.4-1.4.63-1.4 1.4-1.4M4 13c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3m15 0c0-2.21-1.79-4-4-4H5c-1.1 0-2-.9-2-2s.9-2 2-2h5c.55 0 1-.45 1-1s-.45-1-1-1H5C2.79 3 1 4.79 1 7s1.79 4 4 4h10c1.1 0 2 .9 2 2s-.9 2-2 2h-5c-.55 0-1 .45-1 1s.45 1 1 1h5c2.21 0 4-1.79 4-4"
+		/>
+	</SvgIcon>
+)
+export default SvgRoute

package/src/Icon/icons/Ruble.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgRuble = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M12 11.956c2.76 0 5-2.23 5-4.978S14.76 2 12 2H6.99c-.55 0-1 .448-.99 1.006l.04 6.96H4a1 1 0 0 0-1 .995 1 1 0 0 0 1 .995h2.05l.01.996H4a1 1 0 0 0-1 .996 1 1 0 0 0 1 .995h2.07l.01 2.071c0 .548.45.986 1 .986h.01c.55 0 1-.448.99-1.006l-.01-2.06H12a1 1 0 0 0 1-.996 1 1 0 0 0-1-.996H8.05l-.01-.995H12zm0-7.965c1.65 0 3 1.344 3 2.987s-1.35 2.987-3 2.987H8.04l-.03-5.974z"
+		/>
+	</SvgIcon>
+)
+export default SvgRuble

package/src/Icon/icons/Sbp.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgSbp = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={24}
+		height={24}
+		fill="none"
+		viewBox="0 0 24 24"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="m19.86 15.8-5.7-3.8 5.7-3.8a1.2 1.2 0 0 0 0-2l-7.2-4.8a1.23 1.23 0 0 0 -1.24-.06c-.38.2-.62.62-.62 1.06v7.36l-5.34-3.56a1.23 1.23 0 0 0 -1.24-.06c-.38.2-.62.62-.62 1.06v9.6a1.2 1.2 0 0 0 1.87 1l5.33-3.56v7.36a1.2 1.2 0 0 0 1.87 1l7.2-4.8a1.2 1.2 0 0 0 -.01-2zm-6.66-11.16 3.84 2.56-3.84 2.56zm-7.2 9.92v-5.12l3.84 2.56zm7.2 4.8v-5.12l3.84 2.56z"
+		/>
+	</SvgIcon>
+)
+export default SvgSbp

package/src/Icon/icons/SbpColored.tsx

@@ -0,0 +1,46 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgSbpColored = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={24}
+		height={24}
+		fill="none"
+		viewBox="0 0 24 24"
+		{...props}
+	>
+		<path
+			d="m3.6 5.7 2.51 4.49v2.73l-2.5 4.47z"
+			fill="#5b57a2"
+		/>
+		<path
+			d="m13.24 8.55 2.35-1.43h4.81l-7.16 4.38z"
+			fill="#d90751"
+		/>
+		<path
+			d="m13.22 5.68.02 5.93-2.52-1.54v-8.87z"
+			fill="#fab718"
+		/>
+		<path
+			d="m20.4 7.11h-4.81l-2.37-1.43-2.5-4.48z"
+			fill="#ed6f26"
+		/>
+		<path
+			d="m13.24 17.42v-2.88l-2.52-1.52v8.88z"
+			fill="#63b22f"
+		/>
+		<path
+			d="m15.58 15.99-9.47-5.8-2.51-4.49 16.79 10.28h-4.8z"
+			fill="#1487c9"
+		/>
+		<path
+			d="m10.72 21.9 2.52-4.48 2.34-1.43h4.81l-9.67 5.9z"
+			fill="#017f36"
+		/>
+		<path
+			d="m3.6 17.39 7.14-4.37-2.4-1.47-2.23 1.37-2.5 4.47z"
+			fill="#984995"
+		/>
+	</SvgIcon>
+)
+export default SvgSbpColored

package/src/Icon/icons/Search.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgSearch = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M12 1C8.14 1 5 4.142 5 8.004c0 1.57.53 3.022 1.4 4.182L1.29 17.3A.997.997 0 0 0 2 19c.26 0 .51-.1.71-.29l5.11-5.113c1.17.88 2.61 1.4 4.18 1.4 3.86 0 7-3.141 7-7.003S15.86 1 12 1m0 12.007A5.003 5.003 0 0 1 12 3a5.003 5.003 0 0 1 0 10.006"
+		/>
+	</SvgIcon>
+)
+export default SvgSearch

package/src/Icon/icons/Send.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgSend = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="m18.4 9.083-16-6.997a.98.98 0 0 0-1.1.21c-.29.29-.38.73-.21 1.099l2.83 6.607-2.83 6.607a.996.996 0 0 0 1.31 1.31l16-6.997c.36-.16.6-.52.6-.92s-.24-.76-.6-.92m-5.18-.08H5.66L3.92 4.934zm-7.56 1.999h7.56l-9.3 4.068z"
+		/>
+	</SvgIcon>
+)
+export default SvgSend

package/src/Icon/icons/Services.tsx

@@ -0,0 +1,17 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgServices = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={24}
+		height={24}
+		fill="none"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M9 14H3a2 2 0 0 1-2-2V3c0-1.1.9-2 2-2h6a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2Zm14-8V3a2 2 0 0 0-2-2h-6a2 2 0 0 0-2 2v3c0 1.1.9 2 2 2h6a2 2 0 0 0 2-2ZM11 21v-3a2 2 0 0 0-2-2H3a2 2 0 0 0-2 2v3c0 1.1.9 2 2 2h6a2 2 0 0 0 2-2Zm12 0v-9a2 2 0 0 0-2-2h-6a2 2 0 0 0-2 2v9c0 1.1.9 2 2 2h6a2 2 0 0 0 2-2Z"
+		/>
+	</SvgIcon>
+)
+export default SvgServices

package/src/Icon/icons/Settings.tsx

@@ -0,0 +1,17 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgSettings = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={24}
+		height={24}
+		fill="none"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="m22.48 14.76-.95-1.08a9.73 9.73 0 0 0-.03-3.52l.91-1.04c.6-.67.69-1.65.24-2.43l-.84-1.49a2.08 2.08 0 0 0-2.23-1l-1.39.28a9.69 9.69 0 0 0-3-1.73l-.44-1.31A2.08 2.08 0 0 0 12.78 0h-1.7c-.9 0-1.69.58-1.97 1.44L8.66 2.8A9.72 9.72 0 0 0 5.68 4.6L4.35 4.3a2.08 2.08 0 0 0-2.23 1.01l-.84 1.49c-.45.78-.35 1.76.24 2.43l.95 1.08a9.75 9.75 0 0 0 .03 3.52l-.91 1.04a2.11 2.11 0 0 0-.25 2.43l.85 1.49c.45.79 1.35 1.19 2.23 1l1.39-.28c.89.75 1.91 1.34 3 1.73l.43 1.31A2.08 2.08 0 0 0 11.22 24h1.7c.9 0 1.69-.58 1.97-1.44l.45-1.36a9.72 9.72 0 0 0 2.98-1.79l1.33.28c.87.19 1.78-.22 2.23-1.01l.84-1.49a2.1 2.1 0 0 0-.24-2.43ZM12 16a4 4 0 1 1 0-8 4 4 0 0 1 0 8Z"
+		/>
+	</SvgIcon>
+)
+export default SvgSettings

package/src/Icon/icons/Share.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgShare = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={24}
+		height={24}
+		fill="none"
+		viewBox="0 0 24 24"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M19 23H5c-1.1 0-2-.9-2-2V10c0-1.1.9-2 2-2h3c.55 0 1 .45 1 1s-.45 1-1 1H5v11h14V10h-3c-.55 0-1-.45-1-1s.45-1 1-1h3c1.1 0 2 .9 2 2v11c0 1.1-.9 2-2 2ZM15.71 4.29l-3-3a.9959.9959 0 0 0-1.41 0l-3 3c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L11 4.41V15c0 .55.45 1 1 1s1-.45 1-1V4.41l1.29 1.29c.39.39 1.02.39 1.41 0 .4-.38.4-1.02.01-1.41Z" 
+		/>
+	</SvgIcon>
+)
+export default SvgShare

package/src/Icon/icons/ShoppingCart.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgShoppingCart = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M14.82 14h-7c-.95 0-1.77-.68-1.96-1.61L4.18 4H2c-.55 0-1-.45-1-1s.45-1 1-1h3c.48 0 .89.34.98.8L6.42 5H17a.992.992 0 0 1 .98 1.19l-1.19 6.19c-.18.94-1.01 1.62-1.97 1.62m-8-7 1 5h7l.96-5zM8 16c-.83 0-1.5.67-1.5 1.5S7.17 19 8 19s1.5-.67 1.5-1.5S8.83 16 8 16m7 0c-.83 0-1.5.67-1.5 1.5S14.17 19 15 19s1.5-.67 1.5-1.5S15.83 16 15 16"
+		/>
+	</SvgIcon>
+)
+export default SvgShoppingCart

package/src/Icon/icons/Sign.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgSign = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M15 19H3c-.55 0-1-.45-1-1s.45-1 1-1h12c.55 0 1-.45 1-1s-.45-1-1-1h-2c-.55 0-1-.45-1-1s.45-1 1-1h2c1.65 0 3 1.35 3 3s-1.35 3-3 3m.42-11.83L7.97 14.7a1 1 0 0 1-.71.3H3c-.55 0-1-.45-1-1V9.74a1 1 0 0 1 .3-.71l7.53-7.44c.8-.78 2.03-.78 2.82 0l2.77 2.76c.81.83.74 2.1 0 2.82M10.9 8.91l-2.8-2.8L4 10.16V13h2.84zM14 5.76l-2.77-2.75L9.52 4.7l2.78 2.78z"
+		/>
+	</SvgIcon>
+)
+export default SvgSign

package/src/Icon/icons/SlotMachine.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgSlotMachine = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M14 19H2c-.55 0-1-.45-1-1V5C1 2.17 4.52.91 8 .91S15 2.17 15 5v13c0 .55-.45 1-1 1M3 17h10V5c0-.68-.7-1.14-1.29-1.41-.95-.43-2.3-.68-3.71-.68-2.8 0-5 .92-5 2.09zm15-5V9.12l.97-3.88a1 1 0 0 0-1.94-.48l-1 4Q16 8.88 16 9v3c0 .55.45 1 1 1s1-.45 1-1M6 9V7c0-.55-.45-1-1-1s-1 .45-1 1v2c0 .55.45 1 1 1s1-.45 1-1m3 0V7c0-.55-.45-1-1-1s-1 .45-1 1v2c0 .55.45 1 1 1s1-.45 1-1m3 0V7c0-.55-.45-1-1-1s-1 .45-1 1v2c0 .55.45 1 1 1s1-.45 1-1m-1 5c0-.55-.45-1-1-1H6c-.55 0-1 .45-1 1s.45 1 1 1h4c.55 0 1-.45 1-1"
+		/>
+	</SvgIcon>
+)
+export default SvgSlotMachine

package/src/Icon/icons/SortDown.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgSortDown = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M10.004 14.003c-.26 0-.51-.1-.71-.29l-6.004-6c-.29-.29-.37-.72-.22-1.09s.52-.62.92-.62h12.007c.4 0 .77.24.92.62.16.37.07.8-.22 1.09l-6.003 6c-.18.19-.43.29-.69.29m-3.592-6 3.592 3.59 3.592-3.59z"
+		/>
+	</SvgIcon>
+)
+export default SvgSortDown

package/src/Icon/icons/SortDownSolid.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgSortDownSolid = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M15.99 6H4a.999.999 0 0 0-.71 1.709l5.995 5.995a1 1 0 0 0 1.419 0l5.995-5.995A1 1 0 0 0 15.989 6"
+		/>
+	</SvgIcon>
+)
+export default SvgSortDownSolid

package/src/Icon/icons/SortUp.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgSortUp = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M16 14.003H4c-.4 0-.77-.24-.92-.62-.16-.37-.07-.8.22-1.09l6-6a.996.996 0 0 1 1.41 0l6 6c.29.29.37.72.22 1.09-.16.38-.53.62-.93.62m-9.59-2h7.17l-3.59-3.59z"
+		/>
+	</SvgIcon>
+)
+export default SvgSortUp

package/src/Icon/icons/SortUpSolid.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgSortUpSolid = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M16.704 12.291 10.71 6.296a1 1 0 0 0-1.418 0L3.296 12.29A1 1 0 0 0 4.005 14h11.99a1 1 0 0 0 .71-1.709"
+		/>
+	</SvgIcon>
+)
+export default SvgSortUpSolid

package/src/Icon/icons/Stop.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgStop = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M10 1c-4.96 0-9 4.04-9 9s4.04 9 9 9 9-4.04 9-9-4.04-9-9-9m7 9c0 1.57-.53 3.02-1.4 4.18L5.82 4.4C6.98 3.53 8.43 3 10 3c3.86 0 7 3.14 7 7M3 10c0-1.57.53-3.02 1.4-4.18l9.78 9.78c-1.17.88-2.61 1.4-4.18 1.4-3.86 0-7-3.14-7-7"
+		/>
+	</SvgIcon>
+)
+export default SvgStop

package/src/Icon/icons/Support.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgSupport = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M19 10c0-1.55-.89-2.87-2.18-3.54C16.14 3.31 13.31 1 10 1 6.73 1 3.89 3.31 3.18 6.46 1.89 7.12 1 8.46 1 10c0 2.21 1.79 4 4 4h1c.55 0 1-.45 1-1V7c0-.55-.45-1-1-1h-.55C6.23 4.23 7.99 3 10 3c2.04 0 3.8 1.23 4.56 3H14c-.55 0-1 .45-1 1v6c0 .55.45 1 1 1h1c0 1.1-.9 2-2 2h-.05a2.5 2.5 0 0 0-2.45-2h-1a2.5 2.5 0 0 0 0 5h1c.81 0 1.53-.4 1.99-1H13c2.21 0 4-1.79 4-4v-.56c1.19-.69 2-1.97 2-3.44M5 12c-1.1 0-2-.9-2-2s.9-2 2-2zm5.5 5h-1c-.28 0-.5-.22-.5-.5s.22-.5.5-.5h1c.28 0 .5.22.5.5s-.22.5-.5.5m4.5-5V8c1.1 0 2 .9 2 2s-.9 2-2 2"
+		/>
+	</SvgIcon>
+)
+export default SvgSupport

package/src/Icon/icons/Sync.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgSync = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="m14.71 4.713-2 2c-.4.38-1.01.39-1.42 0-.39-.39-.39-1.03 0-1.42l.29-.29H10a5.002 5.002 0 0 0-4.64 6.86c.25.64-.21 1.37-.93 1.37-.4 0-.77-.24-.93-.63-.33-.83-.5-1.7-.5-2.6 0-3.86 3.14-7 7-7h1.58l-.29-.29c-.39-.39-.39-1.03 0-1.42s1.03-.39 1.42 0l2 2c.39.39.39 1.03 0 1.42m2.29 5.29q0-1.14-.36-2.22a1 1 0 0 0-1.26-.63c-.53.18-.81.74-.64 1.27.17.51.26 1.04.26 1.58 0 2.76-2.24 5-5 5h-.58l.29-.29c.39-.39.39-1.03 0-1.42s-1.03-.39-1.42 0l-2 2c-.39.39-.39 1.03 0 1.42l2 2c.41.39 1.02.38 1.42 0 .39-.39.39-1.03 0-1.42l-.29-.29H10c3.86 0 7-3.14 7-7"
+		/>
+	</SvgIcon>
+)
+export default SvgSync

package/src/Icon/icons/Table.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgTable = (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-2M3 9h3v2H3zm5 0h9v2H8zm9-2H8V5h9zM6 5v2H3V5zm-3 8h3v2H3zm5 2v-2h9v2z"
+		/>
+	</SvgIcon>
+)
+export default SvgTable