feat: Add new icon components for FileArrowDown, FileArrowUp, FileCode, FileText, HardDrives, Layout, and UploadSimple; update index exports

This commit is contained in:
2025-12-30 12:17:21 +00:00
parent 82bed37f36
commit 9c7db697d8
8 changed files with 90 additions and 0 deletions

View File

@@ -0,0 +1,11 @@
import React from 'react'
import { Icon, IconProps } from './Icon'
export const FileArrowDown = (props: IconProps) => (
<Icon {...props}>
<path d="M200 224H56a8 8 0 0 1-8-8V40a8 8 0 0 1 8-8h96l56 56v128a8 8 0 0 1-8 8Z" />
<polyline points="152 32 152 88 208 88" />
<line x1="128" y1="136" x2="128" y2="200" />
<polyline points="96 168 128 200 160 168" />
</Icon>
)

View File

@@ -0,0 +1,11 @@
import React from 'react'
import { Icon, IconProps } from './Icon'
export const FileArrowUp = (props: IconProps) => (
<Icon {...props}>
<path d="M200 224H56a8 8 0 0 1-8-8V40a8 8 0 0 1 8-8h96l56 56v128a8 8 0 0 1-8 8Z" />
<polyline points="152 32 152 88 208 88" />
<line x1="128" y1="200" x2="128" y2="136" />
<polyline points="96 168 128 136 160 168" />
</Icon>
)

View File

@@ -0,0 +1,11 @@
import React from 'react'
import { Icon, IconProps } from './Icon'
export const FileCode = (props: IconProps) => (
<Icon {...props}>
<path d="M200 224H56a8 8 0 0 1-8-8V40a8 8 0 0 1 8-8h96l56 56v128a8 8 0 0 1-8 8Z" />
<polyline points="152 32 152 88 208 88" />
<polyline points="104 144 80 168 104 192" />
<polyline points="152 144 176 168 152 192" />
</Icon>
)

View File

@@ -0,0 +1,12 @@
import React from 'react'
import { Icon, IconProps } from './Icon'
export const FileText = (props: IconProps) => (
<Icon {...props}>
<path d="M200 224H56a8 8 0 0 1-8-8V40a8 8 0 0 1 8-8h96l56 56v128a8 8 0 0 1-8 8Z" />
<polyline points="152 32 152 88 208 88" />
<line x1="88" y1="128" x2="168" y2="128" />
<line x1="88" y1="160" x2="168" y2="160" />
<line x1="88" y1="192" x2="168" y2="192" />
</Icon>
)

View File

@@ -0,0 +1,11 @@
import React from 'react'
import { Icon, IconProps } from './Icon'
export const HardDrives = (props: IconProps) => (
<Icon {...props}>
<rect x="32" y="40" width="192" height="72" rx="8" />
<rect x="32" y="144" width="192" height="72" rx="8" />
<circle cx="188" cy="76" r="12" fill="currentColor" />
<circle cx="188" cy="180" r="12" fill="currentColor" />
</Icon>
)

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

@@ -0,0 +1,10 @@
import React from 'react'
import { Icon, IconProps } from './Icon'
export const Layout = (props: IconProps) => (
<Icon {...props}>
<rect x="32" y="48" width="192" height="160" rx="8" />
<line x1="32" y1="104" x2="224" y2="104" />
<line x1="104" y1="104" x2="104" y2="208" />
</Icon>
)

View File

@@ -0,0 +1,10 @@
import React from 'react'
import { Icon, IconProps } from './Icon'
export const UploadSimple = (props: IconProps) => (
<Icon {...props}>
<line x1="128" y1="152" x2="128" y2="40" />
<polyline points="80 88 128 40 176 88" />
<path d="M216 152v48a8 8 0 0 1-8 8H48a8 8 0 0 1-8-8v-48" />
</Icon>
)

View File

@@ -119,3 +119,17 @@ export { Loader } from './Loader'
export { Save } from './Save'
export { Undo } from './Undo'
export { Redo } from './Redo'
// Data Table
export { SortAscending } from './SortAscending'
export { SortDescending } from './SortDescending'
export { ColumnResize } from './ColumnResize'
export { RowSelect } from './RowSelect'
export { SelectAll } from './SelectAll'
export { TableCells } from './TableCells'
export { Csv } from './Csv'
export { Json } from './Json'
export { FilterClear } from './FilterClear'
export { Columns } from './Columns'
export { Rows } from './Rows'
export { Pagination } from './Pagination'