code: tsx,icons,fakemui (7 files)

This commit is contained in:
Richard Ward
2025-12-30 13:47:19 +00:00
parent 1b0984de7a
commit c00887538d
7 changed files with 81 additions and 0 deletions

View File

@@ -0,0 +1,8 @@
import React from 'react'
import { Icon, IconProps } from './Icon'
export const DarkMode = (props: IconProps) => (
<Icon {...props}>
<path d="M216 128a88 88 0 1 1-88-88c0 48.6 39.4 88 88 88z" fill="none" />
</Icon>
)

10
fakemui/icons/Desktop.tsx Normal file
View File

@@ -0,0 +1,10 @@
import React from 'react'
import { Icon, IconProps } from './Icon'
export const Desktop = (props: IconProps) => (
<Icon {...props}>
<rect x="32" y="48" width="192" height="128" rx="8" fill="none" />
<line x1="128" y1="176" x2="128" y2="216" />
<line x1="88" y1="216" x2="168" y2="216" />
</Icon>
)

View File

@@ -0,0 +1,12 @@
import React from 'react'
import { Icon, IconProps } from './Icon'
export const Language = (props: IconProps) => (
<Icon {...props}>
<circle cx="128" cy="128" r="96" fill="none" />
<ellipse cx="128" cy="128" rx="48" ry="96" fill="none" />
<line x1="32" y1="128" x2="224" y2="128" />
<path d="M48 80h160" fill="none" />
<path d="M48 176h160" fill="none" />
</Icon>
)

View File

@@ -0,0 +1,16 @@
import React from 'react'
import { Icon, IconProps } from './Icon'
export const LightMode = (props: IconProps) => (
<Icon {...props}>
<circle cx="128" cy="128" r="48" fill="none" />
<line x1="128" y1="40" x2="128" y2="24" />
<line x1="128" y1="232" x2="128" y2="216" />
<line x1="40" y1="128" x2="24" y2="128" />
<line x1="232" y1="128" x2="216" y2="128" />
<line x1="65.7" y1="65.7" x2="54.3" y2="54.3" />
<line x1="201.7" y1="201.7" x2="190.3" y2="190.3" />
<line x1="65.7" y1="190.3" x2="54.3" y2="201.7" />
<line x1="201.7" y1="54.3" x2="190.3" y2="65.7" />
</Icon>
)

17
fakemui/icons/QrCode.tsx Normal file
View File

@@ -0,0 +1,17 @@
import React from 'react'
import { Icon, IconProps } from './Icon'
export const QrCode = (props: IconProps) => (
<Icon {...props}>
<rect x="48" y="48" width="56" height="56" rx="4" fill="none" />
<rect x="152" y="48" width="56" height="56" rx="4" fill="none" />
<rect x="48" y="152" width="56" height="56" rx="4" fill="none" />
<rect x="68" y="68" width="16" height="16" />
<rect x="172" y="68" width="16" height="16" />
<rect x="68" y="172" width="16" height="16" />
<rect x="152" y="152" width="24" height="24" />
<rect x="184" y="152" width="24" height="24" />
<rect x="152" y="184" width="24" height="24" />
<rect x="184" y="184" width="24" height="24" />
</Icon>
)

View File

@@ -0,0 +1,9 @@
import React from 'react'
import { Icon, IconProps } from './Icon'
export const RotateLeft = (props: IconProps) => (
<Icon {...props}>
<path d="M128 40a88 88 0 1 0 88 88" fill="none" />
<polyline points="88 24 128 40 88 56" fill="none" />
</Icon>
)

View File

@@ -0,0 +1,9 @@
import React from 'react'
import { Icon, IconProps } from './Icon'
export const RotateRight = (props: IconProps) => (
<Icon {...props}>
<path d="M128 40a88 88 0 1 1-88 88" fill="none" />
<polyline points="168 24 128 40 168 56" fill="none" />
</Icon>
)