mirror of
https://github.com/johndoe6345789/metabuilder.git
synced 2026-04-24 13:54:57 +00:00
feat: Add new icon components for Columns, FilterClear, Json, Pagination, and Rows
This commit is contained in:
12
fakemui/icons/Columns.tsx
Normal file
12
fakemui/icons/Columns.tsx
Normal 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
|
||||
11
fakemui/icons/FilterClear.tsx
Normal file
11
fakemui/icons/FilterClear.tsx
Normal 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
15
fakemui/icons/Json.tsx
Normal 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
|
||||
15
fakemui/icons/Pagination.tsx
Normal file
15
fakemui/icons/Pagination.tsx
Normal 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
12
fakemui/icons/Rows.tsx
Normal 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
|
||||
Reference in New Issue
Block a user