From d001aea19a1003b574eb9739b23d4a43175512b1 Mon Sep 17 00:00:00 2001
From: Ryan Keairns <contactryank@gmail.com>
Date: Tue, 18 Jun 2019 16:24:44 -0500
Subject: [PATCH 1/2] add zoom in and out icons

---
 CHANGELOG.md                                  |  1 +
 src-docs/src/views/icon/icons.js              |  2 ++
 .../icon/__snapshots__/icon.test.tsx.snap     | 30 +++++++++++++++++++
 .../icon/assets/magnifyWithMinus.js           | 14 +++++++++
 .../icon/assets/magnifyWithMinus.svg          |  3 ++
 src/components/icon/assets/magnifyWithPlus.js | 14 +++++++++
 .../icon/assets/magnifyWithPlus.svg           |  3 ++
 src/components/icon/icon.tsx                  |  2 ++
 8 files changed, 69 insertions(+)
 create mode 100644 src/components/icon/assets/magnifyWithMinus.js
 create mode 100644 src/components/icon/assets/magnifyWithMinus.svg
 create mode 100644 src/components/icon/assets/magnifyWithPlus.js
 create mode 100644 src/components/icon/assets/magnifyWithPlus.svg

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 91264f0b3e3..b3cab0d4df9 100644
--- a/CHANGELOG.md
+++ b/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**
 
