From 82bed37f36971f6eff7a373f910c0bac1e52c0ab Mon Sep 17 00:00:00 2001
From: JohnDoe6345789 <john.doe6345789@gmail.com>
Date: Tue, 30 Dec 2025 12:16:25 +0000
Subject: [PATCH] feat: Add new icon components for Columns, FilterClear, Json,
 Pagination, and Rows

---
 fakemui/icons/Columns.tsx     | 12 ++++++++++++
 fakemui/icons/FilterClear.tsx | 11 +++++++++++
 fakemui/icons/Json.tsx        | 15 +++++++++++++++
 fakemui/icons/Pagination.tsx  | 15 +++++++++++++++
 fakemui/icons/Rows.tsx        | 12 ++++++++++++
 5 files changed, 65 insertions(+)
 create mode 100644 fakemui/icons/Columns.tsx
 create mode 100644 fakemui/icons/FilterClear.tsx
 create mode 100644 fakemui/icons/Json.tsx
 create mode 100644 fakemui/icons/Pagination.tsx
 create mode 100644 fakemui/icons/Rows.tsx

diff --git a/fakemui/icons/Columns.tsx b/fakemui/icons/Columns.tsx
new file mode 100644
index 000000000..2eaf90be2
--- /dev/null
+++ b/fakemui/icons/Columns.tsx
@@ -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
diff --git a/fakemui/icons/FilterClear.tsx b/fakemui/icons/FilterClear.tsx
new file mode 100644
index 000000000..fdfa307f3
--- /dev/null
+++ b/fakemui/icons/FilterClear.tsx
@@ -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
diff --git a/fakemui/icons/Json.tsx b/fakemui/icons/Json.tsx
new file mode 100644
index 000000000..05767ea01
--- /dev/null
+++ b/fakemui/icons/Json.tsx
@@ -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
diff --git a/fakemui/icons/Pagination.tsx b/fakemui/icons/Pagination.tsx
new file mode 100644
index 000000000..e6a7ea66d
--- /dev/null
+++ b/fakemui/icons/Pagination.tsx
@@ -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
diff --git a/fakemui/icons/Rows.tsx b/fakemui/icons/Rows.tsx
new file mode 100644
index 000000000..a4d850f5f
--- /dev/null
+++ b/fakemui/icons/Rows.tsx
@@ -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