From e7f7c36ac4d1cea45808c1f715a3e28fb99f28b6 Mon Sep 17 00:00:00 2001
From: Michael Marcialis <michael.marcialis@elastic.co>
Date: Tue, 4 May 2021 16:23:34 -0400
Subject: [PATCH 1/6] added icons for upcoming lens features

---
 CHANGELOG.md                                  |  1 +
 src-docs/src/views/icon/icons.js              | 12 ++++++++++
 src/components/icon/assets/color.js           | 16 +++++++++++++
 src/components/icon/assets/color.svg          |  3 +++
 src/components/icon/assets/continuityAbove.js | 16 +++++++++++++
 .../icon/assets/continuityAbove.svg           |  3 +++
 .../icon/assets/continuityAboveBelow.js       | 16 +++++++++++++
 .../icon/assets/continuityAboveBelow.svg      |  3 +++
 src/components/icon/assets/continuityBelow.js | 16 +++++++++++++
 .../icon/assets/continuityBelow.svg           |  3 +++
 .../icon/assets/continuityWithin.js           | 16 +++++++++++++
 .../icon/assets/continuityWithin.svg          |  3 +++
 src/components/icon/assets/eraser.js          | 20 ++++++++++++++++
 src/components/icon/assets/eraser.svg         |  4 ++++
 src/components/icon/assets/fullScreenExit.js  | 16 +++++++++++++
 src/components/icon/assets/fullScreenExit.svg |  3 +++
 src/components/icon/assets/function.js        | 16 +++++++++++++
 src/components/icon/assets/function.svg       |  3 +++
 src/components/icon/assets/percent.js         | 24 +++++++++++++++++++
 src/components/icon/assets/percent.svg        |  5 ++++
 src/components/icon/assets/wordWrap.js        | 17 +++++++++++++
 src/components/icon/assets/wordWrap.svg       |  4 ++++
 .../icon/assets/wordWrapDisabled.js           | 16 +++++++++++++
 .../icon/assets/wordWrapDisabled.svg          |  3 +++
 src/components/icon/icon.tsx                  | 11 +++++++++
 25 files changed, 250 insertions(+)
 create mode 100644 src/components/icon/assets/color.js
 create mode 100755 src/components/icon/assets/color.svg
 create mode 100644 src/components/icon/assets/continuityAbove.js
 create mode 100755 src/components/icon/assets/continuityAbove.svg
 create mode 100644 src/components/icon/assets/continuityAboveBelow.js
 create mode 100755 src/components/icon/assets/continuityAboveBelow.svg
 create mode 100644 src/components/icon/assets/continuityBelow.js
 create mode 100755 src/components/icon/assets/continuityBelow.svg
 create mode 100644 src/components/icon/assets/continuityWithin.js
 create mode 100755 src/components/icon/assets/continuityWithin.svg
 create mode 100644 src/components/icon/assets/eraser.js
 create mode 100755 src/components/icon/assets/eraser.svg
 create mode 100644 src/components/icon/assets/fullScreenExit.js
 create mode 100755 src/components/icon/assets/fullScreenExit.svg
 create mode 100644 src/components/icon/assets/function.js
 create mode 100755 src/components/icon/assets/function.svg
 create mode 100644 src/components/icon/assets/percent.js
 create mode 100755 src/components/icon/assets/percent.svg
 create mode 100644 src/components/icon/assets/wordWrap.js
 create mode 100755 src/components/icon/assets/wordWrap.svg
 create mode 100644 src/components/icon/assets/wordWrapDisabled.js
 create mode 100755 src/components/icon/assets/wordWrapDisabled.svg

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 599a94395ee..95935a75fe7 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -6,6 +6,7 @@
 - Added `iconProps` prop to `EuiListGroupItem` ([#4760](https://github.com/elastic/eui/pull/4760))
 - Added `i18ntokens.json` to published package ([#4771](https://github.com/elastic/eui/pull/4771))
 - Replaced `highlight.js` with `prism.js`/`refractor` for code syntax highlighting in `EuiCodeBlock` ([#4638](https://github.com/elastic/eui/pull/4638))
+- Added `color`, `continuityAbove`, `continuityAboveBelow`, `continuityBelow`, `continuityWithin`, `eraser`, `fullScreenExit`, `function`, `percent`, `wordWrap`, and `wordWrapDisabled` glyphs to `EuiIcon`
 
 **Bug fixes**
 
diff --git a/src-docs/src/views/icon/icons.js b/src-docs/src/views/icon/icons.js
index bd4138b2564..a0e4d32a268 100644
--- a/src-docs/src/views/icon/icons.js
+++ b/src-docs/src/views/icon/icons.js
@@ -42,8 +42,13 @@ export const iconTypes = [
   'cloudDrizzle',
   'cloudStormy',
   'cloudSunny',
+  'color',
   'compute',
   'console',
+  'continuityAbove',
+  'continuityAboveBelow',
+  'continuityBelow',
+  'continuityWithin',
   'controlsHorizontal',
   'controlsVertical',
   'copy',
@@ -62,6 +67,7 @@ export const iconTypes = [
   'email',
   'empty',
   'eql',
+  'eraser',
   'exit',
   'expand',
   'expandMini',
@@ -79,6 +85,8 @@ export const iconTypes = [
   'folderExclamation',
   'folderOpen',
   'fullScreen',
+  'fullScreenExit',
+  'function',
   'gear',
   'glasses',
   'globe',
@@ -147,6 +155,7 @@ export const iconTypes = [
   'partial',
   'pause',
   'pencil',
+  'percent',
   'pin',
   'pinFilled',
   'play',
@@ -185,6 +194,7 @@ export const iconTypes = [
   'stats',
   'stop',
   'stopFilled',
+  'stopSlash',
   'storage',
   'string',
   'submodule',
@@ -224,6 +234,8 @@ export const iconTypes = [
   'visTimelion',
   'visVega',
   'visVisualBuilder',
+  'wordWrap',
+  'wordWrapDisabled',
   'wrench',
 ];
 
diff --git a/src/components/icon/assets/color.js b/src/components/icon/assets/color.js
new file mode 100644
index 00000000000..16be87aef8a
--- /dev/null
+++ b/src/components/icon/assets/color.js
@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+const EuiIconColor = ({ title, titleId, ...props }) => (
+  <svg
+    width={16}
+    height={16}
+    viewBox="0 0 16 16"
+    xmlns="http://www.w3.org/2000/svg"
+    aria-labelledby={titleId}
+    {...props}>
+    {title ? <title id={titleId}>{title}</title> : null}
+    <path d="M13 11c1.334 1.393 2 2.435 2 3.125C15 15.161 14.105 16 13 16c-1.104 0-2-.84-2-1.875 0-.69.667-1.732 2-3.125zM5.857.15l6.34 6.45.016.02.324.321a1.5 1.5 0 01.11 2.006l-.103.114-4.474 4.513a1.5 1.5 0 01-2.123.008L1.464 9.06a1.5 1.5 0 01.007-2.12l4.472-4.45c.145-.146.313-.254.492-.327L5.144.85a.5.5 0 01.713-.7zm1.496 3.049a.5.5 0 00-.705 0L2.177 7.65a.498.498 0 00-.148.35h9.95a.498.498 0 00-.148-.35L7.353 3.2z" />
+  </svg>
+);
+
+export const icon = EuiIconColor;
diff --git a/src/components/icon/assets/color.svg b/src/components/icon/assets/color.svg
new file mode 100755
index 00000000000..3311b35f197
--- /dev/null
+++ b/src/components/icon/assets/color.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+  <path d="M13 11c1.334 1.393 2 2.435 2 3.125C15 15.161 14.105 16 13 16c-1.104 0-2-.84-2-1.875 0-.69.667-1.732 2-3.125zM5.857.15l6.34 6.45.016.02.324.321a1.5 1.5 0 01.11 2.006l-.103.114-4.474 4.513a1.5 1.5 0 01-2.123.008L1.464 9.06a1.5 1.5 0 01.007-2.12l4.472-4.45c.145-.146.313-.254.492-.327L5.144.85a.5.5 0 01.713-.7zm1.496 3.049a.5.5 0 00-.705 0L2.177 7.65a.498.498 0 00-.148.35h9.95a.498.498 0 00-.148-.35L7.353 3.2z" />
+</svg>
diff --git a/src/components/icon/assets/continuityAbove.js b/src/components/icon/assets/continuityAbove.js
new file mode 100644
index 00000000000..a1a9747318a
--- /dev/null
+++ b/src/components/icon/assets/continuityAbove.js
@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+const EuiIconContinuityAbove = ({ title, titleId, ...props }) => (
+  <svg
+    width={16}
+    height={16}
+    viewBox="0 0 16 16"
+    xmlns="http://www.w3.org/2000/svg"
+    aria-labelledby={titleId}
+    {...props}>
+    {title ? <title id={titleId}>{title}</title> : null}
+    <path d="M1.5 3a.5.5 0 00-.5.5v9a.5.5 0 001 0v-9a.5.5 0 00-.5-.5zm3 0a.5.5 0 00-.5.5v9a.5.5 0 001 0V9h6v1.5a.5.5 0 00.82.384l3-2.5a.5.5 0 000-.768l-3-2.5A.5.5 0 0011 5.5V7H5V3.5a.5.5 0 00-.5-.5z" />
+  </svg>
+);
+
+export const icon = EuiIconContinuityAbove;
diff --git a/src/components/icon/assets/continuityAbove.svg b/src/components/icon/assets/continuityAbove.svg
new file mode 100755
index 00000000000..5083db54756
--- /dev/null
+++ b/src/components/icon/assets/continuityAbove.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+  <path d="M1.5 3a.5.5 0 00-.5.5v9a.5.5 0 001 0v-9a.5.5 0 00-.5-.5zm3 0a.5.5 0 00-.5.5v9a.5.5 0 001 0V9h6v1.5a.5.5 0 00.82.384l3-2.5a.5.5 0 000-.768l-3-2.5A.5.5 0 0011 5.5V7H5V3.5a.5.5 0 00-.5-.5z" />
+</svg>
diff --git a/src/components/icon/assets/continuityAboveBelow.js b/src/components/icon/assets/continuityAboveBelow.js
new file mode 100644
index 00000000000..cbfeff3b537
--- /dev/null
+++ b/src/components/icon/assets/continuityAboveBelow.js
@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+const EuiIconContinuityAboveBelow = ({ title, titleId, ...props }) => (
+  <svg
+    width={16}
+    height={16}
+    viewBox="0 0 16 16"
+    xmlns="http://www.w3.org/2000/svg"
+    aria-labelledby={titleId}
+    {...props}>
+    {title ? <title id={titleId}>{title}</title> : null}
+    <path d="M6.5 3a.5.5 0 01.5.5v9a.5.5 0 01-1 0V9H4v1.5a.5.5 0 01-.82.384l-3-2.5a.5.5 0 010-.768l3-2.5A.5.5 0 014 5.5V7h2V3.5a.5.5 0 01.5-.5zm3 0a.5.5 0 00-.5.5v9a.5.5 0 001 0V9h2v1.5a.5.5 0 00.82.384l3-2.5a.5.5 0 000-.768l-3-2.5A.5.5 0 0012 5.5V7h-2V3.5a.5.5 0 00-.5-.5z" />
+  </svg>
+);
+
+export const icon = EuiIconContinuityAboveBelow;
diff --git a/src/components/icon/assets/continuityAboveBelow.svg b/src/components/icon/assets/continuityAboveBelow.svg
new file mode 100755
index 00000000000..d87024087e4
--- /dev/null
+++ b/src/components/icon/assets/continuityAboveBelow.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+  <path d="M6.5 3a.5.5 0 01.5.5v9a.5.5 0 01-1 0V9H4v1.5a.5.5 0 01-.82.384l-3-2.5a.5.5 0 010-.768l3-2.5A.5.5 0 014 5.5V7h2V3.5a.5.5 0 01.5-.5zm3 0a.5.5 0 00-.5.5v9a.5.5 0 001 0V9h2v1.5a.5.5 0 00.82.384l3-2.5a.5.5 0 000-.768l-3-2.5A.5.5 0 0012 5.5V7h-2V3.5a.5.5 0 00-.5-.5z" />
+</svg>
diff --git a/src/components/icon/assets/continuityBelow.js b/src/components/icon/assets/continuityBelow.js
new file mode 100644
index 00000000000..9d53f246277
--- /dev/null
+++ b/src/components/icon/assets/continuityBelow.js
@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+const EuiIconContinuityBelow = ({ title, titleId, ...props }) => (
+  <svg
+    width={16}
+    height={16}
+    viewBox="0 0 16 16"
+    xmlns="http://www.w3.org/2000/svg"
+    aria-labelledby={titleId}
+    {...props}>
+    {title ? <title id={titleId}>{title}</title> : null}
+    <path d="M11.5 3a.5.5 0 01.5.5v9a.5.5 0 01-1 0V9H5v1.5a.5.5 0 01-.82.384l-3-2.5a.5.5 0 010-.768l3-2.5A.5.5 0 015 5.5V7h6V3.5a.5.5 0 01.5-.5zm3 0a.5.5 0 01.5.5v9a.5.5 0 01-1 0v-9a.5.5 0 01.5-.5z" />
+  </svg>
+);
+
+export const icon = EuiIconContinuityBelow;
diff --git a/src/components/icon/assets/continuityBelow.svg b/src/components/icon/assets/continuityBelow.svg
new file mode 100755
index 00000000000..f925a01cf07
--- /dev/null
+++ b/src/components/icon/assets/continuityBelow.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+  <path d="M11.5 3a.5.5 0 01.5.5v9a.5.5 0 01-1 0V9H5v1.5a.5.5 0 01-.82.384l-3-2.5a.5.5 0 010-.768l3-2.5A.5.5 0 015 5.5V7h6V3.5a.5.5 0 01.5-.5zm3 0a.5.5 0 01.5.5v9a.5.5 0 01-1 0v-9a.5.5 0 01.5-.5z" />
+</svg>
diff --git a/src/components/icon/assets/continuityWithin.js b/src/components/icon/assets/continuityWithin.js
new file mode 100644
index 00000000000..0b6e9e08443
--- /dev/null
+++ b/src/components/icon/assets/continuityWithin.js
@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+const EuiIconContinuityWithin = ({ title, titleId, ...props }) => (
+  <svg
+    width={16}
+    height={16}
+    viewBox="0 0 16 16"
+    xmlns="http://www.w3.org/2000/svg"
+    aria-labelledby={titleId}
+    {...props}>
+    {title ? <title id={titleId}>{title}</title> : null}
+    <path d="M.5 3a.5.5 0 00-.5.5v9a.5.5 0 001 0v-9A.5.5 0 00.5 3zm14.5.5a.5.5 0 011 0v9a.5.5 0 01-1 0v-9zm-4.712 1.547a.5.5 0 01.532.069l3 2.5a.5.5 0 010 .768l-3 2.5A.5.5 0 0110 10.5V9H6v1.5a.5.5 0 01-.82.384l-3-2.5a.5.5 0 010-.768l3-2.5A.5.5 0 016 5.5V7h4V5.5a.5.5 0 01.288-.453z" />
+  </svg>
+);
+
+export const icon = EuiIconContinuityWithin;
diff --git a/src/components/icon/assets/continuityWithin.svg b/src/components/icon/assets/continuityWithin.svg
new file mode 100755
index 00000000000..f6560102a63
--- /dev/null
+++ b/src/components/icon/assets/continuityWithin.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+  <path d="M.5 3a.5.5 0 00-.5.5v9a.5.5 0 001 0v-9A.5.5 0 00.5 3zm14.5.5a.5.5 0 011 0v9a.5.5 0 01-1 0v-9zm-4.712 1.547a.5.5 0 01.532.069l3 2.5a.5.5 0 010 .768l-3 2.5A.5.5 0 0110 10.5V9H6v1.5a.5.5 0 01-.82.384l-3-2.5a.5.5 0 010-.768l3-2.5A.5.5 0 016 5.5V7h4V5.5a.5.5 0 01.288-.453z" />
+</svg>
diff --git a/src/components/icon/assets/eraser.js b/src/components/icon/assets/eraser.js
new file mode 100644
index 00000000000..9114ec7581c
--- /dev/null
+++ b/src/components/icon/assets/eraser.js
@@ -0,0 +1,20 @@
+import * as React from 'react';
+
+const EuiIconEraser = ({ title, titleId, ...props }) => (
+  <svg
+    width={16}
+    height={16}
+    viewBox="0 0 16 16"
+    xmlns="http://www.w3.org/2000/svg"
+    aria-labelledby={titleId}
+    {...props}>
+    {title ? <title id={titleId}>{title}</title> : null}
+    <path
+      fillRule="evenodd"
+      d="M14.5 5.086a2 2 0 010 2.828L9.414 13H11.5a.5.5 0 110 1H3.414A2 2 0 012 13.414l-.5-.5a2 2 0 010-2.828L9.086 2.5a2 2 0 012.828 0L14.5 5.086zm-6.207 7.621a1 1 0 01-.707.293H3.414a1 1 0 01-.707-.293l-.5-.5a1 1 0 010-1.414l3.44-3.44 4 4-1.354 1.354zM7 6l1-1h5l.793.793a.996.996 0 01.159.207H7zm5-2l-.793-.793a1 1 0 00-1.414 0L9 4h3zM6.707 7h7.245a.996.996 0 01-.16.207L13 8H7.707l-1-1zM12 9H8.707l1.646 1.646L12 9z"
+    />
+    <path d="M13.5 13a.5.5 0 100 1h1a.5.5 0 100-1h-1zm-1-1a.5.5 0 100-1 .5.5 0 000 1zm2.5-1.5a.5.5 0 11-1 0 .5.5 0 011 0z" />
+  </svg>
+);
+
+export const icon = EuiIconEraser;
diff --git a/src/components/icon/assets/eraser.svg b/src/components/icon/assets/eraser.svg
new file mode 100755
index 00000000000..634a1cd2062
--- /dev/null
+++ b/src/components/icon/assets/eraser.svg
@@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+  <path fill-rule="evenodd" d="M14.5 5.086a2 2 0 010 2.828L9.414 13H11.5a.5.5 0 110 1H3.414A2 2 0 012 13.414l-.5-.5a2 2 0 010-2.828L9.086 2.5a2 2 0 012.828 0L14.5 5.086zm-6.207 7.621a1 1 0 01-.707.293H3.414a1 1 0 01-.707-.293l-.5-.5a1 1 0 010-1.414l3.44-3.44 4 4-1.354 1.354zM7 6l1-1h5l.793.793a.996.996 0 01.159.207H7zm5-2l-.793-.793a1 1 0 00-1.414 0L9 4h3zM6.707 7h7.245a.996.996 0 01-.16.207L13 8H7.707l-1-1zM12 9H8.707l1.646 1.646L12 9z" />
+  <path d="M13.5 13a.5.5 0 100 1h1a.5.5 0 100-1h-1zm-1-1a.5.5 0 100-1 .5.5 0 000 1zm2.5-1.5a.5.5 0 11-1 0 .5.5 0 011 0z" />
+</svg>
diff --git a/src/components/icon/assets/fullScreenExit.js b/src/components/icon/assets/fullScreenExit.js
new file mode 100644
index 00000000000..7df4e75b7af
--- /dev/null
+++ b/src/components/icon/assets/fullScreenExit.js
@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+const EuiIconFullScreenExit = ({ title, titleId, ...props }) => (
+  <svg
+    width={16}
+    height={16}
+    viewBox="0 0 16 16"
+    xmlns="http://www.w3.org/2000/svg"
+    aria-labelledby={titleId}
+    {...props}>
+    {title ? <title id={titleId}>{title}</title> : null}
+    <path d="M9 7V3h1v3h3v1H9zM7 7H3V6h3V3h1v4zm2 2h4v1h-3v3H9V9zM7 9v4H6v-3H3V9h4zM0 1.994C0 .893.895 0 1.994 0h12.012C15.107 0 16 .895 16 1.994v12.012A1.995 1.995 0 0114.006 16H1.994A1.995 1.995 0 010 14.006V1.994zm1 0v12.012c0 .548.446.994.994.994h12.012a.995.995 0 00.994-.994V1.994A.995.995 0 0014.006 1H1.994A.995.995 0 001 1.994z" />
+  </svg>
+);
+
+export const icon = EuiIconFullScreenExit;
diff --git a/src/components/icon/assets/fullScreenExit.svg b/src/components/icon/assets/fullScreenExit.svg
new file mode 100755
index 00000000000..2b259090d3c
--- /dev/null
+++ b/src/components/icon/assets/fullScreenExit.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+  <path d="M9 7V3h1v3h3v1H9zM7 7H3V6h3V3h1v4zm2 2h4v1h-3v3H9V9zM7 9v4H6v-3H3V9h4zM0 1.994C0 .893.895 0 1.994 0h12.012C15.107 0 16 .895 16 1.994v12.012A1.995 1.995 0 0114.006 16H1.994A1.995 1.995 0 010 14.006V1.994zm1 0v12.012c0 .548.446.994.994.994h12.012a.995.995 0 00.994-.994V1.994A.995.995 0 0014.006 1H1.994A.995.995 0 001 1.994z" />
+</svg>
diff --git a/src/components/icon/assets/function.js b/src/components/icon/assets/function.js
new file mode 100644
index 00000000000..d46ba48692b
--- /dev/null
+++ b/src/components/icon/assets/function.js
@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+const EuiIconFunction = ({ title, titleId, ...props }) => (
+  <svg
+    width={16}
+    height={16}
+    viewBox="0 0 16 16"
+    xmlns="http://www.w3.org/2000/svg"
+    aria-labelledby={titleId}
+    {...props}>
+    {title ? <title id={titleId}>{title}</title> : null}
+    <path d="M13 2.226v2.218c-.359-.143-.845-.218-1.315-.218-1.059 0-1.631.519-1.802 1.565l-.168.937h2.798v2.159H9.41l-.313 1.674C8.696 12.987 7.261 14 4.785 14c-.718 0-1.35-.092-1.785-.251v-2.243c.418.176.905.268 1.383.268 1.008 0 1.546-.435 1.725-1.523l.24-1.364H3.787V6.728h2.812l.288-1.264C7.286 3.071 8.662 2 11.352 2c.598 0 1.306.1 1.648.226z" />
+  </svg>
+);
+
+export const icon = EuiIconFunction;
diff --git a/src/components/icon/assets/function.svg b/src/components/icon/assets/function.svg
new file mode 100755
index 00000000000..fd485ba934f
--- /dev/null
+++ b/src/components/icon/assets/function.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+  <path d="M13 2.226v2.218c-.359-.143-.845-.218-1.315-.218-1.059 0-1.631.519-1.802 1.565l-.168.937h2.798v2.159H9.41l-.313 1.674C8.696 12.987 7.261 14 4.785 14c-.718 0-1.35-.092-1.785-.251v-2.243c.418.176.905.268 1.383.268 1.008 0 1.546-.435 1.725-1.523l.24-1.364H3.787V6.728h2.812l.288-1.264C7.286 3.071 8.662 2 11.352 2c.598 0 1.306.1 1.648.226z" />
+</svg>
diff --git a/src/components/icon/assets/percent.js b/src/components/icon/assets/percent.js
new file mode 100644
index 00000000000..edf2060291d
--- /dev/null
+++ b/src/components/icon/assets/percent.js
@@ -0,0 +1,24 @@
+import * as React from 'react';
+
+const EuiIconPercent = ({ title, titleId, ...props }) => (
+  <svg
+    width={16}
+    height={16}
+    viewBox="0 0 16 16"
+    xmlns="http://www.w3.org/2000/svg"
+    aria-labelledby={titleId}
+    {...props}>
+    {title ? <title id={titleId}>{title}</title> : null}
+    <path
+      fillRule="evenodd"
+      d="M5 8c1.105 0 2-1.12 2-2.5S6.105 3 5 3 3 4.12 3 5.5 3.895 8 5 8zm0-1c.356 0 1-.452 1-1.5S5.356 4 5 4s-1 .452-1 1.5S4.644 7 5 7z"
+    />
+    <path d="M10.5 3H12L5.5 13H4l6.5-10z" />
+    <path
+      fillRule="evenodd"
+      d="M13 10.5c0 1.38-.895 2.5-2 2.5s-2-1.12-2-2.5S9.895 8 11 8s2 1.12 2 2.5zm-1 0c0 1.048-.644 1.5-1 1.5s-1-.452-1-1.5.644-1.5 1-1.5 1 .452 1 1.5z"
+    />
+  </svg>
+);
+
+export const icon = EuiIconPercent;
diff --git a/src/components/icon/assets/percent.svg b/src/components/icon/assets/percent.svg
new file mode 100755
index 00000000000..36b3ad0299a
--- /dev/null
+++ b/src/components/icon/assets/percent.svg
@@ -0,0 +1,5 @@
+<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+  <path fill-rule="evenodd" d="M5 8c1.105 0 2-1.12 2-2.5S6.105 3 5 3 3 4.12 3 5.5 3.895 8 5 8zm0-1c.356 0 1-.452 1-1.5S5.356 4 5 4s-1 .452-1 1.5S4.644 7 5 7z" />
+  <path d="M10.5 3H12L5.5 13H4l6.5-10z" />
+  <path fill-rule="evenodd" d="M13 10.5c0 1.38-.895 2.5-2 2.5s-2-1.12-2-2.5S9.895 8 11 8s2 1.12 2 2.5zm-1 0c0 1.048-.644 1.5-1 1.5s-1-.452-1-1.5.644-1.5 1-1.5 1 .452 1 1.5z" />
+</svg>
diff --git a/src/components/icon/assets/wordWrap.js b/src/components/icon/assets/wordWrap.js
new file mode 100644
index 00000000000..b3ab3de4030
--- /dev/null
+++ b/src/components/icon/assets/wordWrap.js
@@ -0,0 +1,17 @@
+import * as React from 'react';
+
+const EuiIconWordWrap = ({ title, titleId, ...props }) => (
+  <svg
+    width={16}
+    height={16}
+    viewBox="0 0 16 16"
+    xmlns="http://www.w3.org/2000/svg"
+    aria-labelledby={titleId}
+    {...props}>
+    {title ? <title id={titleId}>{title}</title> : null}
+    <path d="M2 3h12v1H2V3zm0 8h6v1H2v-1z" />
+    <path d="M2 7h9.5v.5V7h.039l.083.005a2.958 2.958 0 011.102.298c.309.154.633.394.88.763.248.373.396.847.396 1.434 0 .588-.148 1.061-.396 1.434a2.257 2.257 0 01-.88.763 2.957 2.957 0 01-1.185.302h-.025l-.009.001h-.003s-.002 0-.002-.5v.5H11v1l-2-1.5 2-1.5v1h.506l.044-.003a1.959 1.959 0 00.726-.195c.191-.095.367-.23.495-.423.127-.19.229-.466.229-.879s-.102-.689-.229-.879a1.256 1.256 0 00-.495-.424 1.958 1.958 0 00-.77-.197H2V7z" />
+  </svg>
+);
+
+export const icon = EuiIconWordWrap;
diff --git a/src/components/icon/assets/wordWrap.svg b/src/components/icon/assets/wordWrap.svg
new file mode 100755
index 00000000000..18ac81b2640
--- /dev/null
+++ b/src/components/icon/assets/wordWrap.svg
@@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+  <path d="M2 3h12v1H2V3zm0 8h6v1H2v-1z" />
+  <path d="M2 7h9.5v.5V7h.039l.083.005a2.958 2.958 0 011.102.298c.309.154.633.394.88.763.248.373.396.847.396 1.434 0 .588-.148 1.061-.396 1.434a2.257 2.257 0 01-.88.763 2.957 2.957 0 01-1.185.302h-.025l-.009.001h-.003s-.002 0-.002-.5v.5H11v1l-2-1.5 2-1.5v1h.506l.044-.003a1.959 1.959 0 00.726-.195c.191-.095.367-.23.495-.423.127-.19.229-.466.229-.879s-.102-.689-.229-.879a1.256 1.256 0 00-.495-.424 1.958 1.958 0 00-.77-.197H2V7z" />
+</svg>
diff --git a/src/components/icon/assets/wordWrapDisabled.js b/src/components/icon/assets/wordWrapDisabled.js
new file mode 100644
index 00000000000..b0d238c780e
--- /dev/null
+++ b/src/components/icon/assets/wordWrapDisabled.js
@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+const EuiIconWordWrapDisabled = ({ title, titleId, ...props }) => (
+  <svg
+    width={16}
+    height={16}
+    viewBox="0 0 16 16"
+    xmlns="http://www.w3.org/2000/svg"
+    aria-labelledby={titleId}
+    {...props}>
+    {title ? <title id={titleId}>{title}</title> : null}
+    <path d="M14 3.5L12 2v1H2v1h10v1l2-1.5zM12 9V8H2V7h10V6l2 1.5L12 9zm0 3v1l2-1.5-2-1.5v1H2v1h10z" />
+  </svg>
+);
+
+export const icon = EuiIconWordWrapDisabled;
diff --git a/src/components/icon/assets/wordWrapDisabled.svg b/src/components/icon/assets/wordWrapDisabled.svg
new file mode 100755
index 00000000000..3d2129e22f7
--- /dev/null
+++ b/src/components/icon/assets/wordWrapDisabled.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+  <path d="M14 3.5L12 2v1H2v1h10v1l2-1.5zM12 9V8H2V7h10V6l2 1.5L12 9zm0 3v1l2-1.5-2-1.5v1H2v1h10z" />
+</svg>
diff --git a/src/components/icon/icon.tsx b/src/components/icon/icon.tsx
index 5253ec9a1ab..11df7bfa330 100644
--- a/src/components/icon/icon.tsx
+++ b/src/components/icon/icon.tsx
@@ -76,9 +76,14 @@ const typeToPathMap = {
   cloudDrizzle: 'cloudDrizzle',
   cloudStormy: 'cloudStormy',
   cloudSunny: 'cloudSunny',
+  color: 'color',
   compute: 'compute',
   console: 'console',
   consoleApp: 'app_console',
+  continuityAbove: 'continuityAbove',
+  continuityAboveBelow: 'continuityAboveBelow',
+  continuityBelow: 'continuityBelow',
+  continuityWithin: 'continuityWithin',
   controlsHorizontal: 'controls_horizontal',
   controlsVertical: 'controls_vertical',
   copy: 'copy',
@@ -135,6 +140,7 @@ const typeToPathMap = {
   empty: 'empty',
   emsApp: 'app_ems',
   eql: 'eql',
+  eraser: 'eraser',
   exit: 'exit',
   expand: 'expand',
   expandMini: 'expandMini',
@@ -153,6 +159,8 @@ const typeToPathMap = {
   folderExclamation: 'folder_exclamation',
   folderOpen: 'folder_open',
   fullScreen: 'full_screen',
+  fullScreenExit: 'fullScreenExit',
+  function: 'function',
   gear: 'gear',
   gisApp: 'app_gis',
   glasses: 'glasses',
@@ -295,6 +303,7 @@ const typeToPathMap = {
   paperClip: 'paper_clip',
   pause: 'pause',
   pencil: 'pencil',
+  percent: 'percent',
   pin: 'pin',
   pinFilled: 'pin_filled',
   pipelineApp: 'app_pipeline',
@@ -390,6 +399,8 @@ const typeToPathMap = {
   visVega: 'vis_vega',
   visVisualBuilder: 'vis_visual_builder',
   watchesApp: 'app_watches',
+  wordWrap: 'wordWrap',
+  wordWrapDisabled: 'wordWrapDisabled',
   workplaceSearchApp: 'app_workplace_search',
   wrench: 'wrench',
   // Token Icon Imports

From 9f7e63d727bf72efa9fb5bc3924a4fcf3f29a7d2 Mon Sep 17 00:00:00 2001
From: Michael Marcialis <michael.marcialis@elastic.co>
Date: Tue, 4 May 2021 16:41:59 -0400
Subject: [PATCH 2/6] update snapshots

---
 .../icon/__snapshots__/icon.test.tsx.snap     | 202 ++++++++++++++++++
 1 file changed, 202 insertions(+)

diff --git a/src/components/icon/__snapshots__/icon.test.tsx.snap b/src/components/icon/__snapshots__/icon.test.tsx.snap
index 002e3bbbe54..ae20e955e99 100644
--- a/src/components/icon/__snapshots__/icon.test.tsx.snap
+++ b/src/components/icon/__snapshots__/icon.test.tsx.snap
@@ -1197,6 +1197,23 @@ exports[`EuiIcon props type codeApp is rendered 1`] = `
 </svg>
 `;
 
+exports[`EuiIcon props type color is rendered 1`] = `
+<svg
+  aria-hidden="true"
+  class="euiIcon euiIcon--medium euiIcon-isLoaded"
+  focusable="false"
+  height="16"
+  role="img"
+  viewBox="0 0 16 16"
+  width="16"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M13 11c1.334 1.393 2 2.435 2 3.125C15 15.161 14.105 16 13 16c-1.104 0-2-.84-2-1.875 0-.69.667-1.732 2-3.125zM5.857.15l6.34 6.45.016.02.324.321a1.5 1.5 0 01.11 2.006l-.103.114-4.474 4.513a1.5 1.5 0 01-2.123.008L1.464 9.06a1.5 1.5 0 01.007-2.12l4.472-4.45c.145-.146.313-.254.492-.327L5.144.85a.5.5 0 01.713-.7zm1.496 3.049a.5.5 0 00-.705 0L2.177 7.65a.498.498 0 00-.148.35h9.95a.498.498 0 00-.148-.35L7.353 3.2z"
+  />
+</svg>
+`;
+
 exports[`EuiIcon props type compute is rendered 1`] = `
 <svg
   aria-hidden="true"
@@ -1262,6 +1279,74 @@ exports[`EuiIcon props type consoleApp is rendered 1`] = `
 </svg>
 `;
 
+exports[`EuiIcon props type continuityAbove is rendered 1`] = `
+<svg
+  aria-hidden="true"
+  class="euiIcon euiIcon--medium euiIcon-isLoaded"
+  focusable="false"
+  height="16"
+  role="img"
+  viewBox="0 0 16 16"
+  width="16"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M1.5 3a.5.5 0 00-.5.5v9a.5.5 0 001 0v-9a.5.5 0 00-.5-.5zm3 0a.5.5 0 00-.5.5v9a.5.5 0 001 0V9h6v1.5a.5.5 0 00.82.384l3-2.5a.5.5 0 000-.768l-3-2.5A.5.5 0 0011 5.5V7H5V3.5a.5.5 0 00-.5-.5z"
+  />
+</svg>
+`;
+
+exports[`EuiIcon props type continuityAboveBelow is rendered 1`] = `
+<svg
+  aria-hidden="true"
+  class="euiIcon euiIcon--medium euiIcon-isLoaded"
+  focusable="false"
+  height="16"
+  role="img"
+  viewBox="0 0 16 16"
+  width="16"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M6.5 3a.5.5 0 01.5.5v9a.5.5 0 01-1 0V9H4v1.5a.5.5 0 01-.82.384l-3-2.5a.5.5 0 010-.768l3-2.5A.5.5 0 014 5.5V7h2V3.5a.5.5 0 01.5-.5zm3 0a.5.5 0 00-.5.5v9a.5.5 0 001 0V9h2v1.5a.5.5 0 00.82.384l3-2.5a.5.5 0 000-.768l-3-2.5A.5.5 0 0012 5.5V7h-2V3.5a.5.5 0 00-.5-.5z"
+  />
+</svg>
+`;
+
+exports[`EuiIcon props type continuityBelow is rendered 1`] = `
+<svg
+  aria-hidden="true"
+  class="euiIcon euiIcon--medium euiIcon-isLoaded"
+  focusable="false"
+  height="16"
+  role="img"
+  viewBox="0 0 16 16"
+  width="16"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M11.5 3a.5.5 0 01.5.5v9a.5.5 0 01-1 0V9H5v1.5a.5.5 0 01-.82.384l-3-2.5a.5.5 0 010-.768l3-2.5A.5.5 0 015 5.5V7h6V3.5a.5.5 0 01.5-.5zm3 0a.5.5 0 01.5.5v9a.5.5 0 01-1 0v-9a.5.5 0 01.5-.5z"
+  />
+</svg>
+`;
+
+exports[`EuiIcon props type continuityWithin is rendered 1`] = `
+<svg
+  aria-hidden="true"
+  class="euiIcon euiIcon--medium euiIcon-isLoaded"
+  focusable="false"
+  height="16"
+  role="img"
+  viewBox="0 0 16 16"
+  width="16"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M.5 3a.5.5 0 00-.5.5v9a.5.5 0 001 0v-9A.5.5 0 00.5 3zm14.5.5a.5.5 0 011 0v9a.5.5 0 01-1 0v-9zm-4.712 1.547a.5.5 0 01.532.069l3 2.5a.5.5 0 010 .768l-3 2.5A.5.5 0 0110 10.5V9H6v1.5a.5.5 0 01-.82.384l-3-2.5a.5.5 0 010-.768l3-2.5A.5.5 0 016 5.5V7h4V5.5a.5.5 0 01.288-.453z"
+  />
+</svg>
+`;
+
 exports[`EuiIcon props type controlsHorizontal is rendered 1`] = `
 <svg
   aria-hidden="true"
@@ -2275,6 +2360,27 @@ exports[`EuiIcon props type eql is rendered 1`] = `
 </svg>
 `;
 
+exports[`EuiIcon props type eraser is rendered 1`] = `
+<svg
+  aria-hidden="true"
+  class="euiIcon euiIcon--medium euiIcon-isLoaded"
+  focusable="false"
+  height="16"
+  role="img"
+  viewBox="0 0 16 16"
+  width="16"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M14.5 5.086a2 2 0 010 2.828L9.414 13H11.5a.5.5 0 110 1H3.414A2 2 0 012 13.414l-.5-.5a2 2 0 010-2.828L9.086 2.5a2 2 0 012.828 0L14.5 5.086zm-6.207 7.621a1 1 0 01-.707.293H3.414a1 1 0 01-.707-.293l-.5-.5a1 1 0 010-1.414l3.44-3.44 4 4-1.354 1.354zM7 6l1-1h5l.793.793a.996.996 0 01.159.207H7zm5-2l-.793-.793a1 1 0 00-1.414 0L9 4h3zM6.707 7h7.245a.996.996 0 01-.16.207L13 8H7.707l-1-1zM12 9H8.707l1.646 1.646L12 9z"
+    fill-rule="evenodd"
+  />
+  <path
+    d="M13.5 13a.5.5 0 100 1h1a.5.5 0 100-1h-1zm-1-1a.5.5 0 100-1 .5.5 0 000 1zm2.5-1.5a.5.5 0 11-1 0 .5.5 0 011 0z"
+  />
+</svg>
+`;
+
 exports[`EuiIcon props type exit is rendered 1`] = `
 <svg
   aria-hidden="true"
@@ -2591,6 +2697,40 @@ exports[`EuiIcon props type fullScreen is rendered 1`] = `
 </svg>
 `;
 
+exports[`EuiIcon props type fullScreenExit is rendered 1`] = `
+<svg
+  aria-hidden="true"
+  class="euiIcon euiIcon--medium euiIcon-isLoaded"
+  focusable="false"
+  height="16"
+  role="img"
+  viewBox="0 0 16 16"
+  width="16"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M9 7V3h1v3h3v1H9zM7 7H3V6h3V3h1v4zm2 2h4v1h-3v3H9V9zM7 9v4H6v-3H3V9h4zM0 1.994C0 .893.895 0 1.994 0h12.012C15.107 0 16 .895 16 1.994v12.012A1.995 1.995 0 0114.006 16H1.994A1.995 1.995 0 010 14.006V1.994zm1 0v12.012c0 .548.446.994.994.994h12.012a.995.995 0 00.994-.994V1.994A.995.995 0 0014.006 1H1.994A.995.995 0 001 1.994z"
+  />
+</svg>
+`;
+
+exports[`EuiIcon props type function is rendered 1`] = `
+<svg
+  aria-hidden="true"
+  class="euiIcon euiIcon--medium euiIcon-isLoaded"
+  focusable="false"
+  height="16"
+  role="img"
+  viewBox="0 0 16 16"
+  width="16"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M13 2.226v2.218c-.359-.143-.845-.218-1.315-.218-1.059 0-1.631.519-1.802 1.565l-.168.937h2.798v2.159H9.41l-.313 1.674C8.696 12.987 7.261 14 4.785 14c-.718 0-1.35-.092-1.785-.251v-2.243c.418.176.905.268 1.383.268 1.008 0 1.546-.435 1.725-1.523l.24-1.364H3.787V6.728h2.812l.288-1.264C7.286 3.071 8.662 2 11.352 2c.598 0 1.306.1 1.648.226z"
+  />
+</svg>
+`;
+
 exports[`EuiIcon props type gear is rendered 1`] = `
 <svg
   aria-hidden="true"
@@ -6612,6 +6752,31 @@ exports[`EuiIcon props type pencil is rendered 1`] = `
 </svg>
 `;
 
+exports[`EuiIcon props type percent is rendered 1`] = `
+<svg
+  aria-hidden="true"
+  class="euiIcon euiIcon--medium euiIcon-isLoaded"
+  focusable="false"
+  height="16"
+  role="img"
+  viewBox="0 0 16 16"
+  width="16"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M5 8c1.105 0 2-1.12 2-2.5S6.105 3 5 3 3 4.12 3 5.5 3.895 8 5 8zm0-1c.356 0 1-.452 1-1.5S5.356 4 5 4s-1 .452-1 1.5S4.644 7 5 7z"
+    fill-rule="evenodd"
+  />
+  <path
+    d="M10.5 3H12L5.5 13H4l6.5-10z"
+  />
+  <path
+    d="M13 10.5c0 1.38-.895 2.5-2 2.5s-2-1.12-2-2.5S9.895 8 11 8s2 1.12 2 2.5zm-1 0c0 1.048-.644 1.5-1 1.5s-1-.452-1-1.5.644-1.5 1-1.5 1 .452 1 1.5z"
+    fill-rule="evenodd"
+  />
+</svg>
+`;
+
 exports[`EuiIcon props type pin is rendered 1`] = `
 <svg
   aria-hidden="true"
@@ -9313,6 +9478,43 @@ exports[`EuiIcon props type watchesApp is rendered 1`] = `
 </svg>
 `;
 
+exports[`EuiIcon props type wordWrap is rendered 1`] = `
+<svg
+  aria-hidden="true"
+  class="euiIcon euiIcon--medium euiIcon-isLoaded"
+  focusable="false"
+  height="16"
+  role="img"
+  viewBox="0 0 16 16"
+  width="16"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M2 3h12v1H2V3zm0 8h6v1H2v-1z"
+  />
+  <path
+    d="M2 7h9.5v.5V7h.039l.083.005a2.958 2.958 0 011.102.298c.309.154.633.394.88.763.248.373.396.847.396 1.434 0 .588-.148 1.061-.396 1.434a2.257 2.257 0 01-.88.763 2.957 2.957 0 01-1.185.302h-.025l-.009.001h-.003s-.002 0-.002-.5v.5H11v1l-2-1.5 2-1.5v1h.506l.044-.003a1.959 1.959 0 00.726-.195c.191-.095.367-.23.495-.423.127-.19.229-.466.229-.879s-.102-.689-.229-.879a1.256 1.256 0 00-.495-.424 1.958 1.958 0 00-.77-.197H2V7z"
+  />
+</svg>
+`;
+
+exports[`EuiIcon props type wordWrapDisabled is rendered 1`] = `
+<svg
+  aria-hidden="true"
+  class="euiIcon euiIcon--medium euiIcon-isLoaded"
+  focusable="false"
+  height="16"
+  role="img"
+  viewBox="0 0 16 16"
+  width="16"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M14 3.5L12 2v1H2v1h10v1l2-1.5zM12 9V8H2V7h10V6l2 1.5L12 9zm0 3v1l2-1.5-2-1.5v1H2v1h10z"
+  />
+</svg>
+`;
+
 exports[`EuiIcon props type workplaceSearchApp is rendered 1`] = `
 <svg
   aria-hidden="true"

From 70afc2ec81aab5ce5b310e8807358b38cc9c6d05 Mon Sep 17 00:00:00 2001
From: Michael Marcialis <michael.marcialis@elastic.co>
Date: Tue, 4 May 2021 17:01:22 -0400
Subject: [PATCH 3/6] added PR link to changelog

---
 CHANGELOG.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 95935a75fe7..3fa7094c2e2 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -6,7 +6,7 @@
 - Added `iconProps` prop to `EuiListGroupItem` ([#4760](https://github.com/elastic/eui/pull/4760))
 - Added `i18ntokens.json` to published package ([#4771](https://github.com/elastic/eui/pull/4771))
 - Replaced `highlight.js` with `prism.js`/`refractor` for code syntax highlighting in `EuiCodeBlock` ([#4638](https://github.com/elastic/eui/pull/4638))
-- Added `color`, `continuityAbove`, `continuityAboveBelow`, `continuityBelow`, `continuityWithin`, `eraser`, `fullScreenExit`, `function`, `percent`, `wordWrap`, and `wordWrapDisabled` glyphs to `EuiIcon`
+- Added `color`, `continuityAbove`, `continuityAboveBelow`, `continuityBelow`, `continuityWithin`, `eraser`, `fullScreenExit`, `function`, `percent`, `wordWrap`, and `wordWrapDisabled` glyphs to `EuiIcon` ([#4779](https://github.com/elastic/eui/pull/4779))
 
 **Bug fixes**
 

From d749887ab45037b6869a5b80dae394e6c0428829 Mon Sep 17 00:00:00 2001
From: Michael Marcialis <michael.marcialis@elastic.co>
Date: Wed, 5 May 2021 10:02:58 -0400
Subject: [PATCH 4/6] shift eraser icon right 1px

---
 src/components/icon/assets/eraser.js  | 7 ++-----
 src/components/icon/assets/eraser.svg | 4 ++--
 2 files changed, 4 insertions(+), 7 deletions(-)

diff --git a/src/components/icon/assets/eraser.js b/src/components/icon/assets/eraser.js
index 9114ec7581c..40fa5e353c5 100644
--- a/src/components/icon/assets/eraser.js
+++ b/src/components/icon/assets/eraser.js
@@ -9,11 +9,8 @@ const EuiIconEraser = ({ title, titleId, ...props }) => (
     aria-labelledby={titleId}
     {...props}>
     {title ? <title id={titleId}>{title}</title> : null}
-    <path
-      fillRule="evenodd"
-      d="M14.5 5.086a2 2 0 010 2.828L9.414 13H11.5a.5.5 0 110 1H3.414A2 2 0 012 13.414l-.5-.5a2 2 0 010-2.828L9.086 2.5a2 2 0 012.828 0L14.5 5.086zm-6.207 7.621a1 1 0 01-.707.293H3.414a1 1 0 01-.707-.293l-.5-.5a1 1 0 010-1.414l3.44-3.44 4 4-1.354 1.354zM7 6l1-1h5l.793.793a.996.996 0 01.159.207H7zm5-2l-.793-.793a1 1 0 00-1.414 0L9 4h3zM6.707 7h7.245a.996.996 0 01-.16.207L13 8H7.707l-1-1zM12 9H8.707l1.646 1.646L12 9z"
-    />
-    <path d="M13.5 13a.5.5 0 100 1h1a.5.5 0 100-1h-1zm-1-1a.5.5 0 100-1 .5.5 0 000 1zm2.5-1.5a.5.5 0 11-1 0 .5.5 0 011 0z" />
+    <path d="M2.648 9.937l7.29-7.288a2.21 2.21 0 013.124 0l2.29 2.288a2.21 2.21 0 010 3.126L10.413 13H12.5a.5.5 0 010 1H4.501a2.21 2.21 0 01-1.563-.647l.707-.707c.227.226.535.354.856.354h4.005a1.21 1.21 0 00.848-.354l1.292-1.293-4-4-3.29 3.291a1.21 1.21 0 000 1.712l.29.29-.708.707-.29-.29a2.21 2.21 0 010-3.126zM8 6h6.89a1.208 1.208 0 00-.246-.356L14 5H9L8 6zm2-2h3l-.645-.644a1.21 1.21 0 00-1.71 0L10 4zm4.89 3H7.708l1 1H14l.644-.644A1.22 1.22 0 0014.891 7zM9.708 9l1.646 1.646L13 9H9.707z" />
+    <path d="M14 11.5a.5.5 0 11-1 0 .5.5 0 011 0zm1.5-.5a.5.5 0 100-1 .5.5 0 000 1zm-1 2a.5.5 0 000 1h1a.5.5 0 000-1h-1z" />
   </svg>
 );
 
diff --git a/src/components/icon/assets/eraser.svg b/src/components/icon/assets/eraser.svg
index 634a1cd2062..ab39c240cfb 100755
--- a/src/components/icon/assets/eraser.svg
+++ b/src/components/icon/assets/eraser.svg
@@ -1,4 +1,4 @@
 <svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M14.5 5.086a2 2 0 010 2.828L9.414 13H11.5a.5.5 0 110 1H3.414A2 2 0 012 13.414l-.5-.5a2 2 0 010-2.828L9.086 2.5a2 2 0 012.828 0L14.5 5.086zm-6.207 7.621a1 1 0 01-.707.293H3.414a1 1 0 01-.707-.293l-.5-.5a1 1 0 010-1.414l3.44-3.44 4 4-1.354 1.354zM7 6l1-1h5l.793.793a.996.996 0 01.159.207H7zm5-2l-.793-.793a1 1 0 00-1.414 0L9 4h3zM6.707 7h7.245a.996.996 0 01-.16.207L13 8H7.707l-1-1zM12 9H8.707l1.646 1.646L12 9z" />
-  <path d="M13.5 13a.5.5 0 100 1h1a.5.5 0 100-1h-1zm-1-1a.5.5 0 100-1 .5.5 0 000 1zm2.5-1.5a.5.5 0 11-1 0 .5.5 0 011 0z" />
+  <path d="M2.648 9.937l7.29-7.288a2.21 2.21 0 013.124 0l2.29 2.288a2.21 2.21 0 010 3.126L10.413 13H12.5a.5.5 0 010 1H4.501a2.21 2.21 0 01-1.563-.647l.707-.707c.227.226.535.354.856.354h4.005a1.21 1.21 0 00.848-.354l1.292-1.293-4-4-3.29 3.291a1.21 1.21 0 000 1.712l.29.29-.708.707-.29-.29a2.21 2.21 0 010-3.126zM8 6h6.89a1.208 1.208 0 00-.246-.356L14 5H9L8 6zm2-2h3l-.645-.644a1.21 1.21 0 00-1.71 0L10 4zm4.89 3H7.708l1 1H14l.644-.644A1.22 1.22 0 0014.891 7zM9.708 9l1.646 1.646L13 9H9.707z" />
+  <path d="M14 11.5a.5.5 0 11-1 0 .5.5 0 011 0zm1.5-.5a.5.5 0 100-1 .5.5 0 000 1zm-1 2a.5.5 0 000 1h1a.5.5 0 000-1h-1z" />
 </svg>

From b66bba6f77ad1937235885e7793c774aeefc56b8 Mon Sep 17 00:00:00 2001
From: Michael Marcialis <michael.marcialis@elastic.co>
Date: Wed, 5 May 2021 10:03:20 -0400
Subject: [PATCH 5/6] update snapshots

---
 src/components/icon/__snapshots__/icon.test.tsx.snap | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/components/icon/__snapshots__/icon.test.tsx.snap b/src/components/icon/__snapshots__/icon.test.tsx.snap
index ae20e955e99..d45b363ee0d 100644
--- a/src/components/icon/__snapshots__/icon.test.tsx.snap
+++ b/src/components/icon/__snapshots__/icon.test.tsx.snap
@@ -2372,11 +2372,10 @@ exports[`EuiIcon props type eraser is rendered 1`] = `
   xmlns="http://www.w3.org/2000/svg"
 >
   <path
-    d="M14.5 5.086a2 2 0 010 2.828L9.414 13H11.5a.5.5 0 110 1H3.414A2 2 0 012 13.414l-.5-.5a2 2 0 010-2.828L9.086 2.5a2 2 0 012.828 0L14.5 5.086zm-6.207 7.621a1 1 0 01-.707.293H3.414a1 1 0 01-.707-.293l-.5-.5a1 1 0 010-1.414l3.44-3.44 4 4-1.354 1.354zM7 6l1-1h5l.793.793a.996.996 0 01.159.207H7zm5-2l-.793-.793a1 1 0 00-1.414 0L9 4h3zM6.707 7h7.245a.996.996 0 01-.16.207L13 8H7.707l-1-1zM12 9H8.707l1.646 1.646L12 9z"
-    fill-rule="evenodd"
+    d="M2.648 9.937l7.29-7.288a2.21 2.21 0 013.124 0l2.29 2.288a2.21 2.21 0 010 3.126L10.413 13H12.5a.5.5 0 010 1H4.501a2.21 2.21 0 01-1.563-.647l.707-.707c.227.226.535.354.856.354h4.005a1.21 1.21 0 00.848-.354l1.292-1.293-4-4-3.29 3.291a1.21 1.21 0 000 1.712l.29.29-.708.707-.29-.29a2.21 2.21 0 010-3.126zM8 6h6.89a1.208 1.208 0 00-.246-.356L14 5H9L8 6zm2-2h3l-.645-.644a1.21 1.21 0 00-1.71 0L10 4zm4.89 3H7.708l1 1H14l.644-.644A1.22 1.22 0 0014.891 7zM9.708 9l1.646 1.646L13 9H9.707z"
   />
   <path
-    d="M13.5 13a.5.5 0 100 1h1a.5.5 0 100-1h-1zm-1-1a.5.5 0 100-1 .5.5 0 000 1zm2.5-1.5a.5.5 0 11-1 0 .5.5 0 011 0z"
+    d="M14 11.5a.5.5 0 11-1 0 .5.5 0 011 0zm1.5-.5a.5.5 0 100-1 .5.5 0 000 1zm-1 2a.5.5 0 000 1h1a.5.5 0 000-1h-1z"
   />
 </svg>
 `;

From e0befe64bb614c9c7a8639cf3b47e59eaae4141f Mon Sep 17 00:00:00 2001
From: Michael Marcialis <michael.marcialis@elastic.co>
Date: Wed, 5 May 2021 10:05:25 -0400
Subject: [PATCH 6/6] update changelog

---
 CHANGELOG.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index d968edad522..c0a3412daf0 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,6 +1,7 @@
 ## [`master`](https://github.com/elastic/eui/tree/master)
 
 - Added `textTransform` property to `schemaDetectors` prop of `EuiDataGrid`([#4752](https://github.com/elastic/eui/pull/4752))
+- Added `color`, `continuityAbove`, `continuityAboveBelow`, `continuityBelow`, `continuityWithin`, `eraser`, `fullScreenExit`, `function`, `percent`, `wordWrap`, and `wordWrapDisabled` glyphs to `EuiIcon` ([#4779](https://github.com/elastic/eui/pull/4779))
 
 ## [`33.0.0`](https://github.com/elastic/eui/tree/v33.0.0)
 
@@ -10,7 +11,6 @@
 - Added `iconProps` prop to `EuiListGroupItem` ([#4760](https://github.com/elastic/eui/pull/4760))
 - Added `i18ntokens.json` to published package ([#4771](https://github.com/elastic/eui/pull/4771))
 - Replaced `highlight.js` with `prism.js`/`refractor` for code syntax highlighting in `EuiCodeBlock` ([#4638](https://github.com/elastic/eui/pull/4638))
-- Added `color`, `continuityAbove`, `continuityAboveBelow`, `continuityBelow`, `continuityWithin`, `eraser`, `fullScreenExit`, `function`, `percent`, `wordWrap`, and `wordWrapDisabled` glyphs to `EuiIcon` ([#4779](https://github.com/elastic/eui/pull/4779))
 
 **Bug fixes**