diff --git a/www/package.json b/www/package.json
index 0ee9739a..a0cdb0cf 100644
--- a/www/package.json
+++ b/www/package.json
@@ -8,7 +8,7 @@
     "@material-ui/icons": "^4.9.1",
     "@material-ui/lab": "^4.0.0-alpha.42",
     "@material-ui/pickers": "^3.2.10",
-    "@mdi/js": "^4.8.95",
+    "@mdi/js": "^4.9.95",
     "@types/algoliasearch": "^3.34.2",
     "@types/backbone": "^1.4.1",
     "@types/cash": "^0.0.3",
diff --git a/www/src/assets/icons/Json.tsx b/www/src/assets/icons/Json.tsx
index f055780e..afd79a32 100644
--- a/www/src/assets/icons/Json.tsx
+++ b/www/src/assets/icons/Json.tsx
@@ -1,11 +1,10 @@
 import React from "react";
 import SvgIcon, { SvgIconProps } from "@material-ui/core/SvgIcon";
-import { mdiGestureTap } from "@mdi/js";
 
-export default function SubTable(props: SvgIconProps) {
+export default function Json(props: SvgIconProps) {
   return (
-    <SvgIcon viewBox="0 2 24 24" {...props}>
-      <path d={mdiGestureTap} />
+    <SvgIcon viewBox="0 0 24 24" {...props}>
+      <path d="M5,3H7V5H5V10A2,2 0 0,1 3,12A2,2 0 0,1 5,14V19H7V21H5C3.93,20.73 3,20.1 3,19V15A2,2 0 0,0 1,13H0V11H1A2,2 0 0,0 3,9V5A2,2 0 0,1 5,3M19,3A2,2 0 0,1 21,5V9A2,2 0 0,0 23,11H24V13H23A2,2 0 0,0 21,15V19A2,2 0 0,1 19,21H17V19H19V14A2,2 0 0,1 21,12A2,2 0 0,1 19,10V5H17V3H19M12,15A1,1 0 0,1 13,16A1,1 0 0,1 12,17A1,1 0 0,1 11,16A1,1 0 0,1 12,15M8,15A1,1 0 0,1 9,16A1,1 0 0,1 8,17A1,1 0 0,1 7,16A1,1 0 0,1 8,15M16,15A1,1 0 0,1 17,16A1,1 0 0,1 16,17A1,1 0 0,1 15,16A1,1 0 0,1 16,15Z" />
     </SvgIcon>
   );
 }
diff --git a/www/src/assets/icons/Slider.tsx b/www/src/assets/icons/Slider.tsx
new file mode 100644
index 00000000..1730d951
--- /dev/null
+++ b/www/src/assets/icons/Slider.tsx
@@ -0,0 +1,10 @@
+import React from "react";
+import SvgIcon, { SvgIconProps } from "@material-ui/core/SvgIcon";
+
+export default function Slider(props: SvgIconProps) {
+  return (
+    <SvgIcon viewBox="0 2 24 20" {...props}>
+      <path d="M8.999 9c1.306 0 2.417.835 2.83 2H21v2h-9.172a3.001 3.001 0 01-5.658 0H2.999v-2h3.17A3.001 3.001 0 019 9zm0 2a1 1 0 100 2 1 1 0 000-2z" />
+    </SvgIcon>
+  );
+}
diff --git a/www/src/constants/fields.tsx b/www/src/constants/fields.tsx
index 29030283..27ac4ff4 100644
--- a/www/src/constants/fields.tsx
+++ b/www/src/constants/fields.tsx
@@ -30,6 +30,7 @@ import JsonIcon from "assets/icons/Json";
 
 import RichTextIcon from "@material-ui/icons/TextFormat";
 import ColorIcon from "@material-ui/icons/Colorize";
+import SliderIcon from "assets/icons/Slider";
 
 export {
   ShortTextIcon,
@@ -132,7 +133,7 @@ export const FIELDS = [
 
   { icon: <RichTextIcon />, name: "Rich Text", type: FieldType.richText },
   { icon: <ColorIcon />, name: "Color", type: FieldType.color },
-  { icon: <ActionIcon />, name: "Slider", type: FieldType.slider },
+  { icon: <SliderIcon />, name: "Slider", type: FieldType.slider },
   { icon: <JsonIcon />, name: "JSON", type: FieldType.json },
 ];
 
diff --git a/www/yarn.lock b/www/yarn.lock
index 32b25e55..8c168431 100644
--- a/www/yarn.lock
+++ b/www/yarn.lock
@@ -1591,10 +1591,10 @@
     prop-types "^15.7.2"
     react-is "^16.8.0"
 
-"@mdi/js@^4.8.95":
-  version "4.8.95"
-  resolved "https://registry.yarnpkg.com/@mdi/js/-/js-4.8.95.tgz#7c8df4d6a59a6f8abb9ab6b5894ab7b7e1919028"
-  integrity sha512-mKhC18fKPtSNJxpHa6tHmntnLjSUSrzOIuT4QnhlXt27MkOP5n+sQtK6Ii/R0K4fdpgLZGi+vR5o6PsDDb/iIg==
+"@mdi/js@^4.9.95":
+  version "4.9.95"
+  resolved "https://registry.yarnpkg.com/@mdi/js/-/js-4.9.95.tgz#8984c2ac04c89913a3ff2bbe4d91f4ab51d8ef4f"
+  integrity sha512-6zKTCqZUCuDWJThdRcjdFTqp2BXfYwXI1UlYa68A1/kmCcy1ijpbpRbrJcUdZ+9WojencCh1DOGFqhj/x8I/eQ==
 
 "@mrmlnc/readdir-enhanced@^2.2.1":
   version "2.2.1"