diff --git a/icons/es5/Article.js b/icons/es5/Article.js
new file mode 100644
index 0000000000..9455c5edb3
--- /dev/null
+++ b/icons/es5/Article.js
@@ -0,0 +1,18 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import * as React from "react";
+
+function SvgArticle(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    width: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M3 3v18h18V3H3zm11 14H7v-2h7v2zm3-4H7v-2h10v2zm0-4H7V7h10v2z",
+    fill: "currentColor"
+  }));
+}
+
+export default SvgArticle;
\ No newline at end of file
diff --git a/icons/es5/Class.js b/icons/es5/Class.js
new file mode 100644
index 0000000000..edf158706a
--- /dev/null
+++ b/icons/es5/Class.js
@@ -0,0 +1,18 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import * as React from "react";
+
+function SvgClass(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    width: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M20 2H4v20h16V2zM6 4h5v8l-2.5-1.5L6 12V4z",
+    fill: "currentColor"
+  }));
+}
+
+export default SvgClass;
\ No newline at end of file
diff --git a/icons/es5/Edit.js b/icons/es5/Edit.js
new file mode 100644
index 0000000000..e3f24c3e36
--- /dev/null
+++ b/icons/es5/Edit.js
@@ -0,0 +1,18 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import * as React from "react";
+
+function SvgEdit(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    width: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM21.41 6.34l-3.75-3.75-2.53 2.54 3.75 3.75 2.53-2.54z",
+    fill: "currentColor"
+  }));
+}
+
+export default SvgEdit;
\ No newline at end of file
diff --git a/icons/es5/PhotoCamera.js b/icons/es5/PhotoCamera.js
new file mode 100644
index 0000000000..0d776cd280
--- /dev/null
+++ b/icons/es5/PhotoCamera.js
@@ -0,0 +1,21 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import * as React from "react";
+
+function SvgPhotoCamera(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    width: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M12 15a3 3 0 100-6 3 3 0 000 6z",
+    fill: "currentColor"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M9 2L7.17 4H2v16h20V4h-5.17L15 2H9zm3 15c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5z",
+    fill: "currentColor"
+  }));
+}
+
+export default SvgPhotoCamera;
\ No newline at end of file
diff --git a/icons/es5/VideoCamera.js b/icons/es5/VideoCamera.js
new file mode 100644
index 0000000000..76e61c751f
--- /dev/null
+++ b/icons/es5/VideoCamera.js
@@ -0,0 +1,18 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import * as React from "react";
+
+function SvgVideoCamera(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    width: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M17 10.5V6H3v12h14v-4.5l4 4v-11l-4 4z",
+    fill: "currentColor"
+  }));
+}
+
+export default SvgVideoCamera;
\ No newline at end of file
diff --git a/icons/es5/index.js b/icons/es5/index.js
index c5d099275d..3eee8149d5 100644
--- a/icons/es5/index.js
+++ b/icons/es5/index.js
@@ -10,6 +10,7 @@ export { default as ArrowDropUp } from './ArrowDropUp';
 export { default as ArrowDropUpDown } from './ArrowDropUpDown';
 export { default as ArrowForward } from './ArrowForward';
 export { default as ArrowForwardIos } from './ArrowForwardIos';
+export { default as Article } from './Article';
 export { default as Assignment } from './Assignment';
 export { default as Award } from './Award';
 export { default as BookOpen } from './BookOpen';
@@ -22,6 +23,7 @@ export { default as CheckCircle } from './CheckCircle';
 export { default as CheckCircleOutline } from './CheckCircleOutline';
 export { default as ChevronLeft } from './ChevronLeft';
 export { default as ChevronRight } from './ChevronRight';
+export { default as Class } from './Class';
 export { default as Close } from './Close';
 export { default as CloseSmall } from './CloseSmall';
 export { default as DateRange } from './DateRange';
@@ -30,6 +32,7 @@ export { default as Download } from './Download';
 export { default as DownloadDone } from './DownloadDone';
 export { default as Downloading } from './Downloading';
 export { default as DrawShapes } from './DrawShapes';
+export { default as Edit } from './Edit';
 export { default as Email } from './Email';
 export { default as Error } from './Error';
 export { default as Event } from './Event';
