From 09301c29563fa5aeec37299ed7a034f174e81b82 Mon Sep 17 00:00:00 2001
From: Caroline Horn <549577+cchaos@users.noreply.github.com>
Date: Fri, 25 May 2018 17:16:08 -0400
Subject: [PATCH] Added & fixed some icons (#881)

---
 CHANGELOG.md                                  |  2 +-
 src-docs/src/views/icon/icons.js              |  2 +
 .../icon/__snapshots__/icon.test.js.snap      | 93 ++++++++++++-------
 .../icon/assets/minus_in_circle.svg           |  4 +-
 src/components/icon/assets/node.svg           |  2 +-
 src/components/icon/assets/offline.svg        |  3 +
 src/components/icon/assets/online.svg         |  3 +
 src/components/icon/assets/shard.svg          |  2 +-
 src/components/icon/assets/stats.svg          |  2 +-
 src/components/icon/icon.js                   |  4 +
 10 files changed, 77 insertions(+), 40 deletions(-)
 create mode 100644 src/components/icon/assets/offline.svg
 create mode 100644 src/components/icon/assets/online.svg

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 76947c9f4e7..b22ef047ba2 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -6,7 +6,7 @@ No public changes since 0.0.50
 
 - Created `EuiToggle`, `EuiButtonToggle`, and `EuiButtonGroup` ([#872](https://github.com/elastic/eui/pull/872))
 - `EuiBasicTable` and `EuiInMemoryTable` now accept `rowProps` and `cellProps` callbacks,
-which let you apply custom props to rows and props ([#869](https://github.com/elastic/eui/pull/869))
+- Added `offine` and `online` icons ([#881](https://github.com/elastic/eui/pull/881))
 
 **Breaking changes**
 
diff --git a/src-docs/src/views/icon/icons.js b/src-docs/src/views/icon/icons.js
index 657b9dc5cb7..81ee27e9940 100644
--- a/src-docs/src/views/icon/icons.js
+++ b/src-docs/src/views/icon/icons.js
@@ -94,6 +94,8 @@ const iconTypes = [
   'minusInCircle',
   'node',
   'number',
+  'offline',
+  'online',
   'pause',
   'pencil',
   'pin',
diff --git a/src/components/icon/__snapshots__/icon.test.js.snap b/src/components/icon/__snapshots__/icon.test.js.snap
index 4e8153d40b9..c3c81696d24 100644
--- a/src/components/icon/__snapshots__/icon.test.js.snap
+++ b/src/components/icon/__snapshots__/icon.test.js.snap
@@ -2490,7 +2490,7 @@ exports[`EuiIcon renders type logoElastic 1`] = `
 </svg>
 `;
 
-exports[`EuiIcon renders type logoElasticsearch 1`] = `
+exports[`EuiIcon renders type logoElasticStack 1`] = `
 <svg
   class="euiIcon euiIcon--medium"
   height="32"
@@ -2500,38 +2500,30 @@ exports[`EuiIcon renders type logoElasticsearch 1`] = `
 >
   <g
     fill="none"
+    fill-rule="evenodd"
   >
     <path
-      d="M23.04 11.2h-8.36c.04.2.12.4.16.56.28.96.44 1.96.52 3 .04.4.04.84.04 1.24s0 .84-.04 1.24c-.08 1.04-.24 2.04-.52 3-.04.2-.12.4-.16.56h8.36c2.64 0 4.76-2.16 4.76-4.8 0-2.64-2.12-4.8-4.76-4.8z"
-      fill="#00A9E5"
+      d="M.395 3.64A3.137 3.137 0 0 1 3.533.501h24.94a3.137 3.137 0 0 1 3.138 3.137v6.237H.395V3.64z"
+      fill="#EF5098"
     />
     <path
-      d="M15.36 17.24c.04-.4.04-.84.04-1.24s0-.84-.04-1.24c-.08-1.04-.24-2.04-.52-3-.04-.2-.12-.4-.16-.56H1.72C1.24 12.72 1 14.32 1 16c0 1.68.24 3.28.72 4.8h12.92c.04-.2.12-.4.16-.56.28-.96.48-1.96.56-3z"
-      fill="#353535"
+      d="M.395 22.356h14.82v9.362H3.515a3.137 3.137 0 0 1-3.138-3.056l.02-6.306z"
+      fill="#14A8E0"
     />
     <path
-      d="M24.48 22.4h-10.4c-.32.72-.68 1.4-1.08 2.04-.6 1-1.32 1.88-2.12 2.72-.28.28-.56.52-.84.8-.56.52-1.2.96-1.84 1.4A15.83 15.83 0 0 0 17 32c5.56 0 10.44-2.84 13.32-7.12a8.158 8.158 0 0 0-5.84-2.48z"
-      fill="#00BFB3"
+      d="M16.778 22.356h14.82v6.237a3.137 3.137 0 0 1-3.137 3.137H16.778v-9.374z"
+      fill="#FDD10D"
     />
     <path
-      d="M13 24.44c.4-.64.76-1.32 1.08-2.04H2.32c1.24 2.84 3.28 5.28 5.88 6.96.64-.44 1.24-.88 1.84-1.4.28-.24.56-.52.84-.8.76-.8 1.48-1.72 2.12-2.72z"
-      fill="#019B8F"
+      d="M.395 11.438h31.197V20.8H.395z"
+      fill="#20BBB1"
+      fill-rule="nonzero"
     />
-    <g>
-      <path
-        d="M10.84 4.84c-.28-.28-.56-.52-.84-.8-.56-.52-1.2-.96-1.84-1.4C5.64 4.32 3.6 6.76 2.32 9.6h11.72c-.32-.72-.68-1.4-1.08-2.04-.6-1-1.32-1.92-2.12-2.72z"
-        fill="#F9B110"
-      />
-      <path
-        d="M17 0c-3.24 0-6.28.96-8.8 2.64.64.44 1.24.88 1.84 1.4.28.24.56.52.84.8.8.84 1.52 1.72 2.12 2.72.4.64.76 1.32 1.08 2.04h10.4c2.28 0 4.36-.96 5.84-2.48C27.44 2.84 22.56 0 17 0z"
-        fill="#FED10A"
-      />
-    </g>
   </g>
 </svg>
 `;
 
-exports[`EuiIcon renders type logoElasticStack 1`] = `
+exports[`EuiIcon renders type logoElasticsearch 1`] = `
 <svg
   class="euiIcon euiIcon--medium"
   height="32"
@@ -2541,25 +2533,33 @@ exports[`EuiIcon renders type logoElasticStack 1`] = `
 >
   <g
     fill="none"
-    fill-rule="evenodd"
   >
     <path
-      d="M.395 3.64A3.137 3.137 0 0 1 3.533.501h24.94a3.137 3.137 0 0 1 3.138 3.137v6.237H.395V3.64z"
-      fill="#EF5098"
+      d="M23.04 11.2h-8.36c.04.2.12.4.16.56.28.96.44 1.96.52 3 .04.4.04.84.04 1.24s0 .84-.04 1.24c-.08 1.04-.24 2.04-.52 3-.04.2-.12.4-.16.56h8.36c2.64 0 4.76-2.16 4.76-4.8 0-2.64-2.12-4.8-4.76-4.8z"
+      fill="#00A9E5"
     />
     <path
-      d="M.395 22.356h14.82v9.362H3.515a3.137 3.137 0 0 1-3.138-3.056l.02-6.306z"
-      fill="#14A8E0"
+      d="M15.36 17.24c.04-.4.04-.84.04-1.24s0-.84-.04-1.24c-.08-1.04-.24-2.04-.52-3-.04-.2-.12-.4-.16-.56H1.72C1.24 12.72 1 14.32 1 16c0 1.68.24 3.28.72 4.8h12.92c.04-.2.12-.4.16-.56.28-.96.48-1.96.56-3z"
+      fill="#353535"
     />
     <path
-      d="M16.778 22.356h14.82v6.237a3.137 3.137 0 0 1-3.137 3.137H16.778v-9.374z"
-      fill="#FDD10D"
+      d="M24.48 22.4h-10.4c-.32.72-.68 1.4-1.08 2.04-.6 1-1.32 1.88-2.12 2.72-.28.28-.56.52-.84.8-.56.52-1.2.96-1.84 1.4A15.83 15.83 0 0 0 17 32c5.56 0 10.44-2.84 13.32-7.12a8.158 8.158 0 0 0-5.84-2.48z"
+      fill="#00BFB3"
     />
     <path
-      d="M.395 11.438h31.197V20.8H.395z"
-      fill="#20BBB1"
-      fill-rule="nonzero"
+      d="M13 24.44c.4-.64.76-1.32 1.08-2.04H2.32c1.24 2.84 3.28 5.28 5.88 6.96.64-.44 1.24-.88 1.84-1.4.28-.24.56-.52.84-.8.76-.8 1.48-1.72 2.12-2.72z"
+      fill="#019B8F"
     />
+    <g>
+      <path
+        d="M10.84 4.84c-.28-.28-.56-.52-.84-.8-.56-.52-1.2-.96-1.84-1.4C5.64 4.32 3.6 6.76 2.32 9.6h11.72c-.32-.72-.68-1.4-1.08-2.04-.6-1-1.32-1.92-2.12-2.72z"
+        fill="#F9B110"
+      />
+      <path
+        d="M17 0c-3.24 0-6.28.96-8.8 2.64.64.44 1.24.88 1.84 1.4.28.24.56.52.84.8.8.84 1.52 1.72 2.12 2.72.4.64.76 1.32 1.08 2.04h10.4c2.28 0 4.36-.96 5.84-2.48C27.44 2.84 22.56 0 17 0z"
+        fill="#FED10A"
+      />
+    </g>
   </g>
 </svg>
 `;
@@ -3113,7 +3113,7 @@ exports[`EuiIcon renders type minusInCircle 1`] = `
   xmlns="http://www.w3.org/2000/svg"
 >
   <path
-    d="M7.5 14a6.5 6.5 0 1 0 0-13 6.5 6.5 0 0 0 0 13zm0 1a7.5 7.5 0 1 1 0-15 7.5 7.5 0 0 1 0 15zm-4-8h8a.5.5 0 1 1 0 1h-8a.5.5 0 0 1 0-1z"
+    d="M4 8h7V7H4v1zm3.5-8C11.636 0 15 3.364 15 7.5S11.636 15 7.5 15 0 11.636 0 7.5 3.364 0 7.5 0zm0 .882a6.618 6.618 0 1 0 0 13.236A6.618 6.618 0 0 0 7.5.882z"
   />
 </svg>
 `;
@@ -3155,7 +3155,6 @@ exports[`EuiIcon renders type node 1`] = `
 >
   <path
     d="M8.5 1.443a1 1 0 0 0-1 0L2.572 4.29a1 1 0 0 0-.5.866v5.69a1 1 0 0 0 .5.866L7.5 14.557a1 1 0 0 0 1 0l4.928-2.846a1 1 0 0 0 .5-.866v-5.69a1 1 0 0 0-.5-.866L8.5 1.443zM9 .577l4.928 2.846a2 2 0 0 1 1 1.732v5.69a2 2 0 0 1-1 1.732L9 15.423a2 2 0 0 1-2 0l-4.928-2.846a2 2 0 0 1-1-1.732v-5.69a2 2 0 0 1 1-1.732L7 .577a2 2 0 0 1 2 0z"
-    fill="#13252D"
   />
 </svg>
 `;
@@ -3175,6 +3174,34 @@ exports[`EuiIcon renders type number 1`] = `
 </svg>
 `;
 
+exports[`EuiIcon renders type offline 1`] = `
+<svg
+  class="euiIcon euiIcon--medium"
+  height="16"
+  viewBox="0 0 16 16"
+  width="16"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M6.384 12.405l1.5-1.5a1.62 1.62 0 1 1-1.5 1.5zm3.01-3.01l.744-.744c.386.213.74.485 1.051.808a.5.5 0 0 1-.721.693 3.422 3.422 0 0 0-1.075-.757zm2.053-2.054l.72-.719c.372.264.722.565 1.042.899a.5.5 0 1 1-.721.692 6.253 6.253 0 0 0-1.04-.872zm-4.753-.904A6.2 6.2 0 0 0 3.54 8.185a.5.5 0 0 1-.717-.697A7.198 7.198 0 0 1 7.83 5.302L6.694 6.437zm6.76-1.102l.713-.713c.374.293.73.613 1.062.96a.5.5 0 0 1-.721.692 9.086 9.086 0 0 0-1.054-.94zm-3.948-1.71A9.08 9.08 0 0 0 8 3.5a8.99 8.99 0 0 0-6.469 2.734.5.5 0 1 1-.717-.697A9.99 9.99 0 0 1 8 2.5c.804 0 1.593.095 2.353.278l-.847.847zM8 13.14a.62.62 0 1 0 0-1.24.62.62 0 0 0 0 1.24zm-6.146 1.714a.5.5 0 0 1-.708-.708l13-13a.5.5 0 0 1 .708.708l-13 13z"
+  />
+</svg>
+`;
+
+exports[`EuiIcon renders type online 1`] = `
+<svg
+  class="euiIcon euiIcon--medium"
+  height="16"
+  viewBox="0 0 16 16"
+  width="16"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M8 14.14a1.62 1.62 0 1 1 0-3.24 1.62 1.62 0 0 1 0 3.24zm0-1a.62.62 0 1 0 0-1.24.62.62 0 0 0 0 1.24zm3.189-3.68a.5.5 0 0 1-.721.692A3.408 3.408 0 0 0 8 9.1c-.937 0-1.813.378-2.453 1.037a.5.5 0 0 1-.717-.697A4.408 4.408 0 0 1 8 8.1c1.22 0 2.361.497 3.189 1.36zm2.02-1.94a.5.5 0 1 1-.721.693A6.2 6.2 0 0 0 8 6.3a6.199 6.199 0 0 0-4.46 1.885.5.5 0 0 1-.718-.697A7.199 7.199 0 0 1 8 5.3a7.2 7.2 0 0 1 5.21 2.22zm2.02-1.938a.5.5 0 0 1-.721.692A8.99 8.99 0 0 0 8 3.5a8.99 8.99 0 0 0-6.469 2.734.5.5 0 1 1-.717-.697A9.99 9.99 0 0 1 8 2.5a9.99 9.99 0 0 1 7.23 3.082z"
+  />
+</svg>
+`;
+
 exports[`EuiIcon renders type pause 1`] = `
 <svg
   class="euiIcon euiIcon--medium"
@@ -3540,7 +3567,6 @@ exports[`EuiIcon renders type shard 1`] = `
 >
   <path
     d="M5.134 7.031L8 12.764l2.866-5.733L8 2.016 5.134 7.03zM8 0l4 7-4 8-4-8 4-7z"
-    fill="#13252D"
   />
 </svg>
 `;
@@ -3678,7 +3704,6 @@ exports[`EuiIcon renders type stats 1`] = `
 >
   <path
     d="M8 14v-4h1v4h5V5h1v9a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1v-2h1v2h6zm4.853-10.146l-2.999 3a1.5 1.5 0 0 1-2.538 1.568l-2.714.904L4 9.527a1.5 1.5 0 1 1-.316-.948L7 7.473a1.5 1.5 0 0 1 2.146-1.327l3-3a1.5 1.5 0 1 1 .707.707z"
-    fill="#3F3F3F"
     fill-rule="evenodd"
   />
 </svg>
diff --git a/src/components/icon/assets/minus_in_circle.svg b/src/components/icon/assets/minus_in_circle.svg
index fd2689836c9..98280dcb7d7 100644
--- a/src/components/icon/assets/minus_in_circle.svg
+++ b/src/components/icon/assets/minus_in_circle.svg
@@ -1,3 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
-  <path d="M7.5,14 C11.0898509,14 14,11.0898509 14,7.5 C14,3.91014913 11.0898509,1 7.5,1 C3.91014913,1 1,3.91014913 1,7.5 C1,11.0898509 3.91014913,14 7.5,14 Z M7.5,15 C3.35786438,15 0,11.6421356 0,7.5 C0,3.35786438 3.35786438,0 7.5,0 C11.6421356,0 15,3.35786438 15,7.5 C15,11.6421356 11.6421356,15 7.5,15 Z M3.5,7 L11.5,7 L11.5,7 C11.7761424,7 12,7.22385763 12,7.5 L12,7.5 L12,7.5 C12,7.77614237 11.7761424,8 11.5,8 L3.5,8 L3.5,8 C3.22385763,8 3,7.77614237 3,7.5 L3,7.5 L3,7.5 C3,7.22385763 3.22385763,7 3.5,7 Z"/>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16">
+  <path d="M4,8 L11,8 L11,7 L4,7 L4,8 Z M7.5,0 C11.6355882,0 15,3.36441176 15,7.5 C15,11.6355882 11.6355882,15 7.5,15 C3.36441176,15 0,11.6355882 0,7.5 C0,3.36441176 3.36441176,0 7.5,0 Z M7.5,0.882352941 C3.84529412,0.882352941 0.882352941,3.84529412 0.882352941,7.5 C0.882352941,11.1547059 3.84529412,14.1176471 7.5,14.1176471 C11.1547059,14.1176471 14.1176471,11.1547059 14.1176471,7.5 C14.1176471,3.84529412 11.1547059,0.882352941 7.5,0.882352941 Z"/>
 </svg>
diff --git a/src/components/icon/assets/node.svg b/src/components/icon/assets/node.svg
index 841d805c67e..b63c03d96e3 100644
--- a/src/components/icon/assets/node.svg
+++ b/src/components/icon/assets/node.svg
@@ -1,3 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
-  <path fill="#13252D" d="M8.5,1.44337567 C8.19059892,1.26474288 7.80940108,1.26474288 7.5,1.44337567 L2.57179677,4.28867513 C2.26239569,4.46730793 2.07179677,4.79743495 2.07179677,5.15470054 L2.07179677,10.8452995 C2.07179677,11.2025651 2.26239569,11.5326921 2.57179677,11.7113249 L7.5,14.5566243 C7.80940108,14.7352571 8.19059892,14.7352571 8.5,14.5566243 L13.4282032,11.7113249 C13.7376043,11.5326921 13.9282032,11.2025651 13.9282032,10.8452995 L13.9282032,5.15470054 C13.9282032,4.79743495 13.7376043,4.46730793 13.4282032,4.28867513 L8.5,1.44337567 Z M9,0.577350269 L13.9282032,3.42264973 C14.5470054,3.77991532 14.9282032,4.44016936 14.9282032,5.15470054 L14.9282032,10.8452995 C14.9282032,11.5598306 14.5470054,12.2200847 13.9282032,12.5773503 L9,15.4226497 C8.38119785,15.7799153 7.61880215,15.7799153 7,15.4226497 L2.07179677,12.5773503 C1.45299462,12.2200847 1.07179677,11.5598306 1.07179677,10.8452995 L1.07179677,5.15470054 C1.07179677,4.44016936 1.45299462,3.77991532 2.07179677,3.42264973 L7,0.577350269 C7.61880215,0.220084679 8.38119785,0.220084679 9,0.577350269 Z"/>
+  <path d="M8.5,1.44337567 C8.19059892,1.26474288 7.80940108,1.26474288 7.5,1.44337567 L2.57179677,4.28867513 C2.26239569,4.46730793 2.07179677,4.79743495 2.07179677,5.15470054 L2.07179677,10.8452995 C2.07179677,11.2025651 2.26239569,11.5326921 2.57179677,11.7113249 L7.5,14.5566243 C7.80940108,14.7352571 8.19059892,14.7352571 8.5,14.5566243 L13.4282032,11.7113249 C13.7376043,11.5326921 13.9282032,11.2025651 13.9282032,10.8452995 L13.9282032,5.15470054 C13.9282032,4.79743495 13.7376043,4.46730793 13.4282032,4.28867513 L8.5,1.44337567 Z M9,0.577350269 L13.9282032,3.42264973 C14.5470054,3.77991532 14.9282032,4.44016936 14.9282032,5.15470054 L14.9282032,10.8452995 C14.9282032,11.5598306 14.5470054,12.2200847 13.9282032,12.5773503 L9,15.4226497 C8.38119785,15.7799153 7.61880215,15.7799153 7,15.4226497 L2.07179677,12.5773503 C1.45299462,12.2200847 1.07179677,11.5598306 1.07179677,10.8452995 L1.07179677,5.15470054 C1.07179677,4.44016936 1.45299462,3.77991532 2.07179677,3.42264973 L7,0.577350269 C7.61880215,0.220084679 8.38119785,0.220084679 9,0.577350269 Z"/>
 </svg>
diff --git a/src/components/icon/assets/offline.svg b/src/components/icon/assets/offline.svg
new file mode 100644
index 00000000000..c8b880a54c5
--- /dev/null
+++ b/src/components/icon/assets/offline.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16">
+  <path d="M6.38405173,12.4045305 L7.88453051,10.9040517 C7.92267108,10.9013657 7.96117605,10.9 8,10.9 C8.89470129,10.9 9.62,11.6252987 9.62,12.52 C9.62,13.4147013 8.89470129,14.14 8,14.14 C7.10529871,14.14 6.38,13.4147013 6.38,12.52 C6.38,12.481176 6.38136572,12.4426711 6.38405173,12.4045305 Z M9.39312003,9.3954622 L10.1380638,8.65051842 C10.5241807,8.86419548 10.8786323,9.13616457 11.1890025,9.45949205 C11.3802321,9.65870511 11.3737603,9.97522144 11.1745472,10.1664511 C10.9753341,10.3576807 10.6588178,10.3512088 10.4675882,10.1519958 C10.1586643,9.83017495 9.79386207,9.57426882 9.39312003,9.3954622 Z M11.447192,7.34139025 L12.1662695,6.62231278 C12.5392591,6.88632287 12.8886095,7.18674923 13.2092134,7.52073771 C13.400443,7.71995077 13.3939712,8.0364671 13.1947581,8.22769672 C12.9955451,8.41892635 12.6790288,8.4124545 12.4877991,8.21324144 C12.17112,7.88334163 11.8220725,7.59150392 11.447192,7.34139025 Z M6.69438683,6.43734115 C5.49398912,6.69364642 4.39939189,7.30020756 3.53910336,8.18538873 C3.34664547,8.38341543 3.03009517,8.38792984 2.83206847,8.19547196 C2.63404177,8.00301407 2.62952736,7.68646377 2.82198525,7.48843707 C4.13362697,6.13884271 5.91725177,5.346446 7.82975008,5.30197791 L6.69438683,6.43734115 Z M13.4539871,5.33459512 L14.1669415,4.62164072 C14.5414363,4.91458193 14.8965844,5.235248 15.2294244,5.58198337 C15.420654,5.78119642 15.4141821,6.09771276 15.2149691,6.28894238 C15.015756,6.48017201 14.6992397,6.47370016 14.5080101,6.2744871 C14.1795463,5.93231061 13.8270465,5.6183643 13.4539871,5.33459512 Z M9.50633872,3.62538926 C9.01378108,3.54255805 8.5103083,3.5 8,3.5 C5.52952768,3.5 3.21894831,4.49730971 1.53099681,6.23410244 C1.33853893,6.43212914 1.02198863,6.43664355 0.823961929,6.24418566 C0.625935231,6.05172778 0.621420819,5.73517748 0.813878706,5.53715078 C2.68823426,3.60856035 5.25656047,2.5 8,2.5 C8.80390301,2.5 9.59273539,2.59519485 10.3534419,2.77828605 L9.50633872,3.62538926 Z M8,13.14 C8.34241654,13.14 8.62,12.8624165 8.62,12.52 C8.62,12.1775835 8.34241654,11.9 8,11.9 C7.65758346,11.9 7.38,12.1775835 7.38,12.52 C7.38,12.8624165 7.65758346,13.14 8,13.14 Z M1.85355339,14.8535534 C1.65829124,15.0488155 1.34170876,15.0488155 1.14644661,14.8535534 C0.951184464,14.6582912 0.951184464,14.3417088 1.14644661,14.1464466 L14.1464466,1.14644661 C14.3417088,0.951184464 14.6582912,0.951184464 14.8535534,1.14644661 C15.0488155,1.34170876 15.0488155,1.65829124 14.8535534,1.85355339 L1.85355339,14.8535534 Z"/>
+</svg>
diff --git a/src/components/icon/assets/online.svg b/src/components/icon/assets/online.svg
new file mode 100644
index 00000000000..1ed0c853847
--- /dev/null
+++ b/src/components/icon/assets/online.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16">
+  <path d="M8,14.14 C7.10529871,14.14 6.38,13.4147013 6.38,12.52 C6.38,11.6252987 7.10529871,10.9 8,10.9 C8.89470129,10.9 9.62,11.6252987 9.62,12.52 C9.62,13.4147013 8.89470129,14.14 8,14.14 Z M8,13.14 C8.34241654,13.14 8.62,12.8624165 8.62,12.52 C8.62,12.1775835 8.34241654,11.9 8,11.9 C7.65758346,11.9 7.38,12.1775835 7.38,12.52 C7.38,12.8624165 7.65758346,13.14 8,13.14 Z M11.1890025,9.45949205 C11.3802321,9.65870511 11.3737603,9.97522144 11.1745472,10.1664511 C10.9753341,10.3576807 10.6588178,10.3512088 10.4675882,10.1519958 C9.82636793,9.48400594 8.94440427,9.1 8,9.1 C7.06303116,9.1 6.18742402,9.47793616 5.5472099,10.136675 C5.35475201,10.3347017 5.03820171,10.3392161 4.84017501,10.1467582 C4.64214831,9.95430036 4.6376339,9.63775006 4.83009179,9.43972336 C5.65670997,8.5891868 6.79006396,8.1 8,8.1 C9.219552,8.1 10.3611037,8.59703028 11.1890025,9.45949205 Z M13.2092134,7.52073771 C13.400443,7.71995077 13.3939712,8.0364671 13.1947581,8.22769672 C12.9955451,8.41892635 12.6790288,8.4124545 12.4877991,8.21324144 C11.3218935,6.99866174 9.7172458,6.3 8,6.3 C6.29627942,6.3 4.70318616,6.98762294 3.53910336,8.18538873 C3.34664547,8.38341543 3.03009517,8.38792984 2.83206847,8.19547196 C2.63404177,8.00301407 2.62952736,7.68646377 2.82198525,7.48843707 C4.17247211,6.09887358 6.02331222,5.3 8,5.3 C9.99239353,5.3 11.8566293,6.11168608 13.2092134,7.52073771 Z M15.2294244,5.58198337 C15.420654,5.78119642 15.4141821,6.09771276 15.2149691,6.28894238 C15.015756,6.48017201 14.6992397,6.47370016 14.5080101,6.2744871 C12.8174191,4.51331753 10.4900873,3.5 8,3.5 C5.52952768,3.5 3.21894831,4.49730971 1.53099681,6.23410244 C1.33853893,6.43212914 1.02198863,6.43664355 0.823961929,6.24418566 C0.625935231,6.05172778 0.621420819,5.73517748 0.813878706,5.53715078 C2.68823426,3.60856035 5.25656047,2.5 8,2.5 C10.7652351,2.5 13.3521549,3.62634187 15.2294244,5.58198337 Z"/>
+</svg>
diff --git a/src/components/icon/assets/shard.svg b/src/components/icon/assets/shard.svg
index 1612194c285..afd0f282c5c 100644
--- a/src/components/icon/assets/shard.svg
+++ b/src/components/icon/assets/shard.svg
@@ -1,3 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
-  <path fill="#13252D" d="M5.64196714,9.1954304 L11.722162,11.222162 L9.6954304,5.14196714 L4.12191842,3.62191842 L5.64196714,9.1954304 Z M2.69669914,2.19669914 L10.4748737,4.31801948 L13.3033009,12.8033009 L4.81801948,9.97487373 L2.69669914,2.19669914 Z" transform="rotate(45 8 7.5)"/>
+  <path d="M5.64196714,9.1954304 L11.722162,11.222162 L9.6954304,5.14196714 L4.12191842,3.62191842 L5.64196714,9.1954304 Z M2.69669914,2.19669914 L10.4748737,4.31801948 L13.3033009,12.8033009 L4.81801948,9.97487373 L2.69669914,2.19669914 Z" transform="rotate(45 8 7.5)"/>
 </svg>
diff --git a/src/components/icon/assets/stats.svg b/src/components/icon/assets/stats.svg
index 6c8f636e93a..f89a6aa0169 100644
--- a/src/components/icon/assets/stats.svg
+++ b/src/components/icon/assets/stats.svg
@@ -1,3 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
-  <path fill="#3F3F3F" fill-rule="evenodd" d="M8,14 L8,10 L9,10 L9,14 L14,14 L14,11.487 L14,5 L15,5 L15,11.487 L15,14 C15,14.552 14.553,15 14,15 L2,15 C1.447,15 1,14.552 1,14 L1,12 L2,12 L2,14 L8,14 Z M12.8532156,3.85378563 L9.85413507,6.85386389 C9.94763717,7.04949222 10,7.26859036 10,7.5 C10,8.329 9.328,9 8.5,9 C8.01917114,9 7.59094945,8.7737217 7.31638353,8.4216262 L4.60215016,9.32622263 L3.99976065,9.52707951 C3.98531653,10.3435632 3.31896538,11 2.5,11 C1.672,11 1,10.329 1,9.5 C1,8.671 1.672,8 2.5,8 C2.98098618,8 3.40933075,8.22642639 3.68388591,8.57871942 L7.00023985,7.47289256 C7.01469867,6.65642184 7.68104396,6 8.5,6 C8.7313711,6 8.95056122,6.05239382 9.14631172,6.14598828 L12.1459616,3.14633838 C12.0523989,2.9506588 12,2.73148939 12,2.5 C12,1.671 12.672,1 13.5,1 C14.328,1 15,1.671 15,2.5 C15,3.329 14.328,4 13.5,4 C13.2684427,4 13.0490859,3.9475218 12.8532156,3.85378563 Z"/>
+  <path fill-rule="evenodd" d="M8,14 L8,10 L9,10 L9,14 L14,14 L14,11.487 L14,5 L15,5 L15,11.487 L15,14 C15,14.552 14.553,15 14,15 L2,15 C1.447,15 1,14.552 1,14 L1,12 L2,12 L2,14 L8,14 Z M12.8532156,3.85378563 L9.85413507,6.85386389 C9.94763717,7.04949222 10,7.26859036 10,7.5 C10,8.329 9.328,9 8.5,9 C8.01917114,9 7.59094945,8.7737217 7.31638353,8.4216262 L4.60215016,9.32622263 L3.99976065,9.52707951 C3.98531653,10.3435632 3.31896538,11 2.5,11 C1.672,11 1,10.329 1,9.5 C1,8.671 1.672,8 2.5,8 C2.98098618,8 3.40933075,8.22642639 3.68388591,8.57871942 L7.00023985,7.47289256 C7.01469867,6.65642184 7.68104396,6 8.5,6 C8.7313711,6 8.95056122,6.05239382 9.14631172,6.14598828 L12.1459616,3.14633838 C12.0523989,2.9506588 12,2.73148939 12,2.5 C12,1.671 12.672,1 13.5,1 C14.328,1 15,1.671 15,2.5 C15,3.329 14.328,4 13.5,4 C13.2684427,4 13.0490859,3.9475218 12.8532156,3.85378563 Z"/>
 </svg>
diff --git a/src/components/icon/icon.js b/src/components/icon/icon.js
index a3c7a1126cb..937a6843749 100644
--- a/src/components/icon/icon.js
+++ b/src/components/icon/icon.js
@@ -125,6 +125,8 @@ import minusInCircle from './assets/minus_in_circle.svg';
 import monitoringApp from './assets/app_monitoring.svg';
 import node from './assets/node.svg';
 import number from './assets/number.svg';
+import offline from './assets/offline.svg';
+import online from './assets/online.svg';
 import pause from './assets/pause.svg';
 import pencil from './assets/pencil.svg';
 import pin from './assets/pin.svg';
@@ -291,6 +293,8 @@ const typeToIconMap = {
   monitoringApp,
   node,
   number,
+  offline,
+  online,
   pause,
   pencil,
   pin,