diff --git a/src/components/Icons/JsonArrayIcon.jsx b/src/components/Icons/JsonArrayIcon.jsx
new file mode 100644
index 0000000..637a4d0
--- /dev/null
+++ b/src/components/Icons/JsonArrayIcon.jsx
@@ -0,0 +1,6 @@
+import Icon from '@ant-design/icons'
+import CustomIconSvg from '../../../assets/icons/jsonarrayicon.svg?react'
+
+const JsonArrayIcon = (props) => <Icon component={CustomIconSvg} {...props} />
+
+export default JsonArrayIcon
diff --git a/src/components/Icons/JsonBoolIcon.jsx b/src/components/Icons/JsonBoolIcon.jsx
new file mode 100644
index 0000000..17e8a1a
--- /dev/null
+++ b/src/components/Icons/JsonBoolIcon.jsx
@@ -0,0 +1,6 @@
+import Icon from '@ant-design/icons'
+import CustomIconSvg from '../../../assets/icons/jsonboolicon.svg?react'
+
+const JsonBoolIcon = (props) => <Icon component={CustomIconSvg} {...props} />
+
+export default JsonBoolIcon
diff --git a/src/components/Icons/JsonNumberIcon.jsx b/src/components/Icons/JsonNumberIcon.jsx
new file mode 100644
index 0000000..6e295a0
--- /dev/null
+++ b/src/components/Icons/JsonNumberIcon.jsx
@@ -0,0 +1,6 @@
+import Icon from '@ant-design/icons'
+import CustomIconSvg from '../../../assets/icons/jsonnumbericon.svg?react'
+
+const JsonNumberIcon = (props) => <Icon component={CustomIconSvg} {...props} />
+
+export default JsonNumberIcon
diff --git a/src/components/Icons/JsonObjectIcon.jsx b/src/components/Icons/JsonObjectIcon.jsx
new file mode 100644
index 0000000..8bdb87e
--- /dev/null
+++ b/src/components/Icons/JsonObjectIcon.jsx
@@ -0,0 +1,6 @@
+import Icon from '@ant-design/icons'
+import CustomIconSvg from '../../../assets/icons/jsonobjecticon.svg?react'
+
+const JsonObjectIcon = (props) => <Icon component={CustomIconSvg} {...props} />
+
+export default JsonObjectIcon
diff --git a/src/components/Icons/JsonStringIcon.jsx b/src/components/Icons/JsonStringIcon.jsx
new file mode 100644
index 0000000..6190a2a
--- /dev/null
+++ b/src/components/Icons/JsonStringIcon.jsx
@@ -0,0 +1,6 @@
+import Icon from '@ant-design/icons'
+import CustomIconSvg from '../../../assets/icons/jsonstringicon.svg?react'
+
+const JsonStringIcon = (props) => <Icon component={CustomIconSvg} {...props} />
+
+export default JsonStringIcon