add zoom in and out icons

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="M11.271 11.978a.5.5 0 0 1-.034-.738 6.01 6.01 0 0 0 0-8.486c-2.341-2.34-6.147-2.34-8.484 0a6.01 6.01 0 0 0 0 8.486 5.96 5.96 0 0 0 4.242 1.757.5.5 0 0 1 0 1 6.955 6.955 0 0 1-4.949-2.05c-2.728-2.73-2.728-7.171 0-9.9 2.728-2.73 7.168-2.73 9.898 0 2.609 2.61 2.723 6.785.342 9.532l3.565 3.564a.502.502 0 0 1-.708.708l-3.872-3.873zM10.5 6.5a.5.5 0 1 1 0 1h-7a.5.5 0 0 1 0-1h7z"
+  />
+</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="M11.271 11.978a.5.5 0 0 1-.034-.738 6.01 6.01 0 0 0 0-8.486c-2.341-2.34-6.147-2.34-8.484 0a6.01 6.01 0 0 0 0 8.486 5.96 5.96 0 0 0 4.242 1.757.5.5 0 0 1 0 1 6.955 6.955 0 0 1-4.949-2.05c-2.728-2.73-2.728-7.171 0-9.9 2.728-2.73 7.168-2.73 9.898 0 2.609 2.61 2.723 6.785.342 9.532l3.565 3.564a.502.502 0 0 1-.708.708l-3.872-3.873zM7.5 6.5h3a.5.5 0 1 1 0 1h-3v3a.5.5 0 1 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0v3z"
+  />
+</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="M11.271 11.978a.5.5 0 0 1-.034-.738 6.01 6.01 0 0 0 0-8.486c-2.341-2.34-6.147-2.34-8.484 0a6.01 6.01 0 0 0 0 8.486 5.96 5.96 0 0 0 4.242 1.757.5.5 0 0 1 0 1 6.955 6.955 0 0 1-4.949-2.05c-2.728-2.73-2.728-7.171 0-9.9 2.728-2.73 7.168-2.73 9.898 0 2.609 2.61 2.723 6.785.342 9.532l3.565 3.564a.502.502 0 0 1-.708.708l-3.872-3.873zM10.5 6.5a.5.5 0 1 1 0 1h-7a.5.5 0 0 1 0-1h7z" />
+  </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="M11.271 11.978a.5.5 0 0 1-.034-.738 6.01 6.01 0 0 0 0-8.486c-2.341-2.34-6.147-2.34-8.484 0a6.01 6.01 0 0 0 0 8.486 5.96 5.96 0 0 0 4.242 1.757.5.5 0 0 1 0 1 6.955 6.955 0 0 1-4.949-2.05c-2.728-2.73-2.728-7.171 0-9.9 2.728-2.73 7.168-2.73 9.898 0 2.609 2.61 2.723 6.785.342 9.532l3.565 3.564a.502.502 0 0 1-.708.708l-3.872-3.873zM7.5 6.5h3a.5.5 0 1 1 0 1h-3v3a.5.5 0 1 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0v3z" />
+  </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',