Add New Icons for the Text Editor

src/components/Icon/Icon.js

@@ -15,6 +15,21 @@ const toFileCase = (str) =>
         .join("");
 
 export const names = {
+	undo: "undo",
+	underline: "underline",
+	text_align_right: "text_align_right",
+	text_align_left: "text_align_left",
+	text_align_center: "text_align_center",
+	table: "table",
+	signature: "signature",
+	redo: "redo",
+	list_numbers: "list_numbers",
+	list_bullets: "list_bullets",
+	italic: "italic",
+	format_options: "format_options",
+	file: "file",
+	emoji: "emoji",
+	bold: "bold",
     preferences: "preferences",
     spreadsheet: "spreadsheet",
     unarchive: "unarchive",

src/components/Icons/Bold.js

@@ -0,0 +1,20 @@
+import * as React from "react";
+
+function SvgBold(props) {
+    return (
+        <svg
+            width="1em"
+            height="1em"
+            viewBox="0 0 16 16"
+            fill="none"
+            xmlns="http://www.w3.org/2000/svg"
+            {...props}>
+            <path
+                d="M10.414 6.841A4.8 4.8 0 018.402 16H3.599A1.597 1.597 0 012 14.404V1.6C2 .716 2.714 0 3.596 0h4.003a4 4 0 012.815 6.841zM3.6 6.401H7.6a2.4 2.4 0 100-4.8H3.6v4.8zm0 7.999h4.802a3.197 3.197 0 003.198-3.2c0-1.768-1.432-3.2-3.198-3.2H3.6v6.4z"
+                fill="currentColor"
+            />
+        </svg>
+    );
+}
+
+export default SvgBold;

src/components/Icons/Emoji.js

@@ -0,0 +1,22 @@
+import * as React from "react";
+
+function SvgEmoji(props) {
+    return (
+        <svg
+            width="1em"
+            height="1em"
+            viewBox="0 0 16 16"
+            fill="none"
+            xmlns="http://www.w3.org/2000/svg"
+            {...props}>
+            <path
+                fillRule="evenodd"
+                clipRule="evenodd"
+                d="M15 8A7 7 0 111 8a7 7 0 0114 0zm1 0A8 8 0 110 8a8 8 0 0116 0zM5 6.5a1 1 0 100-2 1 1 0 000 2zm7-1a1 1 0 11-2 0 1 1 0 012 0zm.97 3.494c.033-.271-.192-.494-.465-.494-.274 0-.492.223-.533.493a3.487 3.487 0 01-1.137 2.059c-.752.677-1.772 1.057-2.835 1.057s-2.083-.38-2.835-1.057a3.487 3.487 0 01-1.137-2.059c-.041-.27-.26-.493-.533-.493s-.498.223-.465.494c.124 1.012.627 1.961 1.434 2.688C5.402 12.526 6.674 13 8 13s2.598-.474 3.536-1.318c.807-.727 1.31-1.676 1.434-2.688z"
+                fill="currentColor"
+            />
+        </svg>
+    );
+}
+
+export default SvgEmoji;

src/components/Icons/File.js

@@ -0,0 +1,22 @@
+import * as React from "react";
+
+function SvgFile(props) {
+    return (
+        <svg
+            width="1em"
+            height="1em"
+            viewBox="0 0 8 16"
+            fill="none"
+            xmlns="http://www.w3.org/2000/svg"
+            {...props}>
+            <path
+                fillRule="evenodd"
+                clipRule="evenodd"
+                d="M4 14.815V16a3.934 3.934 0 002.827-1.216A4.233 4.233 0 008 11.852V.572a.571.571 0 10-1.143 0v11.28c0 .785-.302 1.538-.838 2.094A2.809 2.809 0 014 14.815zm-2.827-.031A3.934 3.934 0 004 16v-1.185a2.81 2.81 0 01-2.02-.869 3.023 3.023 0 01-.837-2.094V4.148c0-.655.511-1.185 1.143-1.185.631 0 1.143.53 1.143 1.185v5.947a.571.571 0 101.142 0V4.148c0-1.309-1.023-2.37-2.285-2.37C1.024 1.778 0 2.839 0 4.148v7.704a4.233 4.233 0 001.173 2.932z"
+                fill="currentColor"
+            />
+        </svg>
+    );
+}
+
+export default SvgFile;