Added more icons

- eye & eyeClosed
- grab
- heatmap
- vector

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

@@ -38,15 +38,19 @@ const iconTypes = [
   'exit',
   'expand',
   'exportAction',
+  'eye',
+  'eyeClosed',
   'faceHappy',
   'faceNeutral',
   'faceSad',
   'fullScreen',
   'gear',
+  'grab',
   'grid',
+  'heatmap',
   'help',
-  'importAction',
   'iInCircle',
+  'importAction',
   'indexClose',
   'indexEdit',
   'indexFlush',
@@ -61,8 +65,8 @@ const iconTypes = [
   'logstashFilter',
   'logstashIf',
   'logstashInput',
-  'logstashQueue',
   'logstashOutput',
+  'logstashQueue',
   'mapMarker',
   'merge',
   'minusInCircle',
@@ -92,6 +96,7 @@ const iconTypes = [
   'tear',
   'trash',
   'user',
+  'vector',
   'wrench',
 ];
 

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

@@ -1224,6 +1224,34 @@ exports[`EuiIcon renders type exportAction 1`] = `
 </svg>
 `;
 
+exports[`EuiIcon renders type eye 1`] = `
+<svg
+  class="euiIcon euiIcon--medium"
+  height="16"
+  viewBox="0 0 16 16"
+  width="16"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M15.98 7.873c.013.03.02.064.02.098v.06a.24.24 0 0 1-.02.097C15.952 8.188 13.291 14 8 14S.047 8.188.02 8.128A.24.24 0 0 1 0 8.03v-.059c0-.034.007-.068.02-.098C.048 7.813 2.709 2 8 2s7.953 5.813 7.98 5.873zm-1.37-.424a12.097 12.097 0 0 0-1.385-1.862C11.739 3.956 9.999 3 8 3c-2 0-3.74.956-5.225 2.587a12.098 12.098 0 0 0-1.701 2.414 12.095 12.095 0 0 0 1.7 2.413C4.26 12.043 6.002 13 8 13s3.74-.956 5.225-2.587A12.097 12.097 0 0 0 14.926 8c-.08-.15-.189-.343-.315-.551zM8 4.75A3.253 3.253 0 0 1 11.25 8 3.254 3.254 0 0 1 8 11.25 3.253 3.253 0 0 1 4.75 8 3.252 3.252 0 0 1 8 4.75zm0 1C6.76 5.75 5.75 6.76 5.75 8S6.76 10.25 8 10.25 10.25 9.24 10.25 8 9.24 5.75 8 5.75zm0 1.5a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5z"
+  />
+</svg>
+`;
+
+exports[`EuiIcon renders type eyeClosed 1`] = `
+<svg
+  class="euiIcon euiIcon--medium"
+  height="16"
+  viewBox="0 0 16 16"
+  width="16"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M5.318 13.47l.776-.776A6.04 6.04 0 0 0 8 13c1.999 0 3.74-.956 5.225-2.587A12.097 12.097 0 0 0 14.926 8a12.097 12.097 0 0 0-1.701-2.413l-.011-.012.707-.708c1.359 1.476 2.045 2.976 2.058 3.006.014.03.021.064.021.098v.06a.24.24 0 0 1-.02.097C15.952 8.188 13.291 14 8 14a7.03 7.03 0 0 1-2.682-.53zM2.04 11.092C.707 9.629.034 8.158.02 8.128A.24.24 0 0 1 0 8.03v-.059c0-.034.007-.068.02-.098C.048 7.813 2.709 2 8 2c.962 0 1.837.192 2.625.507l-.78.78A6.039 6.039 0 0 0 8 3c-2 0-3.74.956-5.225 2.587a12.098 12.098 0 0 0-1.701 2.414 12.11 12.11 0 0 0 1.674 2.383l-.708.708zM8.362 4.77L7.255 5.877a2.262 2.262 0 0 0-1.378 1.378L4.77 8.362A3.252 3.252 0 0 1 8.362 4.77zm2.86 2.797a3.254 3.254 0 0 1-3.654 3.654l1.06-1.06a2.262 2.262 0 0 0 1.533-1.533l1.06-1.06zm-9.368 7.287a.5.5 0 0 1-.708-.708l13-13a.5.5 0 0 1 .708.708l-13 13z"
+  />
+</svg>
+`;
+
 exports[`EuiIcon renders type faceHappy 1`] = `
 <svg
   class="euiIcon euiIcon--medium"
@@ -1310,6 +1338,21 @@ exports[`EuiIcon renders type gear 1`] = `
 </svg>
 `;
 
+exports[`EuiIcon renders type grab 1`] = `
+<svg
+  class="euiIcon euiIcon--medium"
+  height="16"
+  viewBox="0 0 16 16"
+  width="16"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M14 4v1H2V4h12zm0 7v1H2v-1h12zm0-3.5v1H2v-1h12z"
+    fill-rule="evenodd"
+  />
+</svg>
+`;
+
 exports[`EuiIcon renders type graphApp 1`] = `
 <svg
   class="euiIcon euiIcon--medium"
@@ -1382,6 +1425,21 @@ exports[`EuiIcon renders type grokApp 1`] = `
 </svg>
 `;
 
+exports[`EuiIcon renders type heatmap 1`] = `
+<svg
+  class="euiIcon euiIcon--medium"
+  height="16"
+  viewBox="0 0 16 16"
+  width="16"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M12 9a3 3 0 1 1 0 6 3 3 0 0 1 0-6zm0 1a2 2 0 1 0 0 4 2 2 0 0 0 0-4zM4 2a2 2 0 1 1 0 4 2 2 0 0 1 0-4zm0 1a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm0 5a4 4 0 1 1 0 8 4 4 0 0 1 0-8zm0 1a3 3 0 1 0 0 6 3 3 0 0 0 0-6zm8-9a4 4 0 1 1 0 8 4 4 0 0 1 0-8zm0 1a3 3 0 1 0 0 6 3 3 0 0 0 0-6z"
+    fill="#404040"
+  />
+</svg>
+`;
+
 exports[`EuiIcon renders type help 1`] = `
 <svg
   class="euiIcon euiIcon--medium"
@@ -3337,6 +3395,20 @@ exports[`EuiIcon renders type usersRolesApp 1`] = `
 </svg>
 `;
 
+exports[`EuiIcon renders type vector 1`] = `
+<svg
+  class="euiIcon euiIcon--medium"
+  height="16"
+  viewBox="0 0 16 16"
+  width="16"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M12.5 11V5H11V3.5H5V5H3.5v6H5v1.5h6V11h1.5zm1 0H15v4h-4v-1.5H5V15H1v-4h1.5V5H1V1h4v1.5h6V1h4v4h-1.5v6zM4 4V2H2v2h2zm8 0h2V2h-2v2zM2 14h2v-2H2v2zm10 0h2v-2h-2v2z"
+  />
+</svg>
+`;
+
 exports[`EuiIcon renders type visualizeApp 1`] = `
 <svg
   class="euiIcon euiIcon--medium"

src/components/icon/icon.js

@@ -43,23 +43,27 @@ import empty from './assets/empty.svg';
 import exit from './assets/exit.svg';
 import expand from './assets/expand.svg';
 import exportAction from './assets/export.svg';
+import eye from './assets/eye.svg';
+import eyeClosed from './assets/eye_closed.svg';
 import faceHappy from './assets/face_happy.svg';
 import faceNeutral from './assets/faceNeutral.svg';
 import faceSad from './assets/face_sad.svg';
 import fullScreen from './assets/full_screen.svg';
 import gear from './assets/gear.svg';
+import grab from './assets/grab.svg';
 import graphApp from './assets/app_graph.svg';
 import grid from './assets/grid.svg';
 import grokApp from './assets/app_grok.svg';
+import heatmap from './assets/heatmap.svg';
 import help from './assets/help.svg';
-import importAction from './assets/import.svg';
 import iInCircle from './assets/iInCircle.svg';
-import indexPatternApp from './assets/app_index_pattern.svg';
+import importAction from './assets/import.svg';
 import indexClose from './assets/index_close.svg';
 import indexEdit from './assets/index_edit.svg';
 import indexFlush from './assets/index_flush.svg';
 import indexMapping from './assets/index_mapping.svg';
 import indexOpen from './assets/index_open.svg';
+import indexPatternApp from './assets/app_index_pattern.svg';
 import indexSettings from './assets/index_settings.svg';
 import invert from './assets/invert.svg';
 import link from './assets/link.svg';
@@ -87,8 +91,8 @@ import logoXpack from './assets/logo_xpack.svg';
 import logstashFilter from './assets/logstash_filter.svg';
 import logstashIf from './assets/logstash_if.svg';
 import logstashInput from './assets/logstash_input.svg';
-import logstashQueue from './assets/logstash_queue.svg';
 import logstashOutput from './assets/logstash_output.svg';
+import logstashQueue from './assets/logstash_queue.svg';
 import machineLearningApp from './assets/app_ml.svg';
 import managementApp from './assets/app_management.svg';
 import mapMarker from './assets/map_marker.svg';
@@ -129,6 +133,7 @@ import trash from './assets/trash.svg';
 import upgradeAssistantApp from './assets/app_upgrade_assistant.svg';
 import user from './assets/user.svg';
 import usersRolesApp from './assets/app_users_roles.svg';
+import vector from './assets/vector.svg';
 import visualizeApp from './assets/app_visualize.svg';
 import watchesApp from './assets/app_watches.svg';
 import wrench from './assets/wrench.svg';
@@ -175,24 +180,28 @@ const typeToIconMap = {
   exit,
   expand,
   exportAction,
+  eyeClosed,
+  eye,
   faceHappy,
   faceNeutral,
   faceSad,
   fullScreen,
   gear,
+  grab,
   graphApp,
   grid,
   grokApp,
+  heatmap,
   help,
-  importAction,
   iInCircle,
+  importAction,
   indexClose,
   indexEdit,
   indexFlush,
   indexMapping,
   indexOpen,
-  indexSettings,
   indexPatternApp,
+  indexSettings,
   invert,
   link,
   list,
@@ -219,8 +228,8 @@ const typeToIconMap = {
   logstashFilter,
   logstashIf,
   logstashInput,
-  logstashQueue,
   logstashOutput,
+  logstashQueue,
   machineLearningApp,
   managementApp,
   mapMarker,
@@ -261,6 +270,7 @@ const typeToIconMap = {
   upgradeAssistantApp,
   user,
   usersRolesApp,
+  vector,
   visualizeApp,
   watchesApp,
   wrench,