From 9e17bcffa14938057b96684ec008edb7223595cb Mon Sep 17 00:00:00 2001
From: Elizabet Oliveira <elizabet.oliveira@gmail.com>
Date: Thu, 23 Apr 2020 12:19:39 +0100
Subject: [PATCH] Add download glyph to EuiIcon (#3364)

* Adding download glyph to  EuiIcon

* Updating changelog with PR number

* Improving icon

* Updating test
---
 CHANGELOG.md                                  |  1 +
 src-docs/src/views/icon/icons.js              |  1 +
 .../icon/__snapshots__/icon.test.tsx.snap     | 20 +++++++++++++++++++
 src/components/icon/assets/download.js        | 17 ++++++++++++++++
 src/components/icon/assets/download.svg       |  4 ++++
 src/components/icon/icon.tsx                  |  1 +
 6 files changed, 44 insertions(+)
 create mode 100644 src/components/icon/assets/download.js
 create mode 100644 src/components/icon/assets/download.svg

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 3fe44f20591..6760a15f7a1 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,6 @@
 ## [`master`](https://github.com/elastic/eui/tree/master)
 
+- Added `download` glyph to `EuiIcon` ([#3364](https://github.com/elastic/eui/pull/3364))
 - Applies `max-width: 100%` to `EuiPageBody` so inner flex-based items don't overflow their containers  ([#3375](https://github.com/elastic/eui/pull/3375))
 
 ## [`23.1.0`](https://github.com/elastic/eui/tree/v23.1.0)
diff --git a/src-docs/src/views/icon/icons.js b/src-docs/src/views/icon/icons.js
index d8f76852a32..09d4ad6f288 100644
--- a/src-docs/src/views/icon/icons.js
+++ b/src-docs/src/views/icon/icons.js
@@ -67,6 +67,7 @@ export const iconTypes = [
   'documentEdit',
   'documents',
   'dot',
+  'download',
   'email',
   'empty',
   'exit',
diff --git a/src/components/icon/__snapshots__/icon.test.tsx.snap b/src/components/icon/__snapshots__/icon.test.tsx.snap
index 8433d64f031..3b25b3ade22 100644
--- a/src/components/icon/__snapshots__/icon.test.tsx.snap
+++ b/src/components/icon/__snapshots__/icon.test.tsx.snap
@@ -1628,6 +1628,26 @@ exports[`EuiIcon props type dot is rendered 1`] = `
 </svg>
 `;
 
+exports[`EuiIcon props type download 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 9.114l1.85-1.943a.52.52 0 01.77 0c.214.228.214.6 0 .829l-1.95 2.05a1.552 1.552 0 01-2.31 0L5.41 8a.617.617 0 010-.829.52.52 0 01.77 0L8 9.082V.556C8 .249 8.224 0 8.5 0s.5.249.5.556v8.558z"
+  />
+  <path
+    d="M16 13.006V10h-1v3.006a.995.995 0 01-.994.994H3.01a.995.995 0 01-.994-.994V10h-1v3.006c0 1.1.892 1.994 1.994 1.994h10.996c1.1 0 1.994-.893 1.994-1.994z"
+  />
+</svg>
+`;
+
 exports[`EuiIcon props type editorAlignCenter is rendered 1`] = `
 <svg
   aria-hidden="true"
diff --git a/src/components/icon/assets/download.js b/src/components/icon/assets/download.js
new file mode 100644
index 00000000000..54084c47da2
--- /dev/null
+++ b/src/components/icon/assets/download.js
@@ -0,0 +1,17 @@
+import React from 'react';
+
+const EuiIconDownload = ({ 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 9.114l1.85-1.943a.52.52 0 01.77 0c.214.228.214.6 0 .829l-1.95 2.05a1.552 1.552 0 01-2.31 0L5.41 8a.617.617 0 010-.829.52.52 0 01.77 0L8 9.082V.556C8 .249 8.224 0 8.5 0s.5.249.5.556v8.558z" />
+    <path d="M16 13.006V10h-1v3.006a.995.995 0 01-.994.994H3.01a.995.995 0 01-.994-.994V10h-1v3.006c0 1.1.892 1.994 1.994 1.994h10.996c1.1 0 1.994-.893 1.994-1.994z" />
+  </svg>
+);
+
+export const icon = EuiIconDownload;
diff --git a/src/components/icon/assets/download.svg b/src/components/icon/assets/download.svg
new file mode 100644
index 00000000000..ebcae09c6ef
--- /dev/null
+++ b/src/components/icon/assets/download.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+  <path d="M9 9.114l1.85-1.943a.52.52 0 01.77 0c.214.228.214.6 0 .829l-1.95 2.05a1.552 1.552 0 01-2.31 0L5.41 8a.617.617 0 010-.829.52.52 0 01.77 0L8 9.082V.556C8 .249 8.224 0 8.5 0s.5.249.5.556v8.558z"/>
+  <path d="M16 13.006V10h-1v3.006a.995.995 0 01-.994.994H3.01a.995.995 0 01-.994-.994V10h-1v3.006c0 1.1.892 1.994 1.994 1.994h10.996c1.1 0 1.994-.893 1.994-1.994z"/>
+</svg>
\ No newline at end of file
diff --git a/src/components/icon/icon.tsx b/src/components/icon/icon.tsx
index fe6e88f79c9..7d14664bcd4 100644
--- a/src/components/icon/icon.tsx
+++ b/src/components/icon/icon.tsx
@@ -100,6 +100,7 @@ const typeToPathMap = {
   documentEdit: 'documentEdit',
   documents: 'documents',
   dot: 'dot',
+  download: 'download',
   editorAlignCenter: 'editor_align_center',
   editorAlignLeft: 'editor_align_left',
   editorAlignRight: 'editor_align_right',