Add paper clip glyph to EuiIcon (#2845)

* Adding paper clip glyph to EuiIcon * Adding changelog
elastic · Feb 12, 2020 · fb7c17a · fb7c17a
1 parent 7ba5fd6
commit fb7c17a
Show file tree

Hide file tree

Showing 6 changed files with 39 additions and 0 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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
diff --git 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',