From fb7c17a441220897019408837c10209488a9e47e Mon Sep 17 00:00:00 2001
From: Elizabet Oliveira <elizabet.oliveira@gmail.com>
Date: Wed, 12 Feb 2020 16:29:55 +0000
Subject: [PATCH] Add paper clip glyph to EuiIcon (#2845)

* Adding paper clip glyph to EuiIcon

* Adding changelog
---
 CHANGELOG.md                                    |  1 +
 src-docs/src/views/icon/icons.js                |  1 +
 .../icon/__snapshots__/icon.test.tsx.snap       | 17 +++++++++++++++++
 src/components/icon/assets/paper_clip.js        | 16 ++++++++++++++++
 src/components/icon/assets/paper_clip.svg       |  3 +++
 src/components/icon/icon.tsx                    |  1 +
 6 files changed, 39 insertions(+)
 create mode 100644 src/components/icon/assets/paper_clip.js
 create mode 100644 src/components/icon/assets/paper_clip.svg

diff --git a/CHANGELOG.md b/CHANGELOG.md
index baf6c159505..d53545e7685 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -2,6 +2,7 @@
 
 - Converted `EuiFilePicker` to TypeScript ([#2832](https://github.com/elastic/eui/issues/2832))
 - Exported `EuiSelectOptionProps` type ([#2830](https://github.com/elastic/eui/pull/2830))
+- Added `paperClip` glyph to `EuiIcon` ([#2845](https://github.com/elastic/eui/pull/2845))
 
 ## [`19.0.0`](https://github.com/elastic/eui/tree/v19.0.0)
 
diff --git a/src-docs/src/views/icon/icons.js b/src-docs/src/views/icon/icons.js
index 95ef52b5774..0fd96a71060 100644
--- a/src-docs/src/views/icon/icons.js
+++ b/src-docs/src/views/icon/icons.js
@@ -140,6 +140,7 @@ export const iconTypes = [
   'package',
   'pageSelect',
   'pagesSelect',
+  'paperClip',
   'partial',
   'pause',
   'pencil',
diff --git a/src/components/icon/__snapshots__/icon.test.tsx.snap b/src/components/icon/__snapshots__/icon.test.tsx.snap
index c750569d0f4..6675b379a64 100644
--- a/src/components/icon/__snapshots__/icon.test.tsx.snap
+++ b/src/components/icon/__snapshots__/icon.test.tsx.snap
@@ -6136,6 +6136,23 @@ exports[`EuiIcon props type pagesSelect is rendered 1`] = `
 </svg>
 `;
 
+exports[`EuiIcon props type paperClip 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.84 2.019L3.046 8.57c-.987.952-1.133 2.517-.199 3.516.951 1.021 2.58 1.106 3.64.19.034-.03.068-.061.1-.092l5.655-5.452a.484.484 0 000-.703.53.53 0 00-.729 0L5.92 11.421c-.572.551-1.505.657-2.131.163a1.455 1.455 0 01-.118-2.211l6.899-6.651a2.646 2.646 0 013.644 0 2.422 2.422 0 010 3.513L7.3 12.901c-1.333 1.285-3.497 1.493-4.95.336-1.54-1.22-1.764-3.411-.5-4.897a3.33 3.33 0 01.238-.252l5.78-5.572a.484.484 0 000-.703.53.53 0 00-.73 0l-5.78 5.572a4.36 4.36 0 000 6.324c2.188 2.109 5.202 1.31 6.66-.095l6.925-6.676a3.39 3.39 0 000-4.92C13.534.66 11.25.66 9.841 2.019z"
+  />
+</svg>
+`;
+
 exports[`EuiIcon props type partial is rendered 1`] = `
 <svg
   aria-hidden="true"
diff --git a/src/components/icon/assets/paper_clip.js b/src/components/icon/assets/paper_clip.js
new file mode 100644
index 00000000000..21cf37ba9af
--- /dev/null
+++ b/src/components/icon/assets/paper_clip.js
@@ -0,0 +1,16 @@
+import React from 'react';
+
+const EuiIconPaperClip = ({ 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.84 2.019L3.046 8.57c-.987.952-1.133 2.517-.199 3.516.951 1.021 2.58 1.106 3.64.19.034-.03.068-.061.1-.092l5.655-5.452a.484.484 0 000-.703.53.53 0 00-.729 0L5.92 11.421c-.572.551-1.505.657-2.131.163a1.455 1.455 0 01-.118-2.211l6.899-6.651a2.646 2.646 0 013.644 0 2.422 2.422 0 010 3.513L7.3 12.901c-1.333 1.285-3.497 1.493-4.95.336-1.54-1.22-1.764-3.411-.5-4.897a3.33 3.33 0 01.238-.252l5.78-5.572a.484.484 0 000-.703.53.53 0 00-.73 0l-5.78 5.572a4.36 4.36 0 000 6.324c2.188 2.109 5.202 1.31 6.66-.095l6.925-6.676a3.39 3.39 0 000-4.92C13.534.66 11.25.66 9.841 2.019z" />
+  </svg>
+);
+
+export const icon = EuiIconPaperClip;
diff --git a/src/components/icon/assets/paper_clip.svg b/src/components/icon/assets/paper_clip.svg
new file mode 100644
index 00000000000..8cc0d868001
--- /dev/null
+++ b/src/components/icon/assets/paper_clip.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.84 2.019L3.046 8.57c-.987.952-1.133 2.517-.199 3.516.951 1.021 2.58 1.106 3.64.19.034-.03.068-.061.1-.092l5.655-5.452a.484.484 0 000-.703.53.53 0 00-.729 0L5.92 11.421c-.572.551-1.505.657-2.131.163a1.455 1.455 0 01-.118-2.211l6.899-6.651a2.646 2.646 0 013.644 0 2.422 2.422 0 010 3.513L7.3 12.901c-1.333 1.285-3.497 1.493-4.95.336-1.54-1.22-1.764-3.411-.5-4.897.075-.088.154-.172.238-.252l5.78-5.572a.484.484 0 000-.703.53.53 0 00-.73 0l-5.78 5.572a4.36 4.36 0 000 6.324c2.188 2.109 5.202 1.31 6.66-.095l6.925-6.676a3.39 3.39 0 000-4.92C13.534.66 11.25.66 9.841 2.019z"/>
+</svg>
\ No newline at end of file
diff --git a/src/components/icon/icon.tsx b/src/components/icon/icon.tsx
index e3f398625ca..ffb2102ef5f 100644
--- a/src/components/icon/icon.tsx
+++ b/src/components/icon/icon.tsx
@@ -258,6 +258,7 @@ const typeToPathMap = {
   pageSelect: 'pageSelect',
   pagesSelect: 'pagesSelect',
   partial: 'partial',
+  paperClip: 'paper_clip',
   pause: 'pause',
   pencil: 'pencil',
   pin: 'pin',