diff --git a/src-docs/src/views/icon/icons.js b/src-docs/src/views/icon/icons.js
index fb567f8dc06..960b1eac6eb 100644
--- a/src-docs/src/views/icon/icons.js
+++ b/src-docs/src/views/icon/icons.js
@@ -122,6 +122,8 @@ const iconTypes = [
   'logstashInput',
   'logstashOutput',
   'logstashQueue',
+  'magnifyWithMinus',
+  'magnifyWithPlus',
   'magnet',
   'mapMarker',
   'memory',
diff --git a/src/components/icon/__snapshots__/icon.test.tsx.snap b/src/components/icon/__snapshots__/icon.test.tsx.snap
index 33271e7d2f4..e36409fdf27 100644
--- a/src/components/icon/__snapshots__/icon.test.tsx.snap
+++ b/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"
diff --git a/src/components/icon/assets/magnifyWithMinus.js b/src/components/icon/assets/magnifyWithMinus.js
new file mode 100644
index 00000000000..3db502e0d98
--- /dev/null
+++ b/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;
diff --git a/src/components/icon/assets/magnifyWithMinus.svg b/src/components/icon/assets/magnifyWithMinus.svg
new file mode 100644
index 00000000000..3ab09c5aa8f
--- /dev/null
+++ b/src/components/icon/assets/magnifyWithMinus.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+  <path d="M11.2709852,11.9779932 C11.2592787,11.9682002 11.2479153,11.9577858 11.2369386,11.94675 C11.0419873,11.75175 11.0419873,11.43475 11.2369386,11.23975 C13.5753535,8.89975 13.5753535,5.09375 11.2369386,2.75375 C8.89552438,0.41475 5.09047639,0.41375 2.7530612,2.75375 C0.414646258,5.09375 0.414646258,8.89975 2.7530612,11.23975 C3.88677755,12.37275 5.39240085,12.99675 6.99499989,12.99675 C7.27093085,12.99675 7.49487482,13.22075 7.49487482,13.49675 C7.49487482,13.77275 7.27093085,13.99675 6.99499989,13.99675 C5.12646738,13.99675 3.36890712,13.26875 2.04623804,11.94675 C-0.682079347,9.21775 -0.682079347,4.77575 2.04623804,2.04675 C4.77355568,-0.68225 9.21444459,-0.68225 11.9437617,2.04675 C14.5527289,4.65636993 14.6668581,8.83239759 12.2861494,11.5790625 L15.85075,15.14275 C16.04575,15.33875 16.04575,15.65475 15.85075,15.85075 C15.75275,15.94775 15.62475,15.99675 15.49675,15.99675 C15.36875,15.99675 15.24075,15.94775 15.14275,15.85075 L11.2709852,11.9779932 L11.2709852,11.9779932 Z M10.5,6.5 C10.7761424,6.5 11,6.72385763 11,7 C11,7.27614237 10.7761424,7.5 10.5,7.5 L3.5,7.5 C3.22385763,7.5 3,7.27614237 3,7 C3,6.72385763 3.22385763,6.5 3.5,6.5 L10.5,6.5 Z"/>
+</svg>
diff --git a/src/components/icon/assets/magnifyWithPlus.js b/src/components/icon/assets/magnifyWithPlus.js
new file mode 100644
index 00000000000..6b5a86d93e0
--- /dev/null
+++ b/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;
diff --git a/src/components/icon/assets/magnifyWithPlus.svg b/src/components/icon/assets/magnifyWithPlus.svg
new file mode 100644
index 00000000000..d4eef38b0fc
--- /dev/null
+++ b/src/components/icon/assets/magnifyWithPlus.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+  <path d="M11.2709852,11.9779932 C11.2592787,11.9682002 11.2479153,11.9577858 11.2369386,11.94675 C11.0419873,11.75175 11.0419873,11.43475 11.2369386,11.23975 C13.5753535,8.89975 13.5753535,5.09375 11.2369386,2.75375 C8.89552438,0.41475 5.09047639,0.41375 2.7530612,2.75375 C0.414646258,5.09375 0.414646258,8.89975 2.7530612,11.23975 C3.88677755,12.37275 5.39240085,12.99675 6.99499989,12.99675 C7.27093085,12.99675 7.49487482,13.22075 7.49487482,13.49675 C7.49487482,13.77275 7.27093085,13.99675 6.99499989,13.99675 C5.12646738,13.99675 3.36890712,13.26875 2.04623804,11.94675 C-0.682079347,9.21775 -0.682079347,4.77575 2.04623804,2.04675 C4.77355568,-0.68225 9.21444459,-0.68225 11.9437617,2.04675 C14.5527289,4.65636993 14.6668581,8.83239759 12.2861494,11.5790625 L15.85075,15.14275 C16.04575,15.33875 16.04575,15.65475 15.85075,15.85075 C15.75275,15.94775 15.62475,15.99675 15.49675,15.99675 C15.36875,15.99675 15.24075,15.94775 15.14275,15.85075 L11.2709852,11.9779932 L11.2709852,11.9779932 Z M7.5,6.5 L10.5,6.5 C10.7761424,6.5 11,6.72385763 11,7 C11,7.27614237 10.7761424,7.5 10.5,7.5 L7.5,7.5 L7.5,10.5 C7.5,10.7761424 7.27614237,11 7,11 C6.72385763,11 6.5,10.7761424 6.5,10.5 L6.5,7.5 L3.5,7.5 C3.22385763,7.5 3,7.27614237 3,7 C3,6.72385763 3.22385763,6.5 3.5,6.5 L6.5,6.5 L6.5,3.5 C6.5,3.22385763 6.72385763,3 7,3 C7.27614237,3 7.5,3.22385763 7.5,3.5 L7.5,6.5 Z"/>
+</svg>
diff --git a/src/components/icon/icon.tsx b/src/components/icon/icon.tsx
index 3ca3a1def28..bb3240c0900 100644
--- a/src/components/icon/icon.tsx
+++ b/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',

From d96f0497a152be95bde5f3688f50da7f5426703c Mon Sep 17 00:00:00 2001
From: Ryan Keairns <contactryank@gmail.com>
Date: Tue, 18 Jun 2019 20:59:49 -0500
Subject: [PATCH 2/2] smaller magnifying glass, no subpxls

---
 src/components/icon/__snapshots__/icon.test.tsx.snap | 4 ++--
 src/components/icon/assets/magnifyWithMinus.js       | 2 +-
 src/components/icon/assets/magnifyWithMinus.svg      | 2 +-
 src/components/icon/assets/magnifyWithPlus.js        | 2 +-
 src/components/icon/assets/magnifyWithPlus.svg       | 2 +-
 5 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/components/icon/__snapshots__/icon.test.tsx.snap b/src/components/icon/__snapshots__/icon.test.tsx.snap
index e36409fdf27..349c9f55881 100644
--- a/src/components/icon/__snapshots__/icon.test.tsx.snap
+++ b/src/components/icon/__snapshots__/icon.test.tsx.snap
@@ -4762,7 +4762,7 @@ exports[`EuiIcon props type magnifyWithMinus is rendered 1`] = `
   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"
+    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>
 `;
@@ -4777,7 +4777,7 @@ exports[`EuiIcon props type magnifyWithPlus is rendered 1`] = `
   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"
+    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>
 `;
diff --git a/src/components/icon/assets/magnifyWithMinus.js b/src/components/icon/assets/magnifyWithMinus.js
index 3db502e0d98..2187a62802a 100644
--- a/src/components/icon/assets/magnifyWithMinus.js
+++ b/src/components/icon/assets/magnifyWithMinus.js
@@ -7,7 +7,7 @@ const EuiIconMagnifyWithMinus = props => (
     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" />
+    <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>
 );
 
diff --git a/src/components/icon/assets/magnifyWithMinus.svg b/src/components/icon/assets/magnifyWithMinus.svg
index 3ab09c5aa8f..9e90302ea5e 100644
--- a/src/components/icon/assets/magnifyWithMinus.svg
+++ b/src/components/icon/assets/magnifyWithMinus.svg
@@ -1,3 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
-  <path d="M11.2709852,11.9779932 C11.2592787,11.9682002 11.2479153,11.9577858 11.2369386,11.94675 C11.0419873,11.75175 11.0419873,11.43475 11.2369386,11.23975 C13.5753535,8.89975 13.5753535,5.09375 11.2369386,2.75375 C8.89552438,0.41475 5.09047639,0.41375 2.7530612,2.75375 C0.414646258,5.09375 0.414646258,8.89975 2.7530612,11.23975 C3.88677755,12.37275 5.39240085,12.99675 6.99499989,12.99675 C7.27093085,12.99675 7.49487482,13.22075 7.49487482,13.49675 C7.49487482,13.77275 7.27093085,13.99675 6.99499989,13.99675 C5.12646738,13.99675 3.36890712,13.26875 2.04623804,11.94675 C-0.682079347,9.21775 -0.682079347,4.77575 2.04623804,2.04675 C4.77355568,-0.68225 9.21444459,-0.68225 11.9437617,2.04675 C14.5527289,4.65636993 14.6668581,8.83239759 12.2861494,11.5790625 L15.85075,15.14275 C16.04575,15.33875 16.04575,15.65475 15.85075,15.85075 C15.75275,15.94775 15.62475,15.99675 15.49675,15.99675 C15.36875,15.99675 15.24075,15.94775 15.14275,15.85075 L11.2709852,11.9779932 L11.2709852,11.9779932 Z M10.5,6.5 C10.7761424,6.5 11,6.72385763 11,7 C11,7.27614237 10.7761424,7.5 10.5,7.5 L3.5,7.5 C3.22385763,7.5 3,7.27614237 3,7 C3,6.72385763 3.22385763,6.5 3.5,6.5 L10.5,6.5 Z"/>
+  <path d="M9.5,6 C9.77614237,6 10,6.22385763 10,6.5 C10,6.77614237 9.77614237,7 9.5,7 L3.5,7 C3.22385763,7 3,6.77614237 3,6.5 C3,6.22385763 3.22385763,6 3.5,6 L9.5,6 Z M10.24,10.74 C10.24,10.6230419 10.2801575,10.515463 10.3474366,10.4302994 C10.480619,10.2999074 10.6072008,10.1628013 10.7266349,10.0195281 C11.5216883,9.06578116 12,7.83874843 12,6.5 C12,3.46243388 9.53756612,1 6.5,1 C3.46243388,1 1,3.46243388 1,6.5 C1,9.53756612 3.46243388,12 6.5,12 C6.77614237,12 7,12.2238576 7,12.5 C7,12.7761424 6.77614237,13 6.5,13 C2.91014913,13 1.77635684e-15,10.0898509 1.77635684e-15,6.5 C1.77635684e-15,2.91014913 2.91014913,3.37507799e-14 6.5,3.37507799e-14 C10.0898509,3.37507799e-14 13,2.91014913 13,6.5 C13,8.11494771 12.4110487,9.59233848 11.4362127,10.7291059 L15.8546212,15.1475144 C16.0498833,15.3427766 16.0498833,15.6593591 15.8546212,15.8546212 C15.6593591,16.0498833 15.3427766,16.0498833 15.1475144,15.8546212 L10.38,11.0871068 C10.2933137,10.9970713 10.24,10.8747617 10.24,10.74 Z"/>
 </svg>
diff --git a/src/components/icon/assets/magnifyWithPlus.js b/src/components/icon/assets/magnifyWithPlus.js
index 6b5a86d93e0..aef8740b3c6 100644
--- a/src/components/icon/assets/magnifyWithPlus.js
+++ b/src/components/icon/assets/magnifyWithPlus.js
@@ -7,7 +7,7 @@ const EuiIconMagnifyWithPlus = props => (
     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" />
+    <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>
 );
 
diff --git a/src/components/icon/assets/magnifyWithPlus.svg b/src/components/icon/assets/magnifyWithPlus.svg
index d4eef38b0fc..c2c21fdd8f4 100644
--- a/src/components/icon/assets/magnifyWithPlus.svg
+++ b/src/components/icon/assets/magnifyWithPlus.svg
@@ -1,3 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
-  <path d="M11.2709852,11.9779932 C11.2592787,11.9682002 11.2479153,11.9577858 11.2369386,11.94675 C11.0419873,11.75175 11.0419873,11.43475 11.2369386,11.23975 C13.5753535,8.89975 13.5753535,5.09375 11.2369386,2.75375 C8.89552438,0.41475 5.09047639,0.41375 2.7530612,2.75375 C0.414646258,5.09375 0.414646258,8.89975 2.7530612,11.23975 C3.88677755,12.37275 5.39240085,12.99675 6.99499989,12.99675 C7.27093085,12.99675 7.49487482,13.22075 7.49487482,13.49675 C7.49487482,13.77275 7.27093085,13.99675 6.99499989,13.99675 C5.12646738,13.99675 3.36890712,13.26875 2.04623804,11.94675 C-0.682079347,9.21775 -0.682079347,4.77575 2.04623804,2.04675 C4.77355568,-0.68225 9.21444459,-0.68225 11.9437617,2.04675 C14.5527289,4.65636993 14.6668581,8.83239759 12.2861494,11.5790625 L15.85075,15.14275 C16.04575,15.33875 16.04575,15.65475 15.85075,15.85075 C15.75275,15.94775 15.62475,15.99675 15.49675,15.99675 C15.36875,15.99675 15.24075,15.94775 15.14275,15.85075 L11.2709852,11.9779932 L11.2709852,11.9779932 Z M7.5,6.5 L10.5,6.5 C10.7761424,6.5 11,6.72385763 11,7 C11,7.27614237 10.7761424,7.5 10.5,7.5 L7.5,7.5 L7.5,10.5 C7.5,10.7761424 7.27614237,11 7,11 C6.72385763,11 6.5,10.7761424 6.5,10.5 L6.5,7.5 L3.5,7.5 C3.22385763,7.5 3,7.27614237 3,7 C3,6.72385763 3.22385763,6.5 3.5,6.5 L6.5,6.5 L6.5,3.5 C6.5,3.22385763 6.72385763,3 7,3 C7.27614237,3 7.5,3.22385763 7.5,3.5 L7.5,6.5 Z"/>
+  <path d="M7,6 L9.5,6 C9.77614237,6 10,6.22385763 10,6.5 C10,6.77614237 9.77614237,7 9.5,7 L7,7 L7,9.5 C7,9.77614237 6.77614237,10 6.5,10 C6.22385763,10 6,9.77614237 6,9.5 L6,7 L3.5,7 C3.22385763,7 3,6.77614237 3,6.5 C3,6.22385763 3.22385763,6 3.5,6 L6,6 L6,3.5 C6,3.22385763 6.22385763,3 6.5,3 C6.77614237,3 7,3.22385763 7,3.5 L7,6 Z M10.24,10.74 C10.24,10.6230419 10.2801575,10.515463 10.3474366,10.4302994 C10.480619,10.2999074 10.6072008,10.1628013 10.7266349,10.0195281 C11.5216883,9.06578116 12,7.83874843 12,6.5 C12,3.46243388 9.53756612,1 6.5,1 C3.46243388,1 1,3.46243388 1,6.5 C1,9.53756612 3.46243388,12 6.5,12 C6.77614237,12 7,12.2238576 7,12.5 C7,12.7761424 6.77614237,13 6.5,13 C2.91014913,13 1.77635684e-15,10.0898509 1.77635684e-15,6.5 C1.77635684e-15,2.91014913 2.91014913,3.37507799e-14 6.5,3.37507799e-14 C10.0898509,3.37507799e-14 13,2.91014913 13,6.5 C13,8.11494771 12.4110487,9.59233848 11.4362127,10.7291059 L15.8546212,15.1475144 C16.0498833,15.3427766 16.0498833,15.6593591 15.8546212,15.8546212 C15.6593591,16.0498833 15.3427766,16.0498833 15.1475144,15.8546212 L10.38,11.0871068 C10.2933137,10.9970713 10.24,10.8747617 10.24,10.74 Z"/>
 </svg>