feat: Add new icon components for Columns, FilterClear, Json, Pagination, and Rows

This commit is contained in:
2025-12-30 12:16:25 +00:00
parent d65962eb98
commit 82bed37f36
5 changed files with 65 additions and 0 deletions

12
fakemui/icons/Columns.tsx Normal file
View File

@@ -0,0 +1,12 @@
import React from 'react'
import { Icon, IconProps } from './Icon'
export const Columns = (props: IconProps) => (
<Icon {...props}>
<rect x="40" y="40" width="48" height="176" rx="8" />
<rect x="104" y="40" width="48" height="176" rx="8" />
<rect x="168" y="40" width="48" height="176" rx="8" />
</Icon>
)
export default Columns

View File

@@ -0,0 +1,11 @@
import React from 'react'
import { Icon, IconProps } from './Icon'
export const FilterClear = (props: IconProps) => (
<Icon {...props}>
<path d="M42.1,48H213.9a8,8,0,0,1,5.9,13.4L152,134.2V200a8,8,0,0,1-3.6,6.7l-32,21.3A8,8,0,0,1,104,221.3V134.2L36.2,61.4A8,8,0,0,1,42.1,48Z" />
<line x1="200" y1="200" x2="56" y2="56" />
</Icon>
)
export default FilterClear

15
fakemui/icons/Json.tsx Normal file
View File

@@ -0,0 +1,15 @@
import React from 'react'
import { Icon, IconProps } from './Icon'
export const Json = (props: IconProps) => (
<Icon {...props}>
<path d="M200,224H56a8,8,0,0,1-8-8V40a8,8,0,0,1,8-8h96l56,56V216A8,8,0,0,1,200,224Z" />
<polyline points="152,32 152,88 208,88" />
<path d="M96,136c0-16-8-24-24-24" />
<path d="M96,136c0,16-8,24-24,24" />
<path d="M160,136c0-16,8-24,24-24" />
<path d="M160,136c0,16,8,24,24,24" />
</Icon>
)
export default Json

View File

@@ -0,0 +1,15 @@
import React from 'react'
import { Icon, IconProps } from './Icon'
export const Pagination = (props: IconProps) => (
<Icon {...props}>
<rect x="32" y="96" width="48" height="64" rx="8" />
<rect x="96" y="96" width="64" height="64" rx="8" fill="currentColor" fillOpacity="0.2" />
<text x="118" y="140" fontSize="36" fontFamily="sans-serif" fill="currentColor" stroke="none">2</text>
<rect x="176" y="96" width="48" height="64" rx="8" />
<polyline points="48,120 56,128 48,136" />
<polyline points="208,120 200,128 208,136" />
</Icon>
)
export default Pagination

12
fakemui/icons/Rows.tsx Normal file
View File

@@ -0,0 +1,12 @@
import React from 'react'
import { Icon, IconProps } from './Icon'
export const Rows = (props: IconProps) => (
<Icon {...props}>
<rect x="40" y="40" width="176" height="48" rx="8" />
<rect x="40" y="104" width="176" height="48" rx="8" />
<rect x="40" y="168" width="176" height="48" rx="8" />
</Icon>
)
export default Rows