From 488cb722b38ed1e90655585be144d45eb50e0149 Mon Sep 17 00:00:00 2001
From: "dave.snider@gmail.com" <dave.snider@gmail.com>
Date: Fri, 13 Apr 2018 13:10:28 -0700
Subject: [PATCH] Editor icon set (#671)

Editor icons.
---
 CHANGELOG.md                                  |   3 +-
 src-docs/src/views/icon/icons.js              |  14 +
 .../icon/__snapshots__/icon.test.js.snap      | 294 ++++++++++++++++++
 .../icon/assets/editor_align_center.svg       |   8 +
 .../icon/assets/editor_align_left.svg         |   8 +
 .../icon/assets/editor_align_right.svg        |   8 +
 src/components/icon/assets/editor_bold.svg    |   8 +
 .../icon/assets/editor_code_block.svg         |   8 +
 src/components/icon/assets/editor_comment.svg |   8 +
 src/components/icon/assets/editor_heading.svg |   8 +
 src/components/icon/assets/editor_italic.svg  |   8 +
 src/components/icon/assets/editor_link.svg    |   8 +
 .../icon/assets/editor_ordered_list.svg       |   8 +
 src/components/icon/assets/editor_redo.svg    |   8 +
 src/components/icon/assets/editor_strike.svg  |   8 +
 src/components/icon/assets/editor_table.svg   |   8 +
 .../icon/assets/editor_underline.svg          |   8 +
 src/components/icon/assets/editor_undo.svg    |   8 +
 .../icon/assets/editor_unordered_list.svg     |   8 +
 src/components/icon/icon.js                   |  28 ++
 src/components/icon/index.d.ts                |  14 +
 21 files changed, 480 insertions(+), 1 deletion(-)
 create mode 100644 src/components/icon/assets/editor_align_center.svg
 create mode 100644 src/components/icon/assets/editor_align_left.svg
 create mode 100644 src/components/icon/assets/editor_align_right.svg
 create mode 100644 src/components/icon/assets/editor_bold.svg
 create mode 100644 src/components/icon/assets/editor_code_block.svg
 create mode 100644 src/components/icon/assets/editor_comment.svg
 create mode 100644 src/components/icon/assets/editor_heading.svg
 create mode 100644 src/components/icon/assets/editor_italic.svg
 create mode 100644 src/components/icon/assets/editor_link.svg
 create mode 100644 src/components/icon/assets/editor_ordered_list.svg
 create mode 100644 src/components/icon/assets/editor_redo.svg
 create mode 100644 src/components/icon/assets/editor_strike.svg
 create mode 100644 src/components/icon/assets/editor_table.svg
 create mode 100644 src/components/icon/assets/editor_underline.svg
 create mode 100644 src/components/icon/assets/editor_undo.svg
 create mode 100644 src/components/icon/assets/editor_unordered_list.svg

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 647d74ba251..a553146249f 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,6 +1,7 @@
 ## [`master`](https://github.com/elastic/eui/tree/master)
 
-- Added `euiDatePicker` component for date/time input ([#644](https://github.com/elastic/eui/pull/644))
+- Added `EuiDatePicker` component for date/time input ([#644](https://github.com/elastic/eui/pull/644))
+- Added editor icon set to `EuiIcon` ([#671](https://github.com/elastic/eui/pull/671))
 
 ## [`0.0.41`](https://github.com/elastic/eui/tree/v0.0.41)
 
diff --git a/src-docs/src/views/icon/icons.js b/src-docs/src/views/icon/icons.js
index 0ddbe8d3f7d..657b9dc5cb7 100644
--- a/src-docs/src/views/icon/icons.js
+++ b/src-docs/src/views/icon/icons.js
@@ -35,6 +35,20 @@ const iconTypes = [
   'cross',
   'document',
   'dot',
+  'editorAlignCenter',
+  'editorAlignLeft',
+  'editorAlignRight',
+  'editorBold',
+  'editorCodeBlock',
+  'editorComment',
+  'editorHeading',
+  'editorItalic',
+  'editorLink',
+  'editorStrike',
+  'editorTable',
+  'editorUnderline',
+  'editorOrderedList',
+  'editorUnorderedList',
   'empty',
   'exit',
   'expand',
diff --git a/src/components/icon/__snapshots__/icon.test.js.snap b/src/components/icon/__snapshots__/icon.test.js.snap
index 38b1252df1e..4522de02de6 100644
--- a/src/components/icon/__snapshots__/icon.test.js.snap
+++ b/src/components/icon/__snapshots__/icon.test.js.snap
@@ -1191,6 +1191,300 @@ exports[`EuiIcon renders type dot 1`] = `
 </svg>
 `;
 
+exports[`EuiIcon renders type editorAlignCenter 1`] = `
+<svg
+  class="euiIcon euiIcon--medium"
+  height="16"
+  viewBox="0 0 16 16"
+  width="16"
+  xlink="http://www.w3.org/1999/xlink"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <defs>
+    <path
+      d="M5 4V3h6v1H5zM3 7V6h10v1H3zm2 3V9h6v1H5zm-2 3v-1h10v1H3z"
+      id="editor_align_center-a"
+    />
+  </defs>
+  <use
+    href="#editor_align_center-a"
+  />
+</svg>
+`;
+
+exports[`EuiIcon renders type editorAlignLeft 1`] = `
+<svg
+  class="euiIcon euiIcon--medium"
+  height="16"
+  viewBox="0 0 16 16"
+  width="16"
+  xlink="http://www.w3.org/1999/xlink"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <defs>
+    <path
+      d="M2 4V3h6v1H2zm0 3V6h10v1H2zm0 3V9h6v1H2zm0 3v-1h10v1H2z"
+      id="editor_align_left-a"
+    />
+  </defs>
+  <use
+    href="#editor_align_left-a"
+  />
+</svg>
+`;
+
+exports[`EuiIcon renders type editorAlignRight 1`] = `
+<svg
+  class="euiIcon euiIcon--medium"
+  height="16"
+  viewBox="0 0 16 16"
+  width="16"
+  xlink="http://www.w3.org/1999/xlink"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <defs>
+    <path
+      d="M8 4V3h6v1H8zM4 7V6h10v1H4zm4 3V9h6v1H8zm-4 3v-1h10v1H4z"
+      id="editor_align_right-a"
+    />
+  </defs>
+  <use
+    href="#editor_align_right-a"
+  />
+</svg>
+`;
+
+exports[`EuiIcon renders type editorBold 1`] = `
+<svg
+  class="euiIcon euiIcon--medium"
+  height="16"
+  viewBox="0 0 16 16"
+  width="16"
+  xlink="http://www.w3.org/1999/xlink"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <defs>
+    <path
+      d="M8.193 13H4V3h4.151c1.816 0 2.987.977 2.987 2.495 0 1.074-.797 2.01-1.823 2.176v.055c1.359.132 2.308 1.11 2.308 2.433 0 1.76-1.296 2.841-3.43 2.841zM5.788 4.393v2.82h1.635c1.248 0 1.948-.526 1.948-1.455 0-.873-.603-1.365-1.67-1.365H5.788zm0 7.214h1.996c1.316 0 2.016-.547 2.016-1.573 0-1.019-.72-1.552-2.092-1.552h-1.92v3.125z"
+      id="editor_bold-a"
+    />
+  </defs>
+  <use
+    href="#editor_bold-a"
+  />
+</svg>
+`;
+
+exports[`EuiIcon renders type editorCodeBlock 1`] = `
+<svg
+  class="euiIcon euiIcon--medium"
+  height="16"
+  viewBox="0 0 16 16"
+  width="16"
+  xlink="http://www.w3.org/1999/xlink"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <defs>
+    <path
+      d="M11.12 9.909l2.43-2.058a.213.213 0 0 0 0-.338l-2.43-2.058a.215.215 0 0 1 0-.338.32.32 0 0 1 .4 0l2.43 2.057c.333.282.333.735 0 1.016l-2.43 2.058a.32.32 0 0 1-.4 0 .215.215 0 0 1 0-.34zM9.257 2.546c.203.046.308.34.235.655l-2.108 9.132c-.073.315-.296.532-.499.486-.202-.047-.307-.34-.235-.656l2.108-9.131c.073-.316.296-.533.5-.486zM5.08 9.909c.11.093.11.245 0 .339a.32.32 0 0 1-.4 0L2.25 8.19c-.333-.281-.333-.734 0-1.016l2.43-2.057a.32.32 0 0 1 .4 0c.11.093.11.245 0 .338L2.65 7.513a.213.213 0 0 0 0 .338l2.43 2.058z"
+      id="editor_code_block-a"
+    />
+  </defs>
+  <use
+    href="#editor_code_block-a"
+  />
+</svg>
+`;
+
+exports[`EuiIcon renders type editorComment 1`] = `
+<svg
+  class="euiIcon euiIcon--medium"
+  height="16"
+  viewBox="0 0 16 16"
+  width="16"
+  xlink="http://www.w3.org/1999/xlink"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <defs>
+    <path
+      d="M6.111 10H12a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1H4a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h1v1.297L6.111 10zm.46 1L4 14v-3a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2H6.571z"
+      id="editor_comment-a"
+    />
+  </defs>
+  <use
+    href="#editor_comment-a"
+  />
+</svg>
+`;
+
+exports[`EuiIcon renders type editorHeading 1`] = `
+<svg
+  class="euiIcon euiIcon--medium"
+  height="16"
+  viewBox="0 0 16 16"
+  width="16"
+  xlink="http://www.w3.org/1999/xlink"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <defs>
+    <path
+      d="M6 11a1 1 0 0 1 0 2H4a1 1 0 0 1 0-2V5a1 1 0 1 1 0-2h2a1 1 0 1 1 0 2v2h4V5a1 1 0 1 1 0-2h2a1 1 0 0 1 0 2v6a1 1 0 0 1 0 2h-2a1 1 0 0 1 0-2V9H6v2z"
+      id="editor_heading-a"
+    />
+  </defs>
+  <use
+    href="#editor_heading-a"
+  />
+</svg>
+`;
+
+exports[`EuiIcon renders type editorItalic 1`] = `
+<svg
+  class="euiIcon euiIcon--medium"
+  height="16"
+  viewBox="0 0 16 16"
+  width="16"
+  xlink="http://www.w3.org/1999/xlink"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <defs>
+    <path
+      d="M8.16 12H9.5a.5.5 0 1 1 0 1h-4a.5.5 0 1 1 0-1h1.639l1.7-8H7.5a.5.5 0 0 1 0-1h4a.5.5 0 1 1 0 1H9.861l-1.7 8z"
+      id="editor_italic-a"
+    />
+  </defs>
+  <use
+    href="#editor_italic-a"
+  />
+</svg>
+`;
+
+exports[`EuiIcon renders type editorLink 1`] = `
+<svg
+  class="euiIcon euiIcon--medium"
+  height="16"
+  viewBox="0 0 16 16"
+  width="16"
+  xlink="http://www.w3.org/1999/xlink"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <defs>
+    <path
+      d="M5.393 13.42a1.98 1.98 0 0 1-1.408-.583l-.403-.402a1.994 1.994 0 0 1 0-2.817l2.616-2.615a1.98 1.98 0 0 1 1.408-.584c.532 0 1.033.208 1.409.584l.402.402a.284.284 0 1 1-.402.403l-.403-.403a1.414 1.414 0 0 0-1.006-.417c-.38 0-.737.149-1.006.417L3.985 10.02a1.424 1.424 0 0 0 0 2.012l.402.402c.269.27.626.417 1.006.417s.737-.148 1.006-.417l1.811-1.81a.284.284 0 1 1 .402.402l-1.81 1.81a1.977 1.977 0 0 1-1.409.584zM8.813 10a1.978 1.978 0 0 1-1.408-.583.284.284 0 1 1 .403-.403c.268.269.626.417 1.006.417s.737-.148 1.006-.417L12.435 6.4a1.424 1.424 0 0 0 0-2.012l-.402-.403a1.425 1.425 0 0 0-2.012 0l-1.81 1.811a.284.284 0 1 1-.403-.402l1.81-1.81a1.994 1.994 0 0 1 2.817 0l.403.402c.776.776.776 2.04 0 2.816l-2.616 2.616A1.979 1.979 0 0 1 8.814 10z"
+      id="editor_link-a"
+    />
+  </defs>
+  <use
+    href="#editor_link-a"
+  />
+</svg>
+`;
+
+exports[`EuiIcon renders type editorOrderedList 1`] = `
+<svg
+  class="euiIcon euiIcon--medium"
+  height="16"
+  viewBox="0 0 16 16"
+  width="16"
+  xlink="http://www.w3.org/1999/xlink"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <defs>
+    <path
+      d="M3 8v1h1v1H1V9h1V8H1V7h3v1H3zm1 4v2H1v-1h1v-1H1v-1h3v1zM3 5h1v1H1V5h1V4H1V3h2v2zm2.5-1h8a.5.5 0 1 1 0 1h-8a.5.5 0 0 1 0-1zm0 4h8a.5.5 0 1 1 0 1h-8a.5.5 0 0 1 0-1zm0 4h8a.5.5 0 1 1 0 1h-8a.5.5 0 1 1 0-1z"
+      id="editor_ordered_list-a"
+    />
+  </defs>
+  <use
+    href="#editor_ordered_list-a"
+  />
+</svg>
+`;
+
+exports[`EuiIcon renders type editorStrike 1`] = `
+<svg
+  class="euiIcon euiIcon--medium"
+  height="16"
+  viewBox="0 0 16 16"
+  width="16"
+  xlink="http://www.w3.org/1999/xlink"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <defs>
+    <path
+      d="M10.023 10h1.274c.006.08.01.164.01.25a2.557 2.557 0 0 1-.883 1.949c-.284.25-.627.446-1.03.588A4.087 4.087 0 0 1 8.028 13a4.616 4.616 0 0 1-3.382-1.426c-.193-.259-.193-.5 0-.724.193-.223.438-.266.735-.13.343.363.748.655 1.213.876.466.22.949.33 1.449.33.637 0 1.132-.144 1.485-.433.353-.29.53-.67.53-1.14a1.72 1.72 0 0 0-.034-.353zM5.586 7a2.49 2.49 0 0 1-.294-.507 2.316 2.316 0 0 1-.177-.934c0-.363.076-.701.228-1.015.152-.314.363-.586.633-.816.27-.23.588-.41.955-.537A3.683 3.683 0 0 1 8.145 3c.578 0 1.112.11 1.603.33.49.221.907.508 1.25.861.16.282.16.512 0 .692-.16.18-.38.214-.662.102a3.438 3.438 0 0 0-.978-.669 2.914 2.914 0 0 0-1.213-.242c-.54 0-.973.125-1.302.375-.328.25-.492.595-.492 1.036 0 .236.046.434.14.596.092.162.217.304.374.426.157.123.329.23.515.324.119.06.24.116.362.169H5.586zM2.5 8h11a.5.5 0 1 1 0 1h-11a.5.5 0 0 1 0-1z"
+      id="editor_strike-a"
+    />
+  </defs>
+  <use
+    href="#editor_strike-a"
+  />
+</svg>
+`;
+
+exports[`EuiIcon renders type editorTable 1`] = `
+<svg
+  class="euiIcon euiIcon--medium"
+  height="16"
+  viewBox="0 0 16 16"
+  width="16"
+  xlink="http://www.w3.org/1999/xlink"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <defs>
+    <path
+      d="M14 3v2H2V3v10h12V3zM2 2h12c.552 0 1 .413 1 .923v10.154c0 .51-.448.923-1 .923H2c-.552 0-1-.413-1-.923V2.923C1 2.413 1.448 2 2 2zm0 5h12v1H2V7zm0 3h12v1H2v-1z"
+      id="editor_table-a"
+    />
+  </defs>
+  <use
+    href="#editor_table-a"
+  />
+</svg>
+`;
+
+exports[`EuiIcon renders type editorUnderline 1`] = `
+<svg
+  class="euiIcon euiIcon--medium"
+  height="16"
+  viewBox="0 0 16 16"
+  width="16"
+  xlink="http://www.w3.org/1999/xlink"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <defs>
+    <path
+      d="M5 3.136V7.4C5 9.028 6.224 10 8 10c1.783 0 3-.972 3-2.6V3.136c0-.357.167-.536.5-.536.333 0 .5.179.5.536v4.318C12 9.547 10.335 11 8 11S4 9.493 4 7.4V3.136c0-.357.167-.536.5-.536.333 0 .5.179.5.536zM2.5 12h11a.5.5 0 1 1 0 1h-11a.5.5 0 1 1 0-1z"
+      id="editor_underline-a"
+    />
+  </defs>
+  <use
+    href="#editor_underline-a"
+  />
+</svg>
+`;
+
+exports[`EuiIcon renders type editorUnorderedList 1`] = `
+<svg
+  class="euiIcon euiIcon--medium"
+  height="16"
+  viewBox="0 0 16 16"
+  width="16"
+  xlink="http://www.w3.org/1999/xlink"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <defs>
+    <path
+      d="M5.5 4h8a.5.5 0 1 1 0 1h-8a.5.5 0 0 1 0-1zm0 4h8a.5.5 0 1 1 0 1h-8a.5.5 0 0 1 0-1zm0 4h8a.5.5 0 1 1 0 1h-8a.5.5 0 1 1 0-1zm-3-7a.5.5 0 1 1 0-1 .5.5 0 0 1 0 1zm0 4a.5.5 0 1 1 0-1 .5.5 0 0 1 0 1zm0 4a.5.5 0 1 1 0-1 .5.5 0 0 1 0 1z"
+      id="editor_unordered_list-a"
+    />
+  </defs>
+  <use
+    href="#editor_unordered_list-a"
+  />
+</svg>
+`;
+
 exports[`EuiIcon renders type empty 1`] = `
 <svg
   class="euiIcon euiIcon--medium"
diff --git a/src/components/icon/assets/editor_align_center.svg b/src/components/icon/assets/editor_align_center.svg
new file mode 100644
index 00000000000..b4004f4ca8f
--- /dev/null
+++ b/src/components/icon/assets/editor_align_center.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16">
+  <defs>
+    <path id="editor_align_center-a" d="M5,4 L5,3 L11,3 L11,4 L5,4 Z M3,7 L3,6 L13,6 L13,7 L3,7 Z M5,10 L5,9 L11,9 L11,10 L5,10 Z M3,13 L3,12 L13,12 L13,13 L3,13 Z"/>
+  </defs>
+  <g>
+    <use xlink:href="#editor_align_center-a"/>
+  </g>
+</svg>
diff --git a/src/components/icon/assets/editor_align_left.svg b/src/components/icon/assets/editor_align_left.svg
new file mode 100644
index 00000000000..0f34f60b7ae
--- /dev/null
+++ b/src/components/icon/assets/editor_align_left.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16">
+  <defs>
+    <path id="editor_align_left-a" d="M2,4 L2,3 L8,3 L8,4 L2,4 Z M2,7 L2,6 L12,6 L12,7 L2,7 Z M2,10 L2,9 L8,9 L8,10 L2,10 Z M2,13 L2,12 L12,12 L12,13 L2,13 Z"/>
+  </defs>
+  <g>
+    <use xlink:href="#editor_align_left-a"/>
+  </g>
+</svg>
diff --git a/src/components/icon/assets/editor_align_right.svg b/src/components/icon/assets/editor_align_right.svg
new file mode 100644
index 00000000000..5c9160999bd
--- /dev/null
+++ b/src/components/icon/assets/editor_align_right.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16">
+  <defs>
+    <path id="editor_align_right-a" d="M8,4 L8,3 L14,3 L14,4 L8,4 Z M4,7 L4,6 L14,6 L14,7 L4,7 Z M8,10 L8,9 L14,9 L14,10 L8,10 Z M4,13 L4,12 L14,12 L14,13 L4,13 Z"/>
+  </defs>
+  <g>
+    <use xlink:href="#editor_align_right-a"/>
+  </g>
+</svg>
diff --git a/src/components/icon/assets/editor_bold.svg b/src/components/icon/assets/editor_bold.svg
new file mode 100644
index 00000000000..10083e63ee7
--- /dev/null
+++ b/src/components/icon/assets/editor_bold.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16">
+  <defs>
+    <path id="editor_bold-a" d="M8.19265419,13 L4,13 L4,3 L8.15107415,3 C9.96673597,3 11.1379071,3.97713098 11.1379071,5.49480249 C11.1379071,6.56895357 10.3409563,7.5045045 9.31531532,7.67082467 L9.31531532,7.72626473 C10.6735967,7.85793486 11.6230076,8.83506584 11.6230076,10.1586972 C11.6230076,11.9189189 10.3270963,13 8.19265419,13 Z M5.78794179,4.39293139 L5.78794179,7.21344421 L7.42342342,7.21344421 C8.67082467,7.21344421 9.37075537,6.68676369 9.37075537,5.75814276 C9.37075537,4.88496188 8.76784477,4.39293139 7.7006237,4.39293139 L5.78794179,4.39293139 Z M5.78794179,11.6070686 L7.78378378,11.6070686 C9.1004851,11.6070686 9.8004158,11.0595981 9.8004158,10.033957 C9.8004158,9.01524602 9.07969508,8.48163548 7.70755371,8.48163548 L5.78794179,8.48163548 L5.78794179,11.6070686 Z"/>
+  </defs>
+  <g>
+    <use xlink:href="#editor_bold-a"/>
+  </g>
+</svg>
diff --git a/src/components/icon/assets/editor_code_block.svg b/src/components/icon/assets/editor_code_block.svg
new file mode 100644
index 00000000000..609b6e808ac
--- /dev/null
+++ b/src/components/icon/assets/editor_code_block.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16">
+  <defs>
+    <path id="editor_code_block-a" d="M11.1199332,9.90890087 L13.5506829,7.85094929 C13.6615652,7.75707273 13.6618434,7.60746809 13.5506829,7.51335593 L11.1199332,5.45540435 C11.009405,5.36182754 11.009405,5.21010956 11.1199332,5.11653275 C11.2304615,5.02295594 11.4096632,5.02295594 11.5201914,5.11653275 L13.9509411,7.17448433 C14.2834408,7.45598944 14.2825982,7.90902921 13.9509411,8.18982089 L11.5201914,10.2477725 C11.4096632,10.3413493 11.2304615,10.3413493 11.1199332,10.2477725 C11.009405,10.1541957 11.009405,10.0024777 11.1199332,9.90890087 Z M9.25711713,2.54565856 C9.45974622,2.59243918 9.56501795,2.8858831 9.49224811,3.20108392 L7.38406484,12.3326289 C7.31129499,12.6478297 7.08804005,12.8654273 6.88541095,12.8186467 C6.68278186,12.771866 6.57751013,12.4784221 6.65027997,12.1632213 L8.75846324,3.03167633 C8.83123308,2.71647552 9.05448803,2.49887795 9.25711713,2.54565856 Z M5.08006677,9.90890087 C5.19059503,10.0024777 5.19059503,10.1541957 5.08006677,10.2477725 C4.96953852,10.3413493 4.79033682,10.3413493 4.67980856,10.2477725 L2.24905893,8.18982089 C1.91740183,7.90902921 1.91655915,7.45598944 2.24905893,7.17448433 L4.67980856,5.11653275 C4.79033682,5.02295594 4.96953852,5.02295594 5.08006677,5.11653275 C5.19059503,5.21010956 5.19059503,5.36182754 5.08006677,5.45540435 L2.64931714,7.51335593 C2.53815656,7.60746809 2.53843483,7.75707273 2.64931714,7.85094929 L5.08006677,9.90890087 Z"/>
+  </defs>
+  <g>
+    <use xlink:href="#editor_code_block-a"/>
+  </g>
+</svg>
diff --git a/src/components/icon/assets/editor_comment.svg b/src/components/icon/assets/editor_comment.svg
new file mode 100644
index 00000000000..7e5ddfb396d
--- /dev/null
+++ b/src/components/icon/assets/editor_comment.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16">
+  <defs>
+    <path id="editor_comment-a" d="M6.11149365,10 L12,10 C12.5522847,10 13,9.55228475 13,9 L13,5 C13,4.44771525 12.5522847,4 12,4 L4,4 C3.44771525,4 3,4.44771525 3,5 L3,9 C3,9.55228475 3.44771525,10 4,10 L5,10 L5,11.2967426 L6.11149365,10 Z M6.57142857,11 L4,14 L4,11 C2.8954305,11 2,10.1045695 2,9 L2,5 C2,3.8954305 2.8954305,3 4,3 L12,3 C13.1045695,3 14,3.8954305 14,5 L14,9 C14,10.1045695 13.1045695,11 12,11 L6.57142857,11 Z"/>
+  </defs>
+  <g>
+    <use xlink:href="#editor_comment-a"/>
+  </g>
+</svg>
diff --git a/src/components/icon/assets/editor_heading.svg b/src/components/icon/assets/editor_heading.svg
new file mode 100644
index 00000000000..6b11d95ab0e
--- /dev/null
+++ b/src/components/icon/assets/editor_heading.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16">
+  <defs>
+    <path id="editor_heading-a" d="M6,11 C6.55228475,11 7,11.4477153 7,12 C7,12.5522847 6.55228475,13 6,13 L4,13 C3.44771525,13 3,12.5522847 3,12 C3,11.4477153 3.44771525,11 4,11 L4,5 C3.44771525,5 3,4.55228475 3,4 C3,3.44771525 3.44771525,3 4,3 L6,3 C6.55228475,3 7,3.44771525 7,4 C7,4.55228475 6.55228475,5 6,5 L6,7 L10,7 L10,5 C9.44771525,5 9,4.55228475 9,4 C9,3.44771525 9.44771525,3 10,3 L12,3 C12.5522847,3 13,3.44771525 13,4 C13,4.55228475 12.5522847,5 12,5 L12,11 C12.5522847,11 13,11.4477153 13,12 C13,12.5522847 12.5522847,13 12,13 L10,13 C9.44771525,13 9,12.5522847 9,12 C9,11.4477153 9.44771525,11 10,11 L10,9 L6,9 L6,11 Z"/>
+  </defs>
+  <g>
+    <use xlink:href="#editor_heading-a"/>
+  </g>
+</svg>
diff --git a/src/components/icon/assets/editor_italic.svg b/src/components/icon/assets/editor_italic.svg
new file mode 100644
index 00000000000..302169e0be9
--- /dev/null
+++ b/src/components/icon/assets/editor_italic.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16">
+  <defs>
+    <path id="editor_italic-a" d="M8.16094405,12 L9.5,12 C9.77614237,12 10,12.2238576 10,12.5 C10,12.7761424 9.77614237,13 9.5,13 L5.5,13 C5.22385763,13 5,12.7761424 5,12.5 C5,12.2238576 5.22385763,12 5.5,12 L7.13860346,12 L8.83905595,4 L7.5,4 C7.22385763,4 7,3.77614237 7,3.5 C7,3.22385763 7.22385763,3 7.5,3 L11.5,3 C11.7761424,3 12,3.22385763 12,3.5 C12,3.77614237 11.7761424,4 11.5,4 L9.86139654,4 L8.16094405,12 Z"/>
+  </defs>
+  <g>
+    <use xlink:href="#editor_italic-a"/>
+  </g>
+</svg>
diff --git a/src/components/icon/assets/editor_link.svg b/src/components/icon/assets/editor_link.svg
new file mode 100644
index 00000000000..49a8e55570e
--- /dev/null
+++ b/src/components/icon/assets/editor_link.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16">
+  <defs>
+    <path id="editor_link-a" d="M5.39348004,13.4203557 C4.86139008,13.4203557 4.36116862,13.2129373 3.98500663,12.8367958 L3.58238241,12.4347627 C2.80587253,11.6582952 2.80587253,10.3944372 3.58238241,9.61825423 L6.19787485,7.00290464 C6.57403684,6.6267632 7.0742583,6.41934481 7.60634825,6.41934481 C8.13843821,6.41934481 8.63865967,6.6267632 9.01453712,7.00290464 L9.4168768,7.40522235 C9.52813197,7.51647144 9.52813197,7.69629095 9.4168768,7.80754005 C9.30562162,7.91878914 9.12579229,7.91878914 9.01453712,7.80754005 L8.61219744,7.40522235 C8.34359161,7.13663118 7.98620926,6.98839389 7.60634825,6.98839389 C7.2262027,6.98839389 6.86882036,7.13663118 6.60021452,7.40522235 L3.98472209,10.0202874 C3.43015347,10.5748257 3.43015347,11.4773376 3.98472209,12.0321604 L4.38706177,12.4344781 C4.6556676,12.7030693 5.01304995,12.8513066 5.3931955,12.8513066 C5.77305651,12.8513066 6.13043885,12.7030693 6.39904469,12.4344781 L8.21014231,10.623764 C8.32139748,10.5125149 8.50122681,10.5125149 8.61248198,10.623764 C8.72373716,10.7350131 8.72373716,10.9148326 8.61248198,11.0260817 L6.8016689,12.8367958 C6.42579145,13.2132218 5.92556999,13.4203557 5.39348004,13.4203557 Z M8.81365182,10.0000862 C8.28184641,10.0000862 7.7813404,9.79266778 7.40546296,9.41652633 C7.29420778,9.30527724 7.29420778,9.12545772 7.40546296,9.01420863 C7.51671813,8.90295953 7.69654746,8.90295953 7.80780263,9.01420863 C8.07640847,9.2827998 8.43379081,9.43103708 8.81365182,9.43103708 C9.19379737,9.43103708 9.55117972,9.2827998 9.81978555,9.01420863 L12.435278,6.39885904 C12.9898466,5.84432071 12.9898466,4.94180887 12.435278,4.38727053 L12.0332229,3.98438378 C11.4786542,3.42984545 10.5758086,3.42984545 10.0212399,3.98438378 L8.21014231,5.79538249 C8.09888714,5.90663159 7.9190578,5.90663159 7.80780263,5.79538249 C7.69654746,5.68413339 7.69654746,5.50431388 7.80780263,5.39306479 L9.61861571,3.58235061 C10.3951256,2.80588313 11.6587681,2.80588313 12.435278,3.58235061 L12.8376177,3.98495283 C13.6141275,4.76142031 13.6141275,6.0249938 12.8376177,6.80117674 L10.2221252,9.41652633 C9.84624778,9.79266778 9.34574178,10.0000862 8.81365182,10.0000862 Z"/>
+  </defs>
+  <g>
+    <use xlink:href="#editor_link-a"/>
+  </g>
+</svg>
diff --git a/src/components/icon/assets/editor_ordered_list.svg b/src/components/icon/assets/editor_ordered_list.svg
new file mode 100644
index 00000000000..76238375cd7
--- /dev/null
+++ b/src/components/icon/assets/editor_ordered_list.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16">
+  <defs>
+    <path id="editor_ordered_list-a" d="M3,8 L3,9 L4,9 L4,10 L1,10 L1,9 L2,9 L2,8 L1,8 L1,7 L4,7 L4,8 L3,8 Z M4,12 L4,13 L4,14 L1,14 L1,13 L2,13 L2,12 L1,12 L1,11 L4,11 L4,12 Z M3,5 L4,5 L4,6 L1,6 L1,5 L2,5 L2,4 L1,4 L1,3 L2,3 L3,3 L3,5 Z M5.5,4 L13.5,4 C13.7761424,4 14,4.22385763 14,4.5 C14,4.77614237 13.7761424,5 13.5,5 L5.5,5 C5.22385763,5 5,4.77614237 5,4.5 C5,4.22385763 5.22385763,4 5.5,4 Z M5.5,8 L13.5,8 C13.7761424,8 14,8.22385763 14,8.5 C14,8.77614237 13.7761424,9 13.5,9 L5.5,9 C5.22385763,9 5,8.77614237 5,8.5 C5,8.22385763 5.22385763,8 5.5,8 Z M5.5,12 L13.5,12 C13.7761424,12 14,12.2238576 14,12.5 C14,12.7761424 13.7761424,13 13.5,13 L5.5,13 C5.22385763,13 5,12.7761424 5,12.5 C5,12.2238576 5.22385763,12 5.5,12 Z"/>
+  </defs>
+  <g>
+    <use xlink:href="#editor_ordered_list-a"/>
+  </g>
+</svg>
diff --git a/src/components/icon/assets/editor_redo.svg b/src/components/icon/assets/editor_redo.svg
new file mode 100644
index 00000000000..b9105d0e8f2
--- /dev/null
+++ b/src/components/icon/assets/editor_redo.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16">
+  <defs>
+    <path id="editor_redo-a" d="M5.5,6 L10.5,6 C12.442809,6 13.5,7.05719096 13.5,9 C13.5,10.942809 12.442809,12 10.5,12 L9,12 L9,11 L10.5,11 C11.8905243,11 12.5,10.3905243 12.5,9 C12.5,7.60947571 11.8905243,7 10.5,7 L5.5,7 L5.5,10 L2,6.5 L5.5,3 L5.5,6 Z"/>
+  </defs>
+  <g>
+    <use transform="matrix(-1 0 0 1 15.5 0)" xlink:href="#editor_redo-a"/>
+  </g>
+</svg>
diff --git a/src/components/icon/assets/editor_strike.svg b/src/components/icon/assets/editor_strike.svg
new file mode 100644
index 00000000000..e926ae70c4a
--- /dev/null
+++ b/src/components/icon/assets/editor_strike.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16">
+  <defs>
+    <path id="editor_strike-a" d="M10.0226104,10 L11.2973722,10 C11.3034551,10.080871 11.3064965,10.1642043 11.3064965,10.25 C11.3064965,10.6323549 11.2305169,10.9901944 11.0785554,11.3235294 C10.9265938,11.6568644 10.7084587,11.9485282 10.4241436,12.1985294 C10.1398284,12.4485307 9.79669462,12.6446071 9.39473182,12.7867647 C8.99276903,12.9289223 8.53689124,13 8.02708477,13 C7.3506108,13 6.72316609,12.8725503 6.14473182,12.6176471 C5.56629756,12.3627438 5.06630256,12.0147081 4.64473182,11.5735294 C4.45175606,11.3150174 4.45175606,11.0739635 4.64473182,10.8503679 C4.83770759,10.6267722 5.08280563,10.5835123 5.38002594,10.7205882 C5.72316491,11.0833351 6.12757263,11.3749989 6.59326124,11.5955882 C7.05894984,11.8161776 7.54178815,11.9264706 8.04179065,11.9264706 C8.67904874,11.9264706 9.17414182,11.7818642 9.52708477,11.4926471 C9.88002771,11.2034299 10.0564965,10.8235318 10.0564965,10.3529412 C10.0564965,10.225327 10.0452012,10.1076802 10.0226104,10 Z M5.58567021,7 C5.47124521,6.8485238 5.37328586,6.67940692 5.29179065,6.49264706 C5.174143,6.22303787 5.11532006,5.91176647 5.11532006,5.55882353 C5.11532006,5.19607662 5.19129969,4.85784471 5.34326124,4.54411765 C5.49522278,4.23039059 5.70600499,3.95833449 5.97561418,3.72794118 C6.24522337,3.49754787 6.56384763,3.31862809 6.93149653,3.19117647 C7.29914543,3.06372485 7.70355315,3 8.14473182,3 C8.72316609,3 9.25747447,3.11029301 9.747673,3.33088235 C10.2378715,3.55147169 10.654534,3.83823353 10.997673,4.19117647 C11.1575623,4.47251925 11.1575623,4.7032362 10.997673,4.88332734 C10.8377838,5.06341848 10.6171955,5.0974074 10.3359083,4.98529412 C10.0417892,4.70097897 9.71581205,4.47794199 9.35796712,4.31617647 C9.00012219,4.15441096 8.59571447,4.07352941 8.14473182,4.07352941 C7.60551344,4.07352941 7.17169425,4.19852816 6.84326124,4.44852941 C6.51482822,4.69853066 6.35061418,5.04411544 6.35061418,5.48529412 C6.35061418,5.72058941 6.39718234,5.91911684 6.49032006,6.08088235 C6.58345778,6.24264787 6.70845653,6.38480331 6.86532006,6.50735294 C7.02218359,6.62990257 7.1937505,6.73774463 7.38002594,6.83088235 C7.49874507,6.89024192 7.61945417,6.94661424 7.74215473,7 L5.58567021,7 Z M2.5,8 L13.5,8 C13.7761424,8 14,8.22385763 14,8.5 C14,8.77614237 13.7761424,9 13.5,9 L2.5,9 C2.22385763,9 2,8.77614237 2,8.5 C2,8.22385763 2.22385763,8 2.5,8 Z"/>
+  </defs>
+  <g>
+    <use xlink:href="#editor_strike-a"/>
+  </g>
+</svg>
diff --git a/src/components/icon/assets/editor_table.svg b/src/components/icon/assets/editor_table.svg
new file mode 100644
index 00000000000..c68170187e1
--- /dev/null
+++ b/src/components/icon/assets/editor_table.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16">
+  <defs>
+    <path id="editor_table-a" d="M14,3 L14,5 L2,5 L2,3 L2,13 L14,13 L14,3 Z M2,2 L14,2 C14.5522847,2 15,2.41327562 15,2.92307692 L15,13.0769231 C15,13.5867244 14.5522847,14 14,14 L2,14 C1.44771525,14 1,13.5867244 1,13.0769231 L1,2.92307692 C1,2.41327562 1.44771525,2 2,2 Z M2,7 L14,7 L14,8 L2,8 L2,7 Z M2,10 L14,10 L14,11 L2,11 L2,10 Z"/>
+  </defs>
+  <g>
+    <use xlink:href="#editor_table-a"/>
+  </g>
+</svg>
diff --git a/src/components/icon/assets/editor_underline.svg b/src/components/icon/assets/editor_underline.svg
new file mode 100644
index 00000000000..46aeebc2766
--- /dev/null
+++ b/src/components/icon/assets/editor_underline.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16">
+  <defs>
+    <path id="editor_underline-a" d="M5,3.13574219 L5,7.40015148 C5,9.02849418 6.22362615,10 8,10 C9.78310254,10 11,9.02849418 11,7.40015148 L11,3.13574219 C11,2.77858067 11.1666667,2.5999999 11.5,2.5999999 C11.8333333,2.5999999 12,2.77858067 12,3.13574219 L12,7.45398099 C12,9.54660321 10.334855,11 8,11 C5.66514498,11 4,9.4927737 4,7.40015148 L4,3.13574219 C4,2.77858067 4.16666667,2.5999999 4.5,2.5999999 C4.83333333,2.5999999 5,2.77858067 5,3.13574219 Z M2.5,12 L13.5,12 C13.7761424,12 14,12.2238576 14,12.5 C14,12.7761424 13.7761424,13 13.5,13 L2.5,13 C2.22385763,13 2,12.7761424 2,12.5 C2,12.2238576 2.22385763,12 2.5,12 Z"/>
+  </defs>
+  <g>
+    <use xlink:href="#editor_underline-a"/>
+  </g>
+</svg>
diff --git a/src/components/icon/assets/editor_undo.svg b/src/components/icon/assets/editor_undo.svg
new file mode 100644
index 00000000000..5697a2b8f90
--- /dev/null
+++ b/src/components/icon/assets/editor_undo.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="12" height="9" viewBox="0 0 12 9">
+  <defs>
+    <path id="editor_undo-a" d="M5.5,6 L10.5,6 C12.442809,6 13.5,7.05719096 13.5,9 C13.5,10.942809 12.442809,12 10.5,12 L9,12 L9,11 L10.5,11 C11.8905243,11 12.5,10.3905243 12.5,9 C12.5,7.60947571 11.8905243,7 10.5,7 L5.5,7 L5.5,10 L2,6.5 L5.5,3 L5.5,6 Z"/>
+  </defs>
+  <g transform="translate(-2 -3)">
+    <use xlink:href="#editor_undo-a"/>
+  </g>
+</svg>
diff --git a/src/components/icon/assets/editor_unordered_list.svg b/src/components/icon/assets/editor_unordered_list.svg
new file mode 100644
index 00000000000..3c85cfcb042
--- /dev/null
+++ b/src/components/icon/assets/editor_unordered_list.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16">
+  <defs>
+    <path id="editor_unordered_list-a" d="M5.5,4 L13.5,4 C13.7761424,4 14,4.22385763 14,4.5 C14,4.77614237 13.7761424,5 13.5,5 L5.5,5 C5.22385763,5 5,4.77614237 5,4.5 C5,4.22385763 5.22385763,4 5.5,4 Z M5.5,8 L13.5,8 C13.7761424,8 14,8.22385763 14,8.5 C14,8.77614237 13.7761424,9 13.5,9 L5.5,9 C5.22385763,9 5,8.77614237 5,8.5 C5,8.22385763 5.22385763,8 5.5,8 Z M5.5,12 L13.5,12 C13.7761424,12 14,12.2238576 14,12.5 C14,12.7761424 13.7761424,13 13.5,13 L5.5,13 C5.22385763,13 5,12.7761424 5,12.5 C5,12.2238576 5.22385763,12 5.5,12 Z M2.5,5 C2.22385763,5 2,4.77614237 2,4.5 C2,4.22385763 2.22385763,4 2.5,4 C2.77614237,4 3,4.22385763 3,4.5 C3,4.77614237 2.77614237,5 2.5,5 Z M2.5,9 C2.22385763,9 2,8.77614237 2,8.5 C2,8.22385763 2.22385763,8 2.5,8 C2.77614237,8 3,8.22385763 3,8.5 C3,8.77614237 2.77614237,9 2.5,9 Z M2.5,13 C2.22385763,13 2,12.7761424 2,12.5 C2,12.2238576 2.22385763,12 2.5,12 C2.77614237,12 3,12.2238576 3,12.5 C3,12.7761424 2.77614237,13 2.5,13 Z"/>
+  </defs>
+  <g>
+    <use xlink:href="#editor_unordered_list-a"/>
+  </g>
+</svg>
diff --git a/src/components/icon/icon.js b/src/components/icon/icon.js
index 8d85aea7c54..da9e3370ac3 100644
--- a/src/components/icon/icon.js
+++ b/src/components/icon/icon.js
@@ -40,6 +40,20 @@ import devToolsApp from './assets/app_devtools.svg';
 import discoverApp from './assets/app_discover.svg';
 import document from './assets/document.svg';
 import dot from './assets/dot.svg';
+import editorAlignCenter from './assets/editor_align_center.svg';
+import editorAlignLeft from './assets/editor_align_left.svg';
+import editorAlignRight from './assets/editor_align_right.svg';
+import editorBold from './assets/editor_bold.svg';
+import editorCodeBlock from './assets/editor_code_block.svg';
+import editorComment from './assets/editor_comment.svg';
+import editorHeading from './assets/editor_heading.svg';
+import editorItalic from './assets/editor_italic.svg';
+import editorLink from './assets/editor_link.svg';
+import editorStrike from './assets/editor_strike.svg';
+import editorTable from './assets/editor_table.svg';
+import editorUnderline from './assets/editor_underline.svg';
+import editorOrderedList from './assets/editor_ordered_list.svg';
+import editorUnorderedList from './assets/editor_unordered_list.svg';
 import empty from './assets/empty.svg';
 import exit from './assets/exit.svg';
 import expand from './assets/expand.svg';
@@ -192,6 +206,20 @@ const typeToIconMap = {
   discoverApp,
   document,
   dot,
+  editorAlignCenter,
+  editorAlignLeft,
+  editorAlignRight,
+  editorBold,
+  editorCodeBlock,
+  editorComment,
+  editorHeading,
+  editorItalic,
+  editorLink,
+  editorStrike,
+  editorTable,
+  editorUnderline,
+  editorOrderedList,
+  editorUnorderedList,
   empty,
   exit,
   expand,
diff --git a/src/components/icon/index.d.ts b/src/components/icon/index.d.ts
index b3645673c06..bccb88cd9f4 100644
--- a/src/components/icon/index.d.ts
+++ b/src/components/icon/index.d.ts
@@ -43,6 +43,20 @@ declare module '@elastic/eui' {
     | 'discoverApp'
     | 'document'
     | 'dot'
+    | 'editorAlignCenter'
+    | 'editorAlignLeft'
+    | 'editorAlignRight'
+    | 'editorBold'
+    | 'editorCodeBlock'
+    | 'editorComment'
+    | 'editorHeading'
+    | 'editorItalic'
+    | 'editorLink'
+    | 'editorStrike'
+    | 'editorTable'
+    | 'editorUnderline'
+    | 'editorOrderedList'
+    | 'editorUnorderedList'
     | 'empty'
     | 'exit'
     | 'expand'