diff --git a/fakemui/icons/Apps.tsx b/fakemui/icons/Apps.tsx
new file mode 100644
index 000000000..3f676062b
--- /dev/null
+++ b/fakemui/icons/Apps.tsx
@@ -0,0 +1,11 @@
+import React from 'react'
+import { Icon, IconProps } from './Icon'
+
+export const Apps = (props: IconProps) => (
+  <Icon {...props}>
+    <rect x="40" y="40" width="56" height="56" rx="8" />
+    <rect x="40" y="140" width="56" height="56" rx="8" />
+    <rect x="140" y="40" width="56" height="56" rx="8" />
+    <rect x="140" y="140" width="56" height="56" rx="8" />
+  </Icon>
+)
diff --git a/fakemui/icons/BookmarkBorder.tsx b/fakemui/icons/BookmarkBorder.tsx
new file mode 100644
index 000000000..8c9b8b8bb
--- /dev/null
+++ b/fakemui/icons/BookmarkBorder.tsx
@@ -0,0 +1,8 @@
+import React from 'react'
+import { Icon, IconProps } from './Icon'
+
+export const BookmarkBorder = (props: IconProps) => (
+  <Icon {...props}>
+    <path d="M64 32 L192 32 C200.8 32 208 39.2 208 48 L208 224 L128 184 L48 224 L48 48 C48 39.2 55.2 32 64 32 Z" />
+  </Icon>
+)
diff --git a/fakemui/icons/Dashboard.tsx b/fakemui/icons/Dashboard.tsx
new file mode 100644
index 000000000..870cfac20
--- /dev/null
+++ b/fakemui/icons/Dashboard.tsx
@@ -0,0 +1,11 @@
+import React from 'react'
+import { Icon, IconProps } from './Icon'
+
+export const Dashboard = (props: IconProps) => (
+  <Icon {...props}>
+    <rect x="32" y="32" width="88" height="88" rx="8" />
+    <rect x="136" y="32" width="88" height="56" rx="8" />
+    <rect x="32" y="136" width="88" height="88" rx="8" />
+    <rect x="136" y="104" width="88" height="120" rx="8" />
+  </Icon>
+)
diff --git a/fakemui/icons/Favorite.tsx b/fakemui/icons/Favorite.tsx
new file mode 100644
index 000000000..a98a6417e
--- /dev/null
+++ b/fakemui/icons/Favorite.tsx
@@ -0,0 +1,9 @@
+import React from 'react'
+import { Icon, IconProps } from './Icon'
+
+export const Favorite = (props: IconProps) => (
+  <Icon {...props}>
+    <path d="M128 216 L54.4 252.4 C49.1 255.1 42.9 251.9 42.3 245.9 L32 168 L-19.3 117.7 C-23.5 113.5 -21.4 106.2 -15.4 105.1 L62 92.4 L97.6 24.6 C100.2 19.5 107.8 19.5 110.4 24.6 L146 92.4 L223.4 105.1 C229.4 106.2 231.5 113.5 227.3 117.7 L176 168 L165.7 245.9 C165.1 251.9 158.9 255.1 153.6 252.4 L128 216 Z"
+          fill="currentColor" stroke="none" />
+  </Icon>
+)
diff --git a/fakemui/icons/FavoriteBorder.tsx b/fakemui/icons/FavoriteBorder.tsx
new file mode 100644
index 000000000..1cc1dc9bf
--- /dev/null
+++ b/fakemui/icons/FavoriteBorder.tsx
@@ -0,0 +1,8 @@
+import React from 'react'
+import { Icon, IconProps } from './Icon'
+
+export const FavoriteBorder = (props: IconProps) => (
+  <Icon {...props}>
+    <path d="M128 216 L54.4 252.4 C49.1 255.1 42.9 251.9 42.3 245.9 L32 168 L-19.3 117.7 C-23.5 113.5 -21.4 106.2 -15.4 105.1 L62 92.4 L97.6 24.6 C100.2 19.5 107.8 19.5 110.4 24.6 L146 92.4 L223.4 105.1 C229.4 106.2 231.5 113.5 227.3 117.7 L176 168 L165.7 245.9 C165.1 251.9 158.9 255.1 153.6 252.4 L128 216 Z" />
+  </Icon>
+)
diff --git a/fakemui/icons/Sort.tsx b/fakemui/icons/Sort.tsx
new file mode 100644
index 000000000..179979ecc
--- /dev/null
+++ b/fakemui/icons/Sort.tsx
@@ -0,0 +1,10 @@
+import React from 'react'
+import { Icon, IconProps } from './Icon'
+
+export const Sort = (props: IconProps) => (
+  <Icon {...props}>
+    <line x1="48" y1="72" x2="208" y2="72" />
+    <line x1="48" y1="128" x2="176" y2="128" />
+    <line x1="48" y1="184" x2="144" y2="184" />
+  </Icon>
+)
diff --git a/fakemui/icons/StarBorder.tsx b/fakemui/icons/StarBorder.tsx
new file mode 100644
index 000000000..680e82030
--- /dev/null
+++ b/fakemui/icons/StarBorder.tsx
@@ -0,0 +1,8 @@
+import React from 'react'
+import { Icon, IconProps } from './Icon'
+
+export const StarBorder = (props: IconProps) => (
+  <Icon {...props}>
+    <path d="M128 32 L152 104 L224 104 L168 144 L192 216 L128 176 L64 216 L88 144 L32 104 L104 104 Z" />
+  </Icon>
+)
diff --git a/fakemui/icons/StarHalf.tsx b/fakemui/icons/StarHalf.tsx
new file mode 100644
index 000000000..4405aa9ba
--- /dev/null
+++ b/fakemui/icons/StarHalf.tsx
@@ -0,0 +1,9 @@
+import React from 'react'
+import { Icon, IconProps } from './Icon'
+
+export const StarHalf = (props: IconProps) => (
+  <Icon {...props}>
+    <path d="M128 32 L152 104 L224 104 L168 144 L192 216 L128 176 L64 216 L88 144 L32 104 L104 104 Z" />
+    <path d="M128 32 L128 176 L64 216 L88 144 L32 104 L104 104 Z" fill="currentColor" stroke="none" />
+  </Icon>
+)
diff --git a/fakemui/icons/ViewList.tsx b/fakemui/icons/ViewList.tsx
new file mode 100644
index 000000000..45f7c9920
--- /dev/null
+++ b/fakemui/icons/ViewList.tsx
@@ -0,0 +1,13 @@
+import React from 'react'
+import { Icon, IconProps } from './Icon'
+
+export const ViewList = (props: IconProps) => (
+  <Icon {...props}>
+    <line x1="88" y1="64" x2="224" y2="64" />
+    <line x1="88" y1="128" x2="224" y2="128" />
+    <line x1="88" y1="192" x2="224" y2="192" />
+    <rect x="32" y="56" width="16" height="16" rx="4" />
+    <rect x="32" y="120" width="16" height="16" rx="4" />
+    <rect x="32" y="184" width="16" height="16" rx="4" />
+  </Icon>
+)
diff --git a/fakemui/icons/ViewModule.tsx b/fakemui/icons/ViewModule.tsx
new file mode 100644
index 000000000..ec72c5020
--- /dev/null
+++ b/fakemui/icons/ViewModule.tsx
@@ -0,0 +1,13 @@
+import React from 'react'
+import { Icon, IconProps } from './Icon'
+
+export const ViewModule = (props: IconProps) => (
+  <Icon {...props}>
+    <rect x="32" y="64" width="56" height="56" rx="4" />
+    <rect x="100" y="64" width="56" height="56" rx="4" />
+    <rect x="168" y="64" width="56" height="56" rx="4" />
+    <rect x="32" y="136" width="56" height="56" rx="4" />
+    <rect x="100" y="136" width="56" height="56" rx="4" />
+    <rect x="168" y="136" width="56" height="56" rx="4" />
+  </Icon>
+)
diff --git a/packages/form_builder/seed/metadata.json b/packages/form_builder/seed/metadata.json
index 83f5dc8c2..e06c78a5e 100644
--- a/packages/form_builder/seed/metadata.json
+++ b/packages/form_builder/seed/metadata.json
@@ -27,12 +27,14 @@
     "scripts": [
       "tests/metadata.test.lua",
       "tests/components.test.lua",
-      "tests/validate.test.lua"
+      "tests/validate.test.lua",
+      "tests/contact_form.test.lua"
     ],
     "cases": [
       "tests/metadata.cases.json",
       "tests/components.cases.json",
-      "tests/validate.cases.json"
+      "tests/validate.cases.json",
+      "tests/contact_form.cases.json"
     ]
   },
   "minLevel": 1