Add paper clip glyph to EuiIcon (elastic#2845)

* Adding paper clip glyph to EuiIcon

* Adding changelog

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))
 - Added `banner` prop to `EuiFlyoutBody` and updated `euiOverflowShadow` mixin ([#2837](https://github.com/elastic/eui/pull/2837))
 
 ## [`19.0.0`](https://github.com/elastic/eui/tree/v19.0.0)

src-docs/src/views/icon/icons.js

@@ -140,6 +140,7 @@ export const iconTypes = [
   'package',
   'pageSelect',
   'pagesSelect',
+  'paperClip',
   'partial',
   'pause',
   'pencil',

src/components/flyout/flyout_body.tsx

@@ -6,7 +6,7 @@ export type EuiFlyoutBodyProps = FunctionComponent<
   HTMLAttributes<HTMLDivElement> &
     CommonProps & {
       /**
-       * Use to display a banner at the top of the body. It is suggested to use a `EuiCallOut` for it.
+       * Use to display a banner at the top of the body. It is suggested to use `EuiCallOut` for it.
        */
       banner?: ReactNode;
     }

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"

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;

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',