Add magnifyWithMinus and magnifyWithPlus (aka zoom) icons (#2056)

* add zoom in and out icons

* smaller magnifying glass, no subpxls

CHANGELOG.md

@@ -1,6 +1,7 @@
 ## [`master`](https://github.com/elastic/eui/tree/master)
 
 - Changed `EuiNavDrawerFlyout` title from `h5` to `div` ([#2040](https://github.com/elastic/eui/pull/2040))
+- Added `magnifyWithMinus` and `magnifyWithPlus` glyphs to `EuiIcon` ([2056](https://github.com/elastic/eui/pull/2056))
 
 **Bug fixes**
 

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

@@ -122,6 +122,8 @@ const iconTypes = [
   'logstashInput',
   'logstashOutput',
   'logstashQueue',
+  'magnifyWithMinus',
+  'magnifyWithPlus',
   'magnet',
   'mapMarker',
   'memory',

src/components/icon/__snapshots__/icon.test.tsx.snap

@@ -4752,6 +4752,36 @@ exports[`EuiIcon props type magnet is rendered 1`] = `
 </svg>
 `;
 
+exports[`EuiIcon props type magnifyWithMinus is rendered 1`] = `
+<svg
+  class="euiIcon euiIcon--medium euiIcon-isLoaded"
+  focusable="false"
+  height="16"
+  viewBox="0 0 16 16"
+  width="16"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M9.5 6a.5.5 0 0 1 0 1h-6a.5.5 0 0 1 0-1h6zm.74 4.74c0-.117.04-.225.107-.31A5.478 5.478 0 0 0 12 6.5 5.5 5.5 0 1 0 6.5 12a.5.5 0 1 1 0 1 6.5 6.5 0 1 1 4.936-2.27l4.419 4.418a.5.5 0 0 1-.707.707l-4.768-4.768a.499.499 0 0 1-.14-.347z"
+  />
+</svg>
+`;
+
+exports[`EuiIcon props type magnifyWithPlus is rendered 1`] = `
+<svg
+  class="euiIcon euiIcon--medium euiIcon-isLoaded"
+  focusable="false"
+  height="16"
+  viewBox="0 0 16 16"
+  width="16"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M7 6h2.5a.5.5 0 0 1 0 1H7v2.5a.5.5 0 0 1-1 0V7H3.5a.5.5 0 0 1 0-1H6V3.5a.5.5 0 0 1 1 0V6zm3.24 4.74c0-.117.04-.225.107-.31A5.478 5.478 0 0 0 12 6.5 5.5 5.5 0 1 0 6.5 12a.5.5 0 1 1 0 1 6.5 6.5 0 1 1 4.936-2.27l4.419 4.418a.5.5 0 0 1-.707.707l-4.768-4.768a.499.499 0 0 1-.14-.347z"
+  />
+</svg>
+`;
+
 exports[`EuiIcon props type managementApp is rendered 1`] = `
 <svg
   class="euiIcon euiIcon--medium euiIcon--app euiIcon-isLoaded"

src/components/icon/assets/magnifyWithMinus.js

@@ -0,0 +1,14 @@
+import React from 'react';
+
+const EuiIconMagnifyWithMinus = props => (
+  <svg
+    width={16}
+    height={16}
+    viewBox="0 0 16 16"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}>
+    <path d="M9.5 6a.5.5 0 0 1 0 1h-6a.5.5 0 0 1 0-1h6zm.74 4.74c0-.117.04-.225.107-.31A5.478 5.478 0 0 0 12 6.5 5.5 5.5 0 1 0 6.5 12a.5.5 0 1 1 0 1 6.5 6.5 0 1 1 4.936-2.27l4.419 4.418a.5.5 0 0 1-.707.707l-4.768-4.768a.499.499 0 0 1-.14-.347z" />
+  </svg>
+);
+
+export const icon = EuiIconMagnifyWithMinus;

src/components/icon/assets/magnifyWithPlus.js

@@ -0,0 +1,14 @@
+import React from 'react';
+
+const EuiIconMagnifyWithPlus = props => (
+  <svg
+    width={16}
+    height={16}
+    viewBox="0 0 16 16"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}>
+    <path d="M7 6h2.5a.5.5 0 0 1 0 1H7v2.5a.5.5 0 0 1-1 0V7H3.5a.5.5 0 0 1 0-1H6V3.5a.5.5 0 0 1 1 0V6zm3.24 4.74c0-.117.04-.225.107-.31A5.478 5.478 0 0 0 12 6.5 5.5 5.5 0 1 0 6.5 12a.5.5 0 1 1 0 1 6.5 6.5 0 1 1 4.936-2.27l4.419 4.418a.5.5 0 0 1-.707.707l-4.768-4.768a.499.499 0 0 1-.14-.347z" />
+  </svg>
+);
+
+export const icon = EuiIconMagnifyWithPlus;

src/components/icon/icon.tsx

@@ -198,6 +198,8 @@ const typeToPathMap = {
   logstashQueue: 'logstash_queue',
   machineLearningApp: 'app_ml',
   magnet: 'magnet',
+  magnifyWithMinus: 'magnifyWithMinus',
+  magnifyWithPlus: 'magnifyWithPlus',
   managementApp: 'app_management',
   mapMarker: 'map_marker',
   memory: 'memory',