@@ -61,6 +64,7 @@ export { default as MoneyOutline } from './MoneyOutline';
 export { default as MoreVert } from './MoreVert';
 export { default as Person } from './Person';
 export { default as PhoneIphone } from './PhoneIphone';
+export { default as PhotoCamera } from './PhotoCamera';
 export { default as PlayArrow } from './PlayArrow';
 export { default as PlayCircleFilled } from './PlayCircleFilled';
 export { default as PlayCircleOutline } from './PlayCircleOutline';
@@ -84,6 +88,7 @@ export { default as Translate } from './Translate';
 export { default as Undo } from './Undo';
 export { default as Unlocked } from './Unlocked';
 export { default as Verified } from './Verified';
+export { default as VideoCamera } from './VideoCamera';
 export { default as VideoTranscript } from './VideoTranscript';
 export { default as Visibility } from './Visibility';
 export { default as VisibilityOff } from './VisibilityOff';
diff --git a/icons/jsx/Article.jsx b/icons/jsx/Article.jsx
new file mode 100644
index 0000000000..c25486fc0a
--- /dev/null
+++ b/icons/jsx/Article.jsx
@@ -0,0 +1,21 @@
+import * as React from "react";
+
+function SvgArticle(props) {
+  return (
+    <svg
+      width={24}
+      height={24}
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <path
+        d="M3 3v18h18V3H3zm11 14H7v-2h7v2zm3-4H7v-2h10v2zm0-4H7V7h10v2z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}
+
+export default SvgArticle;
diff --git a/icons/jsx/Class.jsx b/icons/jsx/Class.jsx
new file mode 100644
index 0000000000..0b7d1be0f3
--- /dev/null
+++ b/icons/jsx/Class.jsx
@@ -0,0 +1,18 @@
+import * as React from "react";
+
+function SvgClass(props) {
+  return (
+    <svg
+      width={24}
+      height={24}
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <path d="M20 2H4v20h16V2zM6 4h5v8l-2.5-1.5L6 12V4z" fill="currentColor" />
+    </svg>
+  );
+}
+
+export default SvgClass;
diff --git a/icons/jsx/Edit.jsx b/icons/jsx/Edit.jsx
new file mode 100644
index 0000000000..844ec0476f
--- /dev/null
+++ b/icons/jsx/Edit.jsx
@@ -0,0 +1,21 @@
+import * as React from "react";
+
+function SvgEdit(props) {
+  return (
+    <svg
+      width={24}
+      height={24}
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <path
+        d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM21.41 6.34l-3.75-3.75-2.53 2.54 3.75 3.75 2.53-2.54z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}
+
+export default SvgEdit;
diff --git a/icons/jsx/PhotoCamera.jsx b/icons/jsx/PhotoCamera.jsx
new file mode 100644
index 0000000000..9c34ade9dd
--- /dev/null
+++ b/icons/jsx/PhotoCamera.jsx
@@ -0,0 +1,22 @@
+import * as React from "react";
+
+function SvgPhotoCamera(props) {
+  return (
+    <svg
+      width={24}
+      height={24}
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <path d="M12 15a3 3 0 100-6 3 3 0 000 6z" fill="currentColor" />
+      <path
+        d="M9 2L7.17 4H2v16h20V4h-5.17L15 2H9zm3 15c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+}
+
+export default SvgPhotoCamera;
diff --git a/icons/jsx/VideoCamera.jsx b/icons/jsx/VideoCamera.jsx
new file mode 100644
index 0000000000..ae447c7689
--- /dev/null
+++ b/icons/jsx/VideoCamera.jsx
@@ -0,0 +1,18 @@
+import * as React from "react";
+
+function SvgVideoCamera(props) {
+  return (
+    <svg
+      width={24}
+      height={24}
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <path d="M17 10.5V6H3v12h14v-4.5l4 4v-11l-4 4z" fill="currentColor" />
+    </svg>
+  );
+}
+
+export default SvgVideoCamera;
diff --git a/icons/jsx/index.jsx b/icons/jsx/index.jsx
index c5d099275d..3eee8149d5 100644
--- a/icons/jsx/index.jsx
+++ b/icons/jsx/index.jsx
@@ -10,6 +10,7 @@ export { default as ArrowDropUp } from './ArrowDropUp';
 export { default as ArrowDropUpDown } from './ArrowDropUpDown';
 export { default as ArrowForward } from './ArrowForward';
 export { default as ArrowForwardIos } from './ArrowForwardIos';
+export { default as Article } from './Article';
 export { default as Assignment } from './Assignment';
 export { default as Award } from './Award';
 export { default as BookOpen } from './BookOpen';
@@ -22,6 +23,7 @@ export { default as CheckCircle } from './CheckCircle';
 export { default as CheckCircleOutline } from './CheckCircleOutline';
 export { default as ChevronLeft } from './ChevronLeft';
 export { default as ChevronRight } from './ChevronRight';
+export { default as Class } from './Class';
 export { default as Close } from './Close';
 export { default as CloseSmall } from './CloseSmall';
 export { default as DateRange } from './DateRange';
@@ -30,6 +32,7 @@ export { default as Download } from './Download';
 export { default as DownloadDone } from './DownloadDone';
 export { default as Downloading } from './Downloading';
 export { default as DrawShapes } from './DrawShapes';
+export { default as Edit } from './Edit';
 export { default as Email } from './Email';
 export { default as Error } from './Error';
 export { default as Event } from './Event';
@@ -61,6 +64,7 @@ export { default as MoneyOutline } from './MoneyOutline';
 export { default as MoreVert } from './MoreVert';
 export { default as Person } from './Person';
 export { default as PhoneIphone } from './PhoneIphone';
+export { default as PhotoCamera } from './PhotoCamera';
 export { default as PlayArrow } from './PlayArrow';
 export { default as PlayCircleFilled } from './PlayCircleFilled';
 export { default as PlayCircleOutline } from './PlayCircleOutline';
@@ -84,6 +88,7 @@ export { default as Translate } from './Translate';
 export { default as Undo } from './Undo';
 export { default as Unlocked } from './Unlocked';
 export { default as Verified } from './Verified';
+export { default as VideoCamera } from './VideoCamera';
 export { default as VideoTranscript } from './VideoTranscript';
 export { default as Visibility } from './Visibility';
 export { default as VisibilityOff } from './VisibilityOff';
diff --git a/icons/svg/article.svg b/icons/svg/article.svg
new file mode 100644
index 0000000000..a980647847
--- /dev/null
+++ b/icons/svg/article.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3 3V21H21V3H3ZM14 17H7V15H14V17ZM17 13H7V11H17V13ZM17 9H7V7H17V9Z" fill="black"/>
+</svg>
diff --git a/icons/svg/class.svg b/icons/svg/class.svg
new file mode 100644
index 0000000000..e6167bed85
--- /dev/null
+++ b/icons/svg/class.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M20 2H4V22H20V2ZM6 4H11V12L8.5 10.5L6 12V4Z" fill="black"/>
+</svg>
diff --git a/icons/svg/edit.svg b/icons/svg/edit.svg
new file mode 100644
index 0000000000..27f611d366
--- /dev/null
+++ b/icons/svg/edit.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3 17.25V21H6.75L17.81 9.94003L14.06 6.19003L3 17.25ZM21.41 6.34003L17.66 2.59003L15.13 5.13003L18.88 8.88003L21.41 6.34003Z" fill="black"/>
+</svg>
diff --git a/icons/svg/photo_camera.svg b/icons/svg/photo_camera.svg
new file mode 100644
index 0000000000..9fbe23ed2c
--- /dev/null
+++ b/icons/svg/photo_camera.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 15C13.6569 15 15 13.6569 15 12C15 10.3431 13.6569 9 12 9C10.3431 9 9 10.3431 9 12C9 13.6569 10.3431 15 12 15Z" fill="black"/>
+<path d="M9 2L7.17 4H2V20H22V4H16.83L15 2H9ZM12 17C9.24 17 7 14.76 7 12C7 9.24 9.24 7 12 7C14.76 7 17 9.24 17 12C17 14.76 14.76 17 12 17Z" fill="black"/>
+</svg>
diff --git a/icons/svg/video_camera.svg b/icons/svg/video_camera.svg
new file mode 100644
index 0000000000..88c88db0d2
--- /dev/null
+++ b/icons/svg/video_camera.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17 10.5V6H3V18H17V13.5L21 17.5V6.5L17 10.5Z" fill="black"/>
+</svg>