diff --git a/CHANGELOG.md b/CHANGELOG.md
index 6a7a8915b28..df932dac9fa 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,6 +1,6 @@
 ## [`master`](https://github.com/elastic/eui/tree/master)
 
-No public interface changes since `29.4.0`.
+- Added `plus` and `minus` glyphs to `EuiIcon` ([#4111](https://github.com/elastic/eui/pull/4111))
 
 ## [`29.4.0`](https://github.com/elastic/eui/tree/v29.4.0)
 
diff --git a/src-docs/src/views/icon/icons.js b/src-docs/src/views/icon/icons.js
index d3b7425fb6c..e125da5c4aa 100644
--- a/src-docs/src/views/icon/icons.js
+++ b/src-docs/src/views/icon/icons.js
@@ -137,6 +137,7 @@ export const iconTypes = [
   'menuLeft',
   'menuRight',
   'minimize',
+  'minus',
   'minusInCircle',
   'minusInCircleFilled',
   'moon',
@@ -155,6 +156,7 @@ export const iconTypes = [
   'pin',
   'pinFilled',
   'play',
+  'plus',
   'plusInCircle',
   'plusInCircleFilled',
   'popout',
diff --git a/src/components/icon/__snapshots__/icon.test.tsx.snap b/src/components/icon/__snapshots__/icon.test.tsx.snap
index a70787226cf..8493e158e60 100644
--- a/src/components/icon/__snapshots__/icon.test.tsx.snap
+++ b/src/components/icon/__snapshots__/icon.test.tsx.snap
@@ -6179,6 +6179,27 @@ exports[`EuiIcon props type minimize is rendered 1`] = `
 </svg>
 `;
 
+exports[`EuiIcon props type minus is rendered 1`] = `
+<svg
+  aria-hidden="true"
+  class="euiIcon euiIcon--medium euiIcon-isLoaded"
+  focusable="false"
+  height="16"
+  role="img"
+  viewBox="0 0 16 16"
+  width="16"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <rect
+    height="1.5"
+    rx="0.5"
+    width="10"
+    x="3"
+    y="7.25"
+  />
+</svg>
+`;
+
 exports[`EuiIcon props type minusInCircle is rendered 1`] = `
 <svg
   aria-hidden="true"
@@ -6600,6 +6621,23 @@ exports[`EuiIcon props type play is rendered 1`] = `
 </svg>
 `;
 
+exports[`EuiIcon props type plus is rendered 1`] = `
+<svg
+  aria-hidden="true"
+  class="euiIcon euiIcon--medium euiIcon-isLoaded"
+  focusable="false"
+  height="16"
+  role="img"
+  viewBox="0 0 16 16"
+  width="16"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M8.25 3a.5.5 0 01.5.5v3.75h3.75a.5.5 0 01.5.5v.5a.5.5 0 01-.5.5H8.75v3.75a.5.5 0 01-.5.5h-.5a.5.5 0 01-.5-.5V8.75H3.5a.5.5 0 01-.5-.5v-.5a.5.5 0 01.5-.5h3.75V3.5a.5.5 0 01.5-.5h.5z"
+  />
+</svg>
+`;
+
 exports[`EuiIcon props type plusInCircle is rendered 1`] = `
 <svg
   aria-hidden="true"
diff --git a/src/components/icon/assets/accessibility.js b/src/components/icon/assets/accessibility.js
index 751382e0c3c..2aa1910b7a5 100644
--- a/src/components/icon/assets/accessibility.js
+++ b/src/components/icon/assets/accessibility.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconAccessibility = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/aggregate.js b/src/components/icon/assets/aggregate.js
index dc94cf4cc98..8485b79f4de 100644
--- a/src/components/icon/assets/aggregate.js
+++ b/src/components/icon/assets/aggregate.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconAggregate = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/alert.js b/src/components/icon/assets/alert.js
index 1898f8be195..471b0d18e45 100644
--- a/src/components/icon/assets/alert.js
+++ b/src/components/icon/assets/alert.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconAlert = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/analyze_event.js b/src/components/icon/assets/analyze_event.js
index d79b9aff495..3d0f53b2c71 100644
--- a/src/components/icon/assets/analyze_event.js
+++ b/src/components/icon/assets/analyze_event.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconAnalyzeEvent = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/annotation.js b/src/components/icon/assets/annotation.js
index 6ab90635101..0b5962cacb1 100644
--- a/src/components/icon/assets/annotation.js
+++ b/src/components/icon/assets/annotation.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconAnnotation = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/apm_trace.js b/src/components/icon/assets/apm_trace.js
index e756d3cfc2b..2704aab9c27 100644
--- a/src/components/icon/assets/apm_trace.js
+++ b/src/components/icon/assets/apm_trace.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconApmTrace = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/app_add_data.js b/src/components/icon/assets/app_add_data.js
index fad2cf3b629..d6f3a09bdda 100644
--- a/src/components/icon/assets/app_add_data.js
+++ b/src/components/icon/assets/app_add_data.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconAppAddData = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/app_advanced_settings.js b/src/components/icon/assets/app_advanced_settings.js
index 3e3b52a5c2a..c4aa63f9ba7 100644
--- a/src/components/icon/assets/app_advanced_settings.js
+++ b/src/components/icon/assets/app_advanced_settings.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconAppAdvancedSettings = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/app_apm.js b/src/components/icon/assets/app_apm.js
index c925e6b3cb7..057ec41f8ec 100644
--- a/src/components/icon/assets/app_apm.js
+++ b/src/components/icon/assets/app_apm.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconAppApm = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/app_app_search.js b/src/components/icon/assets/app_app_search.js
index 83725fc2b9a..15949ce419d 100644
--- a/src/components/icon/assets/app_app_search.js
+++ b/src/components/icon/assets/app_app_search.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconAppAppSearch = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/app_auditbeat.js b/src/components/icon/assets/app_auditbeat.js
index 8d6f07c8459..1396fcc73f6 100644
--- a/src/components/icon/assets/app_auditbeat.js
+++ b/src/components/icon/assets/app_auditbeat.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconAppAuditbeat = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/app_canvas.js b/src/components/icon/assets/app_canvas.js
index 66e3eb9774b..9b24f3e6c7c 100644
--- a/src/components/icon/assets/app_canvas.js
+++ b/src/components/icon/assets/app_canvas.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconAppCanvas = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/app_code.js b/src/components/icon/assets/app_code.js
index 42fcac6a3c6..26e289567ef 100644
--- a/src/components/icon/assets/app_code.js
+++ b/src/components/icon/assets/app_code.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconAppCode = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/app_console.js b/src/components/icon/assets/app_console.js
index 6cfc1de36bd..2bed3da6fd9 100644
--- a/src/components/icon/assets/app_console.js
+++ b/src/components/icon/assets/app_console.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconAppConsole = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/app_cross_cluster_replication.js b/src/components/icon/assets/app_cross_cluster_replication.js
index f5d5408378c..609cd388dbb 100644
--- a/src/components/icon/assets/app_cross_cluster_replication.js
+++ b/src/components/icon/assets/app_cross_cluster_replication.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconAppCrossClusterReplication = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/app_dashboard.js b/src/components/icon/assets/app_dashboard.js
index 6e0bd1c7c12..12556ae550f 100644
--- a/src/components/icon/assets/app_dashboard.js
+++ b/src/components/icon/assets/app_dashboard.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconAppDashboard = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/app_devtools.js b/src/components/icon/assets/app_devtools.js
index f74d473c99d..55f40eda763 100644
--- a/src/components/icon/assets/app_devtools.js
+++ b/src/components/icon/assets/app_devtools.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconAppDevtools = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/app_discover.js b/src/components/icon/assets/app_discover.js
index 4c833cb6d10..f3a2466ede1 100644
--- a/src/components/icon/assets/app_discover.js
+++ b/src/components/icon/assets/app_discover.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconAppDiscover = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/app_ems.js b/src/components/icon/assets/app_ems.js
index 1d5bd85d99c..a9135b6cf93 100644
--- a/src/components/icon/assets/app_ems.js
+++ b/src/components/icon/assets/app_ems.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconAppEms = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/app_filebeat.js b/src/components/icon/assets/app_filebeat.js
index a685a2f0f66..5bf10a71e9e 100644
--- a/src/components/icon/assets/app_filebeat.js
+++ b/src/components/icon/assets/app_filebeat.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconAppFilebeat = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/app_gis.js b/src/components/icon/assets/app_gis.js
index 489055adef4..5b6366743e6 100644
--- a/src/components/icon/assets/app_gis.js
+++ b/src/components/icon/assets/app_gis.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconAppGis = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/app_graph.js b/src/components/icon/assets/app_graph.js
index 652c63d946b..66ea76aae3e 100644
--- a/src/components/icon/assets/app_graph.js
+++ b/src/components/icon/assets/app_graph.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconAppGraph = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/app_grok.js b/src/components/icon/assets/app_grok.js
index 10934ca7fa3..6bddff4192d 100644
--- a/src/components/icon/assets/app_grok.js
+++ b/src/components/icon/assets/app_grok.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconAppGrok = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/app_heartbeat.js b/src/components/icon/assets/app_heartbeat.js
index 3eaeb17f595..6d4fffe6e74 100644
--- a/src/components/icon/assets/app_heartbeat.js
+++ b/src/components/icon/assets/app_heartbeat.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconAppHeartbeat = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/app_index_management.js b/src/components/icon/assets/app_index_management.js
index 3b9f765719e..d9ecec608b8 100644
--- a/src/components/icon/assets/app_index_management.js
+++ b/src/components/icon/assets/app_index_management.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconAppIndexManagement = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/app_index_pattern.js b/src/components/icon/assets/app_index_pattern.js
index 0b6ef56f7d4..959e0f96dc2 100644
--- a/src/components/icon/assets/app_index_pattern.js
+++ b/src/components/icon/assets/app_index_pattern.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconAppIndexPattern = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/app_index_rollup.js b/src/components/icon/assets/app_index_rollup.js
index 6c1582d385c..8533c784336 100644
--- a/src/components/icon/assets/app_index_rollup.js
+++ b/src/components/icon/assets/app_index_rollup.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconAppIndexRollup = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/app_lens.js b/src/components/icon/assets/app_lens.js
index 2c10f9b2b04..d73e20a396b 100644
--- a/src/components/icon/assets/app_lens.js
+++ b/src/components/icon/assets/app_lens.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconAppLens = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/app_logs.js b/src/components/icon/assets/app_logs.js
index b3384cfccae..a133267d7f5 100644
--- a/src/components/icon/assets/app_logs.js
+++ b/src/components/icon/assets/app_logs.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconAppLogs = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/app_management.js b/src/components/icon/assets/app_management.js
index f371c340f80..d2efa2a4bec 100644
--- a/src/components/icon/assets/app_management.js
+++ b/src/components/icon/assets/app_management.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconAppManagement = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/app_metricbeat.js b/src/components/icon/assets/app_metricbeat.js
index cb418d34814..81c7c979632 100644
--- a/src/components/icon/assets/app_metricbeat.js
+++ b/src/components/icon/assets/app_metricbeat.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconAppMetricbeat = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/app_metrics.js b/src/components/icon/assets/app_metrics.js
index b07f4a2c394..5370c53c1fb 100644
--- a/src/components/icon/assets/app_metrics.js
+++ b/src/components/icon/assets/app_metrics.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconAppMetrics = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/app_ml.js b/src/components/icon/assets/app_ml.js
index b11cf7057b2..0c340b05fdf 100644
--- a/src/components/icon/assets/app_ml.js
+++ b/src/components/icon/assets/app_ml.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconAppMl = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/app_monitoring.js b/src/components/icon/assets/app_monitoring.js
index 27afea78278..20deba2bf56 100644
--- a/src/components/icon/assets/app_monitoring.js
+++ b/src/components/icon/assets/app_monitoring.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconAppMonitoring = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/app_notebook.js b/src/components/icon/assets/app_notebook.js
index a077bb7acd9..e0a038ea872 100644
--- a/src/components/icon/assets/app_notebook.js
+++ b/src/components/icon/assets/app_notebook.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconAppNotebook = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/app_packetbeat.js b/src/components/icon/assets/app_packetbeat.js
index 5200bbdff16..bb5b890deb6 100644
--- a/src/components/icon/assets/app_packetbeat.js
+++ b/src/components/icon/assets/app_packetbeat.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconAppPacketbeat = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/app_pipeline.js b/src/components/icon/assets/app_pipeline.js
index d886c0f4154..9bb24ddb871 100644
--- a/src/components/icon/assets/app_pipeline.js
+++ b/src/components/icon/assets/app_pipeline.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconAppPipeline = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/app_recently_viewed.js b/src/components/icon/assets/app_recently_viewed.js
index e3f770afdc2..a7b58b70daa 100644
--- a/src/components/icon/assets/app_recently_viewed.js
+++ b/src/components/icon/assets/app_recently_viewed.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconAppRecentlyViewed = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/app_reporting.js b/src/components/icon/assets/app_reporting.js
index 51c531375d9..b7b224e0835 100644
--- a/src/components/icon/assets/app_reporting.js
+++ b/src/components/icon/assets/app_reporting.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconAppReporting = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/app_saved_objects.js b/src/components/icon/assets/app_saved_objects.js
index 4bd81ae19c2..2565e260df1 100644
--- a/src/components/icon/assets/app_saved_objects.js
+++ b/src/components/icon/assets/app_saved_objects.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconAppSavedObjects = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/app_search_profiler.js b/src/components/icon/assets/app_search_profiler.js
index 1b15d728c48..05b2aef85d0 100644
--- a/src/components/icon/assets/app_search_profiler.js
+++ b/src/components/icon/assets/app_search_profiler.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconAppSearchProfiler = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/app_security.js b/src/components/icon/assets/app_security.js
index f3ad8d9e504..11c018ff4e8 100644
--- a/src/components/icon/assets/app_security.js
+++ b/src/components/icon/assets/app_security.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconAppSecurity = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/app_security_analytics.js b/src/components/icon/assets/app_security_analytics.js
index 799fedac5d2..eeb6a5c8278 100644
--- a/src/components/icon/assets/app_security_analytics.js
+++ b/src/components/icon/assets/app_security_analytics.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconAppSecurityAnalytics = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/app_spaces.js b/src/components/icon/assets/app_spaces.js
index 0d4f9d5cbfe..f8353c3f5a8 100644
--- a/src/components/icon/assets/app_spaces.js
+++ b/src/components/icon/assets/app_spaces.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconAppSpaces = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/app_sql.js b/src/components/icon/assets/app_sql.js
index 50411019aaa..88eec930bcb 100644
--- a/src/components/icon/assets/app_sql.js
+++ b/src/components/icon/assets/app_sql.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconAppSql = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/app_timelion.js b/src/components/icon/assets/app_timelion.js
index 8cb3e821568..2c27b680811 100644
--- a/src/components/icon/assets/app_timelion.js
+++ b/src/components/icon/assets/app_timelion.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconAppTimelion = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/app_upgrade_assistant.js b/src/components/icon/assets/app_upgrade_assistant.js
index 235971ec679..80c3a4dbdca 100644
--- a/src/components/icon/assets/app_upgrade_assistant.js
+++ b/src/components/icon/assets/app_upgrade_assistant.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconAppUpgradeAssistant = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/app_uptime.js b/src/components/icon/assets/app_uptime.js
index 8ca9f328046..d3caf646738 100644
--- a/src/components/icon/assets/app_uptime.js
+++ b/src/components/icon/assets/app_uptime.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconAppUptime = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/app_users_roles.js b/src/components/icon/assets/app_users_roles.js
index 872c317419b..4877af5584b 100644
--- a/src/components/icon/assets/app_users_roles.js
+++ b/src/components/icon/assets/app_users_roles.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconAppUsersRoles = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/app_visualize.js b/src/components/icon/assets/app_visualize.js
index 9e08ce17aaf..53f741d80a3 100644
--- a/src/components/icon/assets/app_visualize.js
+++ b/src/components/icon/assets/app_visualize.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconAppVisualize = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/app_watches.js b/src/components/icon/assets/app_watches.js
index 9bb0e70ec3d..6ffa518c2e3 100644
--- a/src/components/icon/assets/app_watches.js
+++ b/src/components/icon/assets/app_watches.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconAppWatches = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/app_workplace_search.js b/src/components/icon/assets/app_workplace_search.js
index 34775f70e4c..72951935dbf 100644
--- a/src/components/icon/assets/app_workplace_search.js
+++ b/src/components/icon/assets/app_workplace_search.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconAppWorkplaceSearch = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/apps.js b/src/components/icon/assets/apps.js
index 544e4b23175..ff052e0a44f 100644
--- a/src/components/icon/assets/apps.js
+++ b/src/components/icon/assets/apps.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconApps = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/arrow_down.js b/src/components/icon/assets/arrow_down.js
index 4fbd5f11c9c..d6245c3436f 100644
--- a/src/components/icon/assets/arrow_down.js
+++ b/src/components/icon/assets/arrow_down.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconArrowDown = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/arrow_left.js b/src/components/icon/assets/arrow_left.js
index b6a73a93cbf..c6c3aed4a80 100644
--- a/src/components/icon/assets/arrow_left.js
+++ b/src/components/icon/assets/arrow_left.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconArrowLeft = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/arrow_right.js b/src/components/icon/assets/arrow_right.js
index f0788d5fa82..8b5aadc6a56 100644
--- a/src/components/icon/assets/arrow_right.js
+++ b/src/components/icon/assets/arrow_right.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconArrowRight = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/arrow_up.js b/src/components/icon/assets/arrow_up.js
index b833e2588da..382d6201172 100644
--- a/src/components/icon/assets/arrow_up.js
+++ b/src/components/icon/assets/arrow_up.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconArrowUp = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/asterisk.js b/src/components/icon/assets/asterisk.js
index 584b8b9babe..255a065046a 100644
--- a/src/components/icon/assets/asterisk.js
+++ b/src/components/icon/assets/asterisk.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconAsterisk = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/beaker.js b/src/components/icon/assets/beaker.js
index a20f349d8a9..857215cb988 100644
--- a/src/components/icon/assets/beaker.js
+++ b/src/components/icon/assets/beaker.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconBeaker = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/bell.js b/src/components/icon/assets/bell.js
index a366a2fba9a..1b621e3703f 100644
--- a/src/components/icon/assets/bell.js
+++ b/src/components/icon/assets/bell.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconBell = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/bellSlash.js b/src/components/icon/assets/bellSlash.js
index 8649f5bfccb..5d4425ebca0 100644
--- a/src/components/icon/assets/bellSlash.js
+++ b/src/components/icon/assets/bellSlash.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconBellSlash = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/bolt.js b/src/components/icon/assets/bolt.js
index ccdec5dc210..5ae5df14e93 100644
--- a/src/components/icon/assets/bolt.js
+++ b/src/components/icon/assets/bolt.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconBolt = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/boxes_horizontal.js b/src/components/icon/assets/boxes_horizontal.js
index 72816e32c26..8d215d189ac 100644
--- a/src/components/icon/assets/boxes_horizontal.js
+++ b/src/components/icon/assets/boxes_horizontal.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconBoxesHorizontal = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/boxes_vertical.js b/src/components/icon/assets/boxes_vertical.js
index 4e6add25925..a3ad1fd2a89 100644
--- a/src/components/icon/assets/boxes_vertical.js
+++ b/src/components/icon/assets/boxes_vertical.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconBoxesVertical = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/branch.js b/src/components/icon/assets/branch.js
index 065e165efea..695b4e0bf53 100644
--- a/src/components/icon/assets/branch.js
+++ b/src/components/icon/assets/branch.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconBranch = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/broom.js b/src/components/icon/assets/broom.js
index 479a1ad05ab..34f7583d6ce 100644
--- a/src/components/icon/assets/broom.js
+++ b/src/components/icon/assets/broom.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconBroom = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/brush.js b/src/components/icon/assets/brush.js
index e162b2c1ecc..cacbc854b8d 100644
--- a/src/components/icon/assets/brush.js
+++ b/src/components/icon/assets/brush.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconBrush = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/bug.js b/src/components/icon/assets/bug.js
index 10adefcf369..2ec9f02c04d 100644
--- a/src/components/icon/assets/bug.js
+++ b/src/components/icon/assets/bug.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconBug = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/bullseye.js b/src/components/icon/assets/bullseye.js
index 359af0a2e4a..0768844a287 100644
--- a/src/components/icon/assets/bullseye.js
+++ b/src/components/icon/assets/bullseye.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconBullseye = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/calendar.js b/src/components/icon/assets/calendar.js
index b6d498ad91b..2638149c833 100644
--- a/src/components/icon/assets/calendar.js
+++ b/src/components/icon/assets/calendar.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconCalendar = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/check.js b/src/components/icon/assets/check.js
index b147b689cfa..f246578f08d 100644
--- a/src/components/icon/assets/check.js
+++ b/src/components/icon/assets/check.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconCheck = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/checkInCircleFilled.js b/src/components/icon/assets/checkInCircleFilled.js
index e9691fe07cc..f92a483747e 100644
--- a/src/components/icon/assets/checkInCircleFilled.js
+++ b/src/components/icon/assets/checkInCircleFilled.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconCheckInCircleFilled = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/cheer.js b/src/components/icon/assets/cheer.js
index 4caeb6b26f0..b7e99a0e6f8 100644
--- a/src/components/icon/assets/cheer.js
+++ b/src/components/icon/assets/cheer.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconCheer = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/clock.js b/src/components/icon/assets/clock.js
index 2f80ae52cc6..f22326cbe33 100644
--- a/src/components/icon/assets/clock.js
+++ b/src/components/icon/assets/clock.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconClock = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/cloudDrizzle.js b/src/components/icon/assets/cloudDrizzle.js
index f746f6c0f35..7de996778a7 100644
--- a/src/components/icon/assets/cloudDrizzle.js
+++ b/src/components/icon/assets/cloudDrizzle.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconCloudDrizzle = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/cloudStormy.js b/src/components/icon/assets/cloudStormy.js
index 85a9760ebb2..8db44a9c966 100644
--- a/src/components/icon/assets/cloudStormy.js
+++ b/src/components/icon/assets/cloudStormy.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconCloudStormy = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/cloudSunny.js b/src/components/icon/assets/cloudSunny.js
index 9c91d77096c..2e4c939ba3f 100644
--- a/src/components/icon/assets/cloudSunny.js
+++ b/src/components/icon/assets/cloudSunny.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconCloudSunny = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/compute.js b/src/components/icon/assets/compute.js
index 7650828f52a..4a2ba025aa9 100644
--- a/src/components/icon/assets/compute.js
+++ b/src/components/icon/assets/compute.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconCompute = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/console.js b/src/components/icon/assets/console.js
index fc95c7ef003..0a03df1c2d3 100644
--- a/src/components/icon/assets/console.js
+++ b/src/components/icon/assets/console.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconConsole = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/controls_horizontal.js b/src/components/icon/assets/controls_horizontal.js
index af7f9706ce5..1fe69ae0292 100644
--- a/src/components/icon/assets/controls_horizontal.js
+++ b/src/components/icon/assets/controls_horizontal.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconControlsHorizontal = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/controls_vertical.js b/src/components/icon/assets/controls_vertical.js
index af81faab2ff..58fd6960f56 100644
--- a/src/components/icon/assets/controls_vertical.js
+++ b/src/components/icon/assets/controls_vertical.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconControlsVertical = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/copy.js b/src/components/icon/assets/copy.js
index 56c08404fb2..0d24a8a13e4 100644
--- a/src/components/icon/assets/copy.js
+++ b/src/components/icon/assets/copy.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconCopy = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/copy_clipboard.js b/src/components/icon/assets/copy_clipboard.js
index 7863ae63468..071b9e2ea5d 100644
--- a/src/components/icon/assets/copy_clipboard.js
+++ b/src/components/icon/assets/copy_clipboard.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconCopyClipboard = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/cross.js b/src/components/icon/assets/cross.js
index 2a89d4b9850..e2cff7e28e7 100644
--- a/src/components/icon/assets/cross.js
+++ b/src/components/icon/assets/cross.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconCross = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/crossInACircleFilled.js b/src/components/icon/assets/crossInACircleFilled.js
index 57565342b2d..f0eb3902e02 100644
--- a/src/components/icon/assets/crossInACircleFilled.js
+++ b/src/components/icon/assets/crossInACircleFilled.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconCrossInACircleFilled = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/crosshairs.js b/src/components/icon/assets/crosshairs.js
index 7c622d62298..6dfa86f78c8 100644
--- a/src/components/icon/assets/crosshairs.js
+++ b/src/components/icon/assets/crosshairs.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconCrosshairs = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/currency.js b/src/components/icon/assets/currency.js
index 3bac8e0dd46..7e372885b6b 100644
--- a/src/components/icon/assets/currency.js
+++ b/src/components/icon/assets/currency.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconCurrency = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/cut.js b/src/components/icon/assets/cut.js
index c96387eb4fe..eb6be0e8d76 100644
--- a/src/components/icon/assets/cut.js
+++ b/src/components/icon/assets/cut.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconCut = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/database.js b/src/components/icon/assets/database.js
index 56ecddc1966..f7fef60da3d 100644
--- a/src/components/icon/assets/database.js
+++ b/src/components/icon/assets/database.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconDatabase = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/document.js b/src/components/icon/assets/document.js
index f1e69057c18..33382fd59c2 100644
--- a/src/components/icon/assets/document.js
+++ b/src/components/icon/assets/document.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconDocument = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/documentEdit.js b/src/components/icon/assets/documentEdit.js
index 575969d010b..d59194cb96c 100644
--- a/src/components/icon/assets/documentEdit.js
+++ b/src/components/icon/assets/documentEdit.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconDocumentEdit = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/documents.js b/src/components/icon/assets/documents.js
index db82da1f571..d3ed37f90d8 100644
--- a/src/components/icon/assets/documents.js
+++ b/src/components/icon/assets/documents.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconDocuments = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/dot.js b/src/components/icon/assets/dot.js
index 2009b1d502a..fb4a3822d1a 100644
--- a/src/components/icon/assets/dot.js
+++ b/src/components/icon/assets/dot.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconDot = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/download.js b/src/components/icon/assets/download.js
index 54084c47da2..285d8df6cf6 100644
--- a/src/components/icon/assets/download.js
+++ b/src/components/icon/assets/download.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconDownload = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/editorDistributeHorizontal.js b/src/components/icon/assets/editorDistributeHorizontal.js
index 64f9a3a0f11..639995f1b11 100644
--- a/src/components/icon/assets/editorDistributeHorizontal.js
+++ b/src/components/icon/assets/editorDistributeHorizontal.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconEditorDistributeHorizontal = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/editorDistributeVertical.js b/src/components/icon/assets/editorDistributeVertical.js
index e6575b9cb1d..9bdfa835abf 100644
--- a/src/components/icon/assets/editorDistributeVertical.js
+++ b/src/components/icon/assets/editorDistributeVertical.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconEditorDistributeVertical = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/editorItemAlignBottom.js b/src/components/icon/assets/editorItemAlignBottom.js
index 02bff651fd7..d6ad2552c56 100644
--- a/src/components/icon/assets/editorItemAlignBottom.js
+++ b/src/components/icon/assets/editorItemAlignBottom.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconEditorItemAlignBottom = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/editorItemAlignCenter.js b/src/components/icon/assets/editorItemAlignCenter.js
index 803a1fb7e96..caf1218341c 100644
--- a/src/components/icon/assets/editorItemAlignCenter.js
+++ b/src/components/icon/assets/editorItemAlignCenter.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconEditorItemAlignCenter = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/editorItemAlignLeft.js b/src/components/icon/assets/editorItemAlignLeft.js
index 4ebcf838f18..f21d921e30b 100644
--- a/src/components/icon/assets/editorItemAlignLeft.js
+++ b/src/components/icon/assets/editorItemAlignLeft.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconEditorItemAlignLeft = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/editorItemAlignMiddle.js b/src/components/icon/assets/editorItemAlignMiddle.js
index e550c797513..9263196b1fc 100644
--- a/src/components/icon/assets/editorItemAlignMiddle.js
+++ b/src/components/icon/assets/editorItemAlignMiddle.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconEditorItemAlignMiddle = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/editorItemAlignRight.js b/src/components/icon/assets/editorItemAlignRight.js
index 83d9c85f60f..1516927dc69 100644
--- a/src/components/icon/assets/editorItemAlignRight.js
+++ b/src/components/icon/assets/editorItemAlignRight.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconEditorItemAlignRight = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/editorItemAlignTop.js b/src/components/icon/assets/editorItemAlignTop.js
index 6f659501ec7..5cb163ff5bb 100644
--- a/src/components/icon/assets/editorItemAlignTop.js
+++ b/src/components/icon/assets/editorItemAlignTop.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconEditorItemAlignTop = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/editorPositionBottomLeft.js b/src/components/icon/assets/editorPositionBottomLeft.js
index 6a7c6302af7..dc3e2188edb 100644
--- a/src/components/icon/assets/editorPositionBottomLeft.js
+++ b/src/components/icon/assets/editorPositionBottomLeft.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconEditorPositionBottomLeft = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/editorPositionBottomRight.js b/src/components/icon/assets/editorPositionBottomRight.js
index 4d00ce45861..4fdc349d41e 100644
--- a/src/components/icon/assets/editorPositionBottomRight.js
+++ b/src/components/icon/assets/editorPositionBottomRight.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconEditorPositionBottomRight = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/editorPositionTopLeft.js b/src/components/icon/assets/editorPositionTopLeft.js
index d16d84c8288..bfcef076fd5 100644
--- a/src/components/icon/assets/editorPositionTopLeft.js
+++ b/src/components/icon/assets/editorPositionTopLeft.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconEditorPositionTopLeft = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/editorPositionTopRight.js b/src/components/icon/assets/editorPositionTopRight.js
index ad39bf63412..96229da8e26 100644
--- a/src/components/icon/assets/editorPositionTopRight.js
+++ b/src/components/icon/assets/editorPositionTopRight.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconEditorPositionTopRight = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/editor_align_center.js b/src/components/icon/assets/editor_align_center.js
index eec56f21482..ee973d06307 100644
--- a/src/components/icon/assets/editor_align_center.js
+++ b/src/components/icon/assets/editor_align_center.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconEditorAlignCenter = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/editor_align_left.js b/src/components/icon/assets/editor_align_left.js
index e8908c6a2a0..248250846b4 100644
--- a/src/components/icon/assets/editor_align_left.js
+++ b/src/components/icon/assets/editor_align_left.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconEditorAlignLeft = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/editor_align_right.js b/src/components/icon/assets/editor_align_right.js
index 479fc3cca00..57bb5598d38 100644
--- a/src/components/icon/assets/editor_align_right.js
+++ b/src/components/icon/assets/editor_align_right.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconEditorAlignRight = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/editor_bold.js b/src/components/icon/assets/editor_bold.js
index c547c7940d1..5e55f7b7c69 100644
--- a/src/components/icon/assets/editor_bold.js
+++ b/src/components/icon/assets/editor_bold.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconEditorBold = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/editor_code_block.js b/src/components/icon/assets/editor_code_block.js
index 97d342aa690..2d25f923520 100644
--- a/src/components/icon/assets/editor_code_block.js
+++ b/src/components/icon/assets/editor_code_block.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconEditorCodeBlock = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/editor_comment.js b/src/components/icon/assets/editor_comment.js
index 5c4b006ffa0..8fd64ea3174 100644
--- a/src/components/icon/assets/editor_comment.js
+++ b/src/components/icon/assets/editor_comment.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconEditorComment = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/editor_heading.js b/src/components/icon/assets/editor_heading.js
index 86926dae502..82e722a9c3d 100644
--- a/src/components/icon/assets/editor_heading.js
+++ b/src/components/icon/assets/editor_heading.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconEditorHeading = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/editor_italic.js b/src/components/icon/assets/editor_italic.js
index ac8f3613349..f7eff033cdc 100644
--- a/src/components/icon/assets/editor_italic.js
+++ b/src/components/icon/assets/editor_italic.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconEditorItalic = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/editor_link.js b/src/components/icon/assets/editor_link.js
index a0b6098b008..e9b063b23cd 100644
--- a/src/components/icon/assets/editor_link.js
+++ b/src/components/icon/assets/editor_link.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconEditorLink = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/editor_ordered_list.js b/src/components/icon/assets/editor_ordered_list.js
index 68b1b852368..c5d5e1e2808 100644
--- a/src/components/icon/assets/editor_ordered_list.js
+++ b/src/components/icon/assets/editor_ordered_list.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconEditorOrderedList = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/editor_redo.js b/src/components/icon/assets/editor_redo.js
index 2b8b2ffa39f..ab1680b972f 100644
--- a/src/components/icon/assets/editor_redo.js
+++ b/src/components/icon/assets/editor_redo.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconEditorRedo = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/editor_strike.js b/src/components/icon/assets/editor_strike.js
index 1d2f7985b3a..da435fe1dc5 100644
--- a/src/components/icon/assets/editor_strike.js
+++ b/src/components/icon/assets/editor_strike.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconEditorStrike = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/editor_table.js b/src/components/icon/assets/editor_table.js
index 0a660c8957f..e91cec2a1e9 100644
--- a/src/components/icon/assets/editor_table.js
+++ b/src/components/icon/assets/editor_table.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconEditorTable = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/editor_underline.js b/src/components/icon/assets/editor_underline.js
index 83bc4e08bb5..a93cbd59f6a 100644
--- a/src/components/icon/assets/editor_underline.js
+++ b/src/components/icon/assets/editor_underline.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconEditorUnderline = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/editor_undo.js b/src/components/icon/assets/editor_undo.js
index c168b8866c0..efcda05f5ae 100644
--- a/src/components/icon/assets/editor_undo.js
+++ b/src/components/icon/assets/editor_undo.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconEditorUndo = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/editor_unordered_list.js b/src/components/icon/assets/editor_unordered_list.js
index 88ec13c6509..c3139cc0c07 100644
--- a/src/components/icon/assets/editor_unordered_list.js
+++ b/src/components/icon/assets/editor_unordered_list.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconEditorUnorderedList = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/email.js b/src/components/icon/assets/email.js
index b83069b8631..e03fefb4aa0 100644
--- a/src/components/icon/assets/email.js
+++ b/src/components/icon/assets/email.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconEmail = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/empty.js b/src/components/icon/assets/empty.js
index ff193d25fae..96f07612333 100644
--- a/src/components/icon/assets/empty.js
+++ b/src/components/icon/assets/empty.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconEmpty = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/exit.js b/src/components/icon/assets/exit.js
index fa5edce6826..bcddc9df8df 100644
--- a/src/components/icon/assets/exit.js
+++ b/src/components/icon/assets/exit.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconExit = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/expand.js b/src/components/icon/assets/expand.js
index 95a862994c4..395b5e773b2 100644
--- a/src/components/icon/assets/expand.js
+++ b/src/components/icon/assets/expand.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconExpand = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/expandMini.js b/src/components/icon/assets/expandMini.js
index ccf62a74fb4..d7d94d8e1e6 100644
--- a/src/components/icon/assets/expandMini.js
+++ b/src/components/icon/assets/expandMini.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconExpandMini = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/export.js b/src/components/icon/assets/export.js
index 3578cc559fa..ba86a05d937 100644
--- a/src/components/icon/assets/export.js
+++ b/src/components/icon/assets/export.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconExport = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/eye.js b/src/components/icon/assets/eye.js
index 41b87d9eb7f..58d9558e8de 100644
--- a/src/components/icon/assets/eye.js
+++ b/src/components/icon/assets/eye.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconEye = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/eye_closed.js b/src/components/icon/assets/eye_closed.js
index 90ab3acfce3..34661a8baf9 100644
--- a/src/components/icon/assets/eye_closed.js
+++ b/src/components/icon/assets/eye_closed.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconEyeClosed = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/faceNeutral.js b/src/components/icon/assets/faceNeutral.js
index b70f537f4eb..387101c3167 100644
--- a/src/components/icon/assets/faceNeutral.js
+++ b/src/components/icon/assets/faceNeutral.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconFaceNeutral = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/face_happy.js b/src/components/icon/assets/face_happy.js
index 43296556bae..0bc7cba7f4d 100644
--- a/src/components/icon/assets/face_happy.js
+++ b/src/components/icon/assets/face_happy.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconFaceHappy = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/face_neutral.js b/src/components/icon/assets/face_neutral.js
index b66e88aa177..a6b120e19f3 100644
--- a/src/components/icon/assets/face_neutral.js
+++ b/src/components/icon/assets/face_neutral.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconFaceNeutral = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/face_sad.js b/src/components/icon/assets/face_sad.js
index 3daa773a644..5830da3659f 100644
--- a/src/components/icon/assets/face_sad.js
+++ b/src/components/icon/assets/face_sad.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconFaceSad = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/filter.js b/src/components/icon/assets/filter.js
index 96e483f89d3..24d87ebf76b 100644
--- a/src/components/icon/assets/filter.js
+++ b/src/components/icon/assets/filter.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconFilter = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/flag.js b/src/components/icon/assets/flag.js
index 916c111c8a2..a3c82003cb8 100644
--- a/src/components/icon/assets/flag.js
+++ b/src/components/icon/assets/flag.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconFlag = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/fold.js b/src/components/icon/assets/fold.js
index 99f02597ffa..70f39d9e8ca 100644
--- a/src/components/icon/assets/fold.js
+++ b/src/components/icon/assets/fold.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconFold = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/folder_check.js b/src/components/icon/assets/folder_check.js
index 49608be3e1f..bb4597f5318 100644
--- a/src/components/icon/assets/folder_check.js
+++ b/src/components/icon/assets/folder_check.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconFolderCheck = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/folder_closed.js b/src/components/icon/assets/folder_closed.js
index b924b552b3c..873d9c154cb 100644
--- a/src/components/icon/assets/folder_closed.js
+++ b/src/components/icon/assets/folder_closed.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconFolderClosed = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/folder_exclamation.js b/src/components/icon/assets/folder_exclamation.js
index cf14f694a8c..e34a72d9091 100644
--- a/src/components/icon/assets/folder_exclamation.js
+++ b/src/components/icon/assets/folder_exclamation.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconFolderExclamation = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/folder_open.js b/src/components/icon/assets/folder_open.js
index f27d05618d9..f2f17933a29 100644
--- a/src/components/icon/assets/folder_open.js
+++ b/src/components/icon/assets/folder_open.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconFolderOpen = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/full_screen.js b/src/components/icon/assets/full_screen.js
index 83975c75a01..583d94ed916 100644
--- a/src/components/icon/assets/full_screen.js
+++ b/src/components/icon/assets/full_screen.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconFullScreen = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/gear.js b/src/components/icon/assets/gear.js
index 5c61511be9c..e737cb58732 100644
--- a/src/components/icon/assets/gear.js
+++ b/src/components/icon/assets/gear.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconGear = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/glasses.js b/src/components/icon/assets/glasses.js
index c3e581b0551..ec84f8262ab 100644
--- a/src/components/icon/assets/glasses.js
+++ b/src/components/icon/assets/glasses.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconGlasses = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/globe.js b/src/components/icon/assets/globe.js
index b8d7062051d..464be7da236 100644
--- a/src/components/icon/assets/globe.js
+++ b/src/components/icon/assets/globe.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconGlobe = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/grab.js b/src/components/icon/assets/grab.js
index fe5eac984f3..36c06423053 100644
--- a/src/components/icon/assets/grab.js
+++ b/src/components/icon/assets/grab.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconGrab = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/grab_horizontal.js b/src/components/icon/assets/grab_horizontal.js
index 46aab51e649..b41d9ffe52d 100644
--- a/src/components/icon/assets/grab_horizontal.js
+++ b/src/components/icon/assets/grab_horizontal.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconGrabHorizontal = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/grid.js b/src/components/icon/assets/grid.js
index 9195638af7e..fbc29f92643 100644
--- a/src/components/icon/assets/grid.js
+++ b/src/components/icon/assets/grid.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconGrid = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/heart.js b/src/components/icon/assets/heart.js
index 3dd25e437e2..bc52320d5fa 100644
--- a/src/components/icon/assets/heart.js
+++ b/src/components/icon/assets/heart.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconHeart = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/heatmap.js b/src/components/icon/assets/heatmap.js
index 5b22fe547a8..0d6ba56914d 100644
--- a/src/components/icon/assets/heatmap.js
+++ b/src/components/icon/assets/heatmap.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconHeatmap = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/help.js b/src/components/icon/assets/help.js
index fc60036398a..bc6b316ff00 100644
--- a/src/components/icon/assets/help.js
+++ b/src/components/icon/assets/help.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconHelp = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/home.js b/src/components/icon/assets/home.js
index 600e2bd29a3..fdba62afc4f 100644
--- a/src/components/icon/assets/home.js
+++ b/src/components/icon/assets/home.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconHome = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/iInCircle.js b/src/components/icon/assets/iInCircle.js
index ddaed36f666..d99728f2a43 100644
--- a/src/components/icon/assets/iInCircle.js
+++ b/src/components/icon/assets/iInCircle.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconIInCircle = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/image.js b/src/components/icon/assets/image.js
index 48a47fa5c7d..e2d18c837b8 100644
--- a/src/components/icon/assets/image.js
+++ b/src/components/icon/assets/image.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconImage = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/import.js b/src/components/icon/assets/import.js
index 0236c30a862..57b16b7baa7 100644
--- a/src/components/icon/assets/import.js
+++ b/src/components/icon/assets/import.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconImport = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/index_close.js b/src/components/icon/assets/index_close.js
index 8bd3076e669..22cdb6f8d8c 100644
--- a/src/components/icon/assets/index_close.js
+++ b/src/components/icon/assets/index_close.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconIndexClose = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/index_edit.js b/src/components/icon/assets/index_edit.js
index 805de454fa4..ebccaa9fbab 100644
--- a/src/components/icon/assets/index_edit.js
+++ b/src/components/icon/assets/index_edit.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconIndexEdit = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/index_flush.js b/src/components/icon/assets/index_flush.js
index 44eeed0bf0e..0d292531a3b 100644
--- a/src/components/icon/assets/index_flush.js
+++ b/src/components/icon/assets/index_flush.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconIndexFlush = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/index_mapping.js b/src/components/icon/assets/index_mapping.js
index 7616cd9ed53..551a5272e9c 100644
--- a/src/components/icon/assets/index_mapping.js
+++ b/src/components/icon/assets/index_mapping.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconIndexMapping = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/index_open.js b/src/components/icon/assets/index_open.js
index c4f2dc8e0bf..cebbe2efafc 100644
--- a/src/components/icon/assets/index_open.js
+++ b/src/components/icon/assets/index_open.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconIndexOpen = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/index_settings.js b/src/components/icon/assets/index_settings.js
index bd6f7274282..e9b2eebe556 100644
--- a/src/components/icon/assets/index_settings.js
+++ b/src/components/icon/assets/index_settings.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconIndexSettings = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/inputOutput.js b/src/components/icon/assets/inputOutput.js
index d3f563ec3ee..18c56c3c402 100644
--- a/src/components/icon/assets/inputOutput.js
+++ b/src/components/icon/assets/inputOutput.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconInputOutput = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/inspect.js b/src/components/icon/assets/inspect.js
index 66f8fd64844..86c1cde8957 100644
--- a/src/components/icon/assets/inspect.js
+++ b/src/components/icon/assets/inspect.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconInspect = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/invert.js b/src/components/icon/assets/invert.js
index 7f79e869d94..2ccdcc5d712 100644
--- a/src/components/icon/assets/invert.js
+++ b/src/components/icon/assets/invert.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconInvert = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/ip.js b/src/components/icon/assets/ip.js
index d0bbfdabe6e..c751cb4d554 100644
--- a/src/components/icon/assets/ip.js
+++ b/src/components/icon/assets/ip.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconIp = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/keyboard_shortcut.js b/src/components/icon/assets/keyboard_shortcut.js
index f5343a19648..ed999c022bf 100644
--- a/src/components/icon/assets/keyboard_shortcut.js
+++ b/src/components/icon/assets/keyboard_shortcut.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconKeyboardShortcut = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/kql_field.js b/src/components/icon/assets/kql_field.js
index b37b788c14c..863b17806cb 100644
--- a/src/components/icon/assets/kql_field.js
+++ b/src/components/icon/assets/kql_field.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconKqlField = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/kql_function.js b/src/components/icon/assets/kql_function.js
index 81e42930fff..389c81d41a2 100644
--- a/src/components/icon/assets/kql_function.js
+++ b/src/components/icon/assets/kql_function.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconKqlFunction = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/kql_operand.js b/src/components/icon/assets/kql_operand.js
index 1bd1f7bbe9b..90e50bb8388 100644
--- a/src/components/icon/assets/kql_operand.js
+++ b/src/components/icon/assets/kql_operand.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconKqlOperand = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/kql_selector.js b/src/components/icon/assets/kql_selector.js
index b56a7a1b518..0c3a90637f4 100644
--- a/src/components/icon/assets/kql_selector.js
+++ b/src/components/icon/assets/kql_selector.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconKqlSelector = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/kql_value.js b/src/components/icon/assets/kql_value.js
index 6936b6492e2..5061702002c 100644
--- a/src/components/icon/assets/kql_value.js
+++ b/src/components/icon/assets/kql_value.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconKqlValue = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/link.js b/src/components/icon/assets/link.js
index 1b4797ea469..331a87a2bac 100644
--- a/src/components/icon/assets/link.js
+++ b/src/components/icon/assets/link.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconLink = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/list.js b/src/components/icon/assets/list.js
index 221ddf2e77f..63a0e9f8e08 100644
--- a/src/components/icon/assets/list.js
+++ b/src/components/icon/assets/list.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconList = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/list_add.js b/src/components/icon/assets/list_add.js
index 8e6963efe41..086c2defdf9 100644
--- a/src/components/icon/assets/list_add.js
+++ b/src/components/icon/assets/list_add.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconListAdd = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/lock.js b/src/components/icon/assets/lock.js
index 448299ba3aa..50795c780ba 100644
--- a/src/components/icon/assets/lock.js
+++ b/src/components/icon/assets/lock.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconLock = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/lockOpen.js b/src/components/icon/assets/lockOpen.js
index 95f483f16e4..6d90ce242f6 100644
--- a/src/components/icon/assets/lockOpen.js
+++ b/src/components/icon/assets/lockOpen.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconLockOpen = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/logo_aerospike.js b/src/components/icon/assets/logo_aerospike.js
index 55537eff419..07fddae5e44 100644
--- a/src/components/icon/assets/logo_aerospike.js
+++ b/src/components/icon/assets/logo_aerospike.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconLogoAerospike = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/logo_apache.js b/src/components/icon/assets/logo_apache.js
index 0f5c6bc296d..0f97707d283 100644
--- a/src/components/icon/assets/logo_apache.js
+++ b/src/components/icon/assets/logo_apache.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconLogoApache = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/logo_apm.js b/src/components/icon/assets/logo_apm.js
index 28ca7c44640..d5f529342bf 100644
--- a/src/components/icon/assets/logo_apm.js
+++ b/src/components/icon/assets/logo_apm.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconLogoApm = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/logo_app_search.js b/src/components/icon/assets/logo_app_search.js
index bf548510db3..763858ebd83 100644
--- a/src/components/icon/assets/logo_app_search.js
+++ b/src/components/icon/assets/logo_app_search.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconLogoAppSearch = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/logo_aws.js b/src/components/icon/assets/logo_aws.js
index abfc12dac4e..ddf5471493d 100644
--- a/src/components/icon/assets/logo_aws.js
+++ b/src/components/icon/assets/logo_aws.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconLogoAws = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/logo_aws_mono.js b/src/components/icon/assets/logo_aws_mono.js
index 401573ad86a..58295469273 100644
--- a/src/components/icon/assets/logo_aws_mono.js
+++ b/src/components/icon/assets/logo_aws_mono.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconLogoAwsMono = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/logo_azure.js b/src/components/icon/assets/logo_azure.js
index 354336a06aa..90f06a5a0fe 100644
--- a/src/components/icon/assets/logo_azure.js
+++ b/src/components/icon/assets/logo_azure.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconLogoAzure = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/logo_azure_mono.js b/src/components/icon/assets/logo_azure_mono.js
index dfef5504e42..e8ad73604d9 100644
--- a/src/components/icon/assets/logo_azure_mono.js
+++ b/src/components/icon/assets/logo_azure_mono.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconLogoAzureMono = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/logo_beats.js b/src/components/icon/assets/logo_beats.js
index 4ce34e5dc38..04870756e4e 100644
--- a/src/components/icon/assets/logo_beats.js
+++ b/src/components/icon/assets/logo_beats.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconLogoBeats = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/logo_business_analytics.js b/src/components/icon/assets/logo_business_analytics.js
index 6aff073b001..0b6a9b42a52 100644
--- a/src/components/icon/assets/logo_business_analytics.js
+++ b/src/components/icon/assets/logo_business_analytics.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconLogoBusinessAnalytics = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/logo_ceph.js b/src/components/icon/assets/logo_ceph.js
index e830033c0d2..ba7819d095c 100644
--- a/src/components/icon/assets/logo_ceph.js
+++ b/src/components/icon/assets/logo_ceph.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconLogoCeph = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/logo_cloud.js b/src/components/icon/assets/logo_cloud.js
index 501bb67bfbf..95c2d57346b 100644
--- a/src/components/icon/assets/logo_cloud.js
+++ b/src/components/icon/assets/logo_cloud.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconLogoCloud = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/logo_cloud_ece.js b/src/components/icon/assets/logo_cloud_ece.js
index fa50a435f36..c0435d81416 100644
--- a/src/components/icon/assets/logo_cloud_ece.js
+++ b/src/components/icon/assets/logo_cloud_ece.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconLogoCloudEce = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/logo_code.js b/src/components/icon/assets/logo_code.js
index 174bf89b7c6..a7fdd08e871 100644
--- a/src/components/icon/assets/logo_code.js
+++ b/src/components/icon/assets/logo_code.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconLogoCode = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/logo_codesandbox.js b/src/components/icon/assets/logo_codesandbox.js
index aab8c8bdbe3..2a675fea5a0 100644
--- a/src/components/icon/assets/logo_codesandbox.js
+++ b/src/components/icon/assets/logo_codesandbox.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconLogoCodesandbox = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/logo_couchbase.js b/src/components/icon/assets/logo_couchbase.js
index 21aaf06d295..5c810c2f42d 100644
--- a/src/components/icon/assets/logo_couchbase.js
+++ b/src/components/icon/assets/logo_couchbase.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconLogoCouchbase = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/logo_docker.js b/src/components/icon/assets/logo_docker.js
index d4aec230459..920fd8c565b 100644
--- a/src/components/icon/assets/logo_docker.js
+++ b/src/components/icon/assets/logo_docker.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconLogoDocker = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/logo_dropwizard.js b/src/components/icon/assets/logo_dropwizard.js
index d488ebdb155..15ad7f602aa 100644
--- a/src/components/icon/assets/logo_dropwizard.js
+++ b/src/components/icon/assets/logo_dropwizard.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconLogoDropwizard = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/logo_elastic.js b/src/components/icon/assets/logo_elastic.js
index 611e532c2fa..b7d0bc78fc0 100644
--- a/src/components/icon/assets/logo_elastic.js
+++ b/src/components/icon/assets/logo_elastic.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconLogoElastic = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/logo_elastic_stack.js b/src/components/icon/assets/logo_elastic_stack.js
index 54f7caa5241..c94d9f8efc2 100644
--- a/src/components/icon/assets/logo_elastic_stack.js
+++ b/src/components/icon/assets/logo_elastic_stack.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconLogoElasticStack = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/logo_elasticsearch.js b/src/components/icon/assets/logo_elasticsearch.js
index c9d1e368edf..423a1a976dd 100644
--- a/src/components/icon/assets/logo_elasticsearch.js
+++ b/src/components/icon/assets/logo_elasticsearch.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconLogoElasticsearch = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/logo_enterprise_search.js b/src/components/icon/assets/logo_enterprise_search.js
index 195c0498363..50bc0b0c432 100644
--- a/src/components/icon/assets/logo_enterprise_search.js
+++ b/src/components/icon/assets/logo_enterprise_search.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconLogoEnterpriseSearch = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/logo_etcd.js b/src/components/icon/assets/logo_etcd.js
index a25b7bba051..ee10902ee80 100644
--- a/src/components/icon/assets/logo_etcd.js
+++ b/src/components/icon/assets/logo_etcd.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconLogoEtcd = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/logo_gcp.js b/src/components/icon/assets/logo_gcp.js
index 37314e5ccb6..dab1f4bbfdd 100644
--- a/src/components/icon/assets/logo_gcp.js
+++ b/src/components/icon/assets/logo_gcp.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconLogoGcp = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/logo_gcp_mono.js b/src/components/icon/assets/logo_gcp_mono.js
index 311b92b6f67..ec016869943 100644
--- a/src/components/icon/assets/logo_gcp_mono.js
+++ b/src/components/icon/assets/logo_gcp_mono.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconLogoGcpMono = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/logo_github.js b/src/components/icon/assets/logo_github.js
index f5786fe845f..3faa03870d2 100644
--- a/src/components/icon/assets/logo_github.js
+++ b/src/components/icon/assets/logo_github.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconLogoGithub = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/logo_gmail.js b/src/components/icon/assets/logo_gmail.js
index c26177c2e8a..b7d0ef49bb4 100644
--- a/src/components/icon/assets/logo_gmail.js
+++ b/src/components/icon/assets/logo_gmail.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconLogoGmail = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/logo_golang.js b/src/components/icon/assets/logo_golang.js
index 5befa98a5e1..196840ee3af 100644
--- a/src/components/icon/assets/logo_golang.js
+++ b/src/components/icon/assets/logo_golang.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconLogoGolang = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/logo_google_g.js b/src/components/icon/assets/logo_google_g.js
index d3442fc676f..4f466f02749 100644
--- a/src/components/icon/assets/logo_google_g.js
+++ b/src/components/icon/assets/logo_google_g.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconLogoGoogleG = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/logo_haproxy.js b/src/components/icon/assets/logo_haproxy.js
index 2b3e5066de3..4d5840316df 100644
--- a/src/components/icon/assets/logo_haproxy.js
+++ b/src/components/icon/assets/logo_haproxy.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconLogoHaproxy = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/logo_ibm.js b/src/components/icon/assets/logo_ibm.js
index 63291618c2f..aa858633ffa 100644
--- a/src/components/icon/assets/logo_ibm.js
+++ b/src/components/icon/assets/logo_ibm.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconLogoIbm = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/logo_ibm_mono.js b/src/components/icon/assets/logo_ibm_mono.js
index d5f2a9aceee..f97c375b485 100644
--- a/src/components/icon/assets/logo_ibm_mono.js
+++ b/src/components/icon/assets/logo_ibm_mono.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconLogoIbmMono = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/logo_kafka.js b/src/components/icon/assets/logo_kafka.js
index e3c7530fda0..fbf02f0909e 100644
--- a/src/components/icon/assets/logo_kafka.js
+++ b/src/components/icon/assets/logo_kafka.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconLogoKafka = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/logo_kibana.js b/src/components/icon/assets/logo_kibana.js
index 5efee5ba9fc..b5dd63a1330 100644
--- a/src/components/icon/assets/logo_kibana.js
+++ b/src/components/icon/assets/logo_kibana.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconLogoKibana = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/logo_kubernetes.js b/src/components/icon/assets/logo_kubernetes.js
index 384501c49fb..5885a0b6ebe 100644
--- a/src/components/icon/assets/logo_kubernetes.js
+++ b/src/components/icon/assets/logo_kubernetes.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconLogoKubernetes = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/logo_logging.js b/src/components/icon/assets/logo_logging.js
index 7419f66ce97..deda7db2250 100644
--- a/src/components/icon/assets/logo_logging.js
+++ b/src/components/icon/assets/logo_logging.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconLogoLogging = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/logo_logstash.js b/src/components/icon/assets/logo_logstash.js
index 929fe177b2f..b7f2862cab4 100644
--- a/src/components/icon/assets/logo_logstash.js
+++ b/src/components/icon/assets/logo_logstash.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconLogoLogstash = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/logo_maps.js b/src/components/icon/assets/logo_maps.js
index bd7f4fd306b..e7a43f5d85b 100644
--- a/src/components/icon/assets/logo_maps.js
+++ b/src/components/icon/assets/logo_maps.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconLogoMaps = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/logo_memcached.js b/src/components/icon/assets/logo_memcached.js
index ff71e11fb4d..8559d1d7315 100644
--- a/src/components/icon/assets/logo_memcached.js
+++ b/src/components/icon/assets/logo_memcached.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconLogoMemcached = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/logo_metrics.js b/src/components/icon/assets/logo_metrics.js
index 6fb264d24be..6fb7fcd5fd0 100644
--- a/src/components/icon/assets/logo_metrics.js
+++ b/src/components/icon/assets/logo_metrics.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconLogoMetrics = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/logo_mongodb.js b/src/components/icon/assets/logo_mongodb.js
index 38af385c9cd..a928680c133 100644
--- a/src/components/icon/assets/logo_mongodb.js
+++ b/src/components/icon/assets/logo_mongodb.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconLogoMongodb = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/logo_mysql.js b/src/components/icon/assets/logo_mysql.js
index 3829c393c71..8fab86db602 100644
--- a/src/components/icon/assets/logo_mysql.js
+++ b/src/components/icon/assets/logo_mysql.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconLogoMysql = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/logo_nginx.js b/src/components/icon/assets/logo_nginx.js
index 0615f3b5b20..31418da34c5 100644
--- a/src/components/icon/assets/logo_nginx.js
+++ b/src/components/icon/assets/logo_nginx.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconLogoNginx = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/logo_observability.js b/src/components/icon/assets/logo_observability.js
index a0da4ed9071..1efe79cdc31 100644
--- a/src/components/icon/assets/logo_observability.js
+++ b/src/components/icon/assets/logo_observability.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconLogoObservability = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/logo_osquery.js b/src/components/icon/assets/logo_osquery.js
index f1e1ce33506..6d89467fe21 100644
--- a/src/components/icon/assets/logo_osquery.js
+++ b/src/components/icon/assets/logo_osquery.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconLogoOsquery = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/logo_php.js b/src/components/icon/assets/logo_php.js
index 28c3a1c9f15..2f17d6d39d9 100644
--- a/src/components/icon/assets/logo_php.js
+++ b/src/components/icon/assets/logo_php.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconLogoPhp = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/logo_postgres.js b/src/components/icon/assets/logo_postgres.js
index d0f39358e00..cec65eae45d 100644
--- a/src/components/icon/assets/logo_postgres.js
+++ b/src/components/icon/assets/logo_postgres.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconLogoPostgres = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/logo_prometheus.js b/src/components/icon/assets/logo_prometheus.js
index 302eecaaabe..65d5b615570 100644
--- a/src/components/icon/assets/logo_prometheus.js
+++ b/src/components/icon/assets/logo_prometheus.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconLogoPrometheus = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/logo_rabbitmq.js b/src/components/icon/assets/logo_rabbitmq.js
index d1d43bedc49..810b46d98a3 100644
--- a/src/components/icon/assets/logo_rabbitmq.js
+++ b/src/components/icon/assets/logo_rabbitmq.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconLogoRabbitmq = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/logo_redis.js b/src/components/icon/assets/logo_redis.js
index 1d8f5d5c2b5..35f2571e9e7 100644
--- a/src/components/icon/assets/logo_redis.js
+++ b/src/components/icon/assets/logo_redis.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconLogoRedis = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/logo_security.js b/src/components/icon/assets/logo_security.js
index 4910d492a67..028c00bc17d 100644
--- a/src/components/icon/assets/logo_security.js
+++ b/src/components/icon/assets/logo_security.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconLogoSecurity = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/logo_site_search.js b/src/components/icon/assets/logo_site_search.js
index 5c31be59cef..84ae189ff55 100644
--- a/src/components/icon/assets/logo_site_search.js
+++ b/src/components/icon/assets/logo_site_search.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconLogoSiteSearch = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/logo_sketch.js b/src/components/icon/assets/logo_sketch.js
index e936d8971f6..30c3bfaa581 100644
--- a/src/components/icon/assets/logo_sketch.js
+++ b/src/components/icon/assets/logo_sketch.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconLogoSketch = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/logo_slack.js b/src/components/icon/assets/logo_slack.js
index 9f098e03836..7b873f76f34 100644
--- a/src/components/icon/assets/logo_slack.js
+++ b/src/components/icon/assets/logo_slack.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconLogoSlack = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/logo_uptime.js b/src/components/icon/assets/logo_uptime.js
index b4659dadd1e..1d81f0dab3b 100644
--- a/src/components/icon/assets/logo_uptime.js
+++ b/src/components/icon/assets/logo_uptime.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconLogoUptime = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/logo_webhook.js b/src/components/icon/assets/logo_webhook.js
index 1b1697be8a6..cdc11718eae 100644
--- a/src/components/icon/assets/logo_webhook.js
+++ b/src/components/icon/assets/logo_webhook.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconLogoWebhook = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/logo_windows.js b/src/components/icon/assets/logo_windows.js
index 1263418c5e4..bb63c8a68ec 100644
--- a/src/components/icon/assets/logo_windows.js
+++ b/src/components/icon/assets/logo_windows.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconLogoWindows = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/logo_workplace_search.js b/src/components/icon/assets/logo_workplace_search.js
index 5b19f282fca..98c36c270ae 100644
--- a/src/components/icon/assets/logo_workplace_search.js
+++ b/src/components/icon/assets/logo_workplace_search.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconLogoWorkplaceSearch = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/logstash_filter.js b/src/components/icon/assets/logstash_filter.js
index 7e3ff462890..1514d8bea04 100644
--- a/src/components/icon/assets/logstash_filter.js
+++ b/src/components/icon/assets/logstash_filter.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconLogstashFilter = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/logstash_if.js b/src/components/icon/assets/logstash_if.js
index 448cb7ad5f5..99c7f93029c 100644
--- a/src/components/icon/assets/logstash_if.js
+++ b/src/components/icon/assets/logstash_if.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconLogstashIf = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/logstash_input.js b/src/components/icon/assets/logstash_input.js
index 6e8f83d1348..f8ae2c6e041 100644
--- a/src/components/icon/assets/logstash_input.js
+++ b/src/components/icon/assets/logstash_input.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconLogstashInput = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/logstash_output.js b/src/components/icon/assets/logstash_output.js
index 4b9405a8925..bddd12944b4 100644
--- a/src/components/icon/assets/logstash_output.js
+++ b/src/components/icon/assets/logstash_output.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconLogstashOutput = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/logstash_queue.js b/src/components/icon/assets/logstash_queue.js
index 3150fbc4e4f..d028f2f7c23 100644
--- a/src/components/icon/assets/logstash_queue.js
+++ b/src/components/icon/assets/logstash_queue.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconLogstashQueue = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/magnet.js b/src/components/icon/assets/magnet.js
index ba7ad81de48..52ce9803099 100644
--- a/src/components/icon/assets/magnet.js
+++ b/src/components/icon/assets/magnet.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconMagnet = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/magnifyWithMinus.js b/src/components/icon/assets/magnifyWithMinus.js
index 77f9b5aa2f5..bffadd5ffd1 100644
--- a/src/components/icon/assets/magnifyWithMinus.js
+++ b/src/components/icon/assets/magnifyWithMinus.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconMagnifyWithMinus = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/magnifyWithPlus.js b/src/components/icon/assets/magnifyWithPlus.js
index 88b03acd5bb..cd333c81b1c 100644
--- a/src/components/icon/assets/magnifyWithPlus.js
+++ b/src/components/icon/assets/magnifyWithPlus.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconMagnifyWithPlus = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/map_marker.js b/src/components/icon/assets/map_marker.js
index ffce17ee011..d791fac0672 100644
--- a/src/components/icon/assets/map_marker.js
+++ b/src/components/icon/assets/map_marker.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconMapMarker = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/memory.js b/src/components/icon/assets/memory.js
index f4d42c55f19..2ed71015425 100644
--- a/src/components/icon/assets/memory.js
+++ b/src/components/icon/assets/memory.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconMemory = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/menu.js b/src/components/icon/assets/menu.js
index 8f38cfd85d3..57a8853b40e 100644
--- a/src/components/icon/assets/menu.js
+++ b/src/components/icon/assets/menu.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconMenu = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/menuLeft.js b/src/components/icon/assets/menuLeft.js
index 4a5f88c2c85..e378dba6161 100644
--- a/src/components/icon/assets/menuLeft.js
+++ b/src/components/icon/assets/menuLeft.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconMenuLeft = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/menuRight.js b/src/components/icon/assets/menuRight.js
index 223398dec40..955ef41e6f1 100644
--- a/src/components/icon/assets/menuRight.js
+++ b/src/components/icon/assets/menuRight.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconMenuRight = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/merge.js b/src/components/icon/assets/merge.js
index 1783eb0bf8d..853158f0d22 100644
--- a/src/components/icon/assets/merge.js
+++ b/src/components/icon/assets/merge.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconMerge = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/minimize.js b/src/components/icon/assets/minimize.js
index b2677db274b..7f3dbfa9fa7 100644
--- a/src/components/icon/assets/minimize.js
+++ b/src/components/icon/assets/minimize.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconMinimize = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/minus.js b/src/components/icon/assets/minus.js
new file mode 100644
index 00000000000..8ffecbcbb6e
--- /dev/null
+++ b/src/components/icon/assets/minus.js
@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+const EuiIconMinus = ({ title, titleId, ...props }) => (
+  <svg
+    width={16}
+    height={16}
+    viewBox="0 0 16 16"
+    xmlns="http://www.w3.org/2000/svg"
+    aria-labelledby={titleId}
+    {...props}>
+    {title ? <title id={titleId}>{title}</title> : null}
+    <rect width={10} height={1.5} x={3} y={7.25} rx={0.5} />
+  </svg>
+);
+
+export const icon = EuiIconMinus;
diff --git a/src/components/icon/assets/minus.svg b/src/components/icon/assets/minus.svg
new file mode 100644
index 00000000000..40214b74434
--- /dev/null
+++ b/src/components/icon/assets/minus.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+  <rect width="10" height="1.5" x="3" y="7.25" rx=".5"/>
+</svg>
diff --git a/src/components/icon/assets/minus_in_circle.js b/src/components/icon/assets/minus_in_circle.js
index 986eb251ae1..8dd4adbe8b5 100644
--- a/src/components/icon/assets/minus_in_circle.js
+++ b/src/components/icon/assets/minus_in_circle.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconMinusInCircle = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/minus_in_circle_filled.js b/src/components/icon/assets/minus_in_circle_filled.js
index 8ad381eb1da..369bad1bc47 100644
--- a/src/components/icon/assets/minus_in_circle_filled.js
+++ b/src/components/icon/assets/minus_in_circle_filled.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconMinusInCircleFilled = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/ml_classification_job.js b/src/components/icon/assets/ml_classification_job.js
index acfac1e68fd..5a70432022a 100644
--- a/src/components/icon/assets/ml_classification_job.js
+++ b/src/components/icon/assets/ml_classification_job.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconMlClassificationJob = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/ml_create_advanced_job.js b/src/components/icon/assets/ml_create_advanced_job.js
index 43955149321..3303841bb35 100644
--- a/src/components/icon/assets/ml_create_advanced_job.js
+++ b/src/components/icon/assets/ml_create_advanced_job.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconMlCreateAdvancedJob = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/ml_create_multi_metric_job.js b/src/components/icon/assets/ml_create_multi_metric_job.js
index 4b06751e7cd..e6cdd020266 100644
--- a/src/components/icon/assets/ml_create_multi_metric_job.js
+++ b/src/components/icon/assets/ml_create_multi_metric_job.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconMlCreateMultiMetricJob = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/ml_create_population_job.js b/src/components/icon/assets/ml_create_population_job.js
index 9fc5959876f..10ebba98f92 100644
--- a/src/components/icon/assets/ml_create_population_job.js
+++ b/src/components/icon/assets/ml_create_population_job.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconMlCreatePopulationJob = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/ml_create_single_metric_job.js b/src/components/icon/assets/ml_create_single_metric_job.js
index 092c3712ab8..5d76165820d 100644
--- a/src/components/icon/assets/ml_create_single_metric_job.js
+++ b/src/components/icon/assets/ml_create_single_metric_job.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconMlCreateSingleMetricJob = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/ml_data_visualizer.js b/src/components/icon/assets/ml_data_visualizer.js
index 495792edc74..715fe448b00 100644
--- a/src/components/icon/assets/ml_data_visualizer.js
+++ b/src/components/icon/assets/ml_data_visualizer.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconMlDataVisualizer = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/ml_outlier_detection_job.js b/src/components/icon/assets/ml_outlier_detection_job.js
index f3b1f9c2043..93002c4974d 100644
--- a/src/components/icon/assets/ml_outlier_detection_job.js
+++ b/src/components/icon/assets/ml_outlier_detection_job.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconMlOutlierDetectionJob = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/ml_regression_job.js b/src/components/icon/assets/ml_regression_job.js
index 8780782a4ae..ef65224db20 100644
--- a/src/components/icon/assets/ml_regression_job.js
+++ b/src/components/icon/assets/ml_regression_job.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconMlRegressionJob = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/moon.js b/src/components/icon/assets/moon.js
index 9e2397ee84d..a984e02767b 100644
--- a/src/components/icon/assets/moon.js
+++ b/src/components/icon/assets/moon.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconMoon = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/nested.js b/src/components/icon/assets/nested.js
index a954cc3686d..7afda3c0fa0 100644
--- a/src/components/icon/assets/nested.js
+++ b/src/components/icon/assets/nested.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconNested = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/node.js b/src/components/icon/assets/node.js
index c60390414aa..d1aabed7081 100644
--- a/src/components/icon/assets/node.js
+++ b/src/components/icon/assets/node.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconNode = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/number.js b/src/components/icon/assets/number.js
index 06ceee93268..5f7ff0e244e 100644
--- a/src/components/icon/assets/number.js
+++ b/src/components/icon/assets/number.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconNumber = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/offline.js b/src/components/icon/assets/offline.js
index e78769c89ce..d72508221ab 100644
--- a/src/components/icon/assets/offline.js
+++ b/src/components/icon/assets/offline.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconOffline = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/online.js b/src/components/icon/assets/online.js
index 0027975549a..19b4e7fc90e 100644
--- a/src/components/icon/assets/online.js
+++ b/src/components/icon/assets/online.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconOnline = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/package.js b/src/components/icon/assets/package.js
index 3810377ca63..b33842f30ff 100644
--- a/src/components/icon/assets/package.js
+++ b/src/components/icon/assets/package.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconPackage = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/pageSelect.js b/src/components/icon/assets/pageSelect.js
index 6e43fe8fd22..9c559b676c1 100644
--- a/src/components/icon/assets/pageSelect.js
+++ b/src/components/icon/assets/pageSelect.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconPageSelect = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/pagesSelect.js b/src/components/icon/assets/pagesSelect.js
index a6a9fa1bddf..fcb3e8d72f6 100644
--- a/src/components/icon/assets/pagesSelect.js
+++ b/src/components/icon/assets/pagesSelect.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconPagesSelect = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/paint.js b/src/components/icon/assets/paint.js
index 06de4d3711c..08336c08e27 100644
--- a/src/components/icon/assets/paint.js
+++ b/src/components/icon/assets/paint.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconPaint = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/paper_clip.js b/src/components/icon/assets/paper_clip.js
index 21cf37ba9af..215ee1f289d 100644
--- a/src/components/icon/assets/paper_clip.js
+++ b/src/components/icon/assets/paper_clip.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconPaperClip = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/partial.js b/src/components/icon/assets/partial.js
index a7914c192ca..ed397598c12 100644
--- a/src/components/icon/assets/partial.js
+++ b/src/components/icon/assets/partial.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconPartial = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/pause.js b/src/components/icon/assets/pause.js
index 47983835860..97861f52e80 100644
--- a/src/components/icon/assets/pause.js
+++ b/src/components/icon/assets/pause.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconPause = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/pencil.js b/src/components/icon/assets/pencil.js
index d9b6827f022..593728c3e11 100644
--- a/src/components/icon/assets/pencil.js
+++ b/src/components/icon/assets/pencil.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconPencil = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/pin.js b/src/components/icon/assets/pin.js
index 1bf0dc2d3eb..ca6f77242f8 100644
--- a/src/components/icon/assets/pin.js
+++ b/src/components/icon/assets/pin.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconPin = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/pin_filled.js b/src/components/icon/assets/pin_filled.js
index 231451c10d2..fbf67a3ecba 100644
--- a/src/components/icon/assets/pin_filled.js
+++ b/src/components/icon/assets/pin_filled.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconPinFilled = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/play.js b/src/components/icon/assets/play.js
index 82c335b3f99..03c875f9e68 100644
--- a/src/components/icon/assets/play.js
+++ b/src/components/icon/assets/play.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconPlay = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/plus.js b/src/components/icon/assets/plus.js
new file mode 100644
index 00000000000..27e283adeae
--- /dev/null
+++ b/src/components/icon/assets/plus.js
@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+const EuiIconPlus = ({ title, titleId, ...props }) => (
+  <svg
+    width={16}
+    height={16}
+    viewBox="0 0 16 16"
+    xmlns="http://www.w3.org/2000/svg"
+    aria-labelledby={titleId}
+    {...props}>
+    {title ? <title id={titleId}>{title}</title> : null}
+    <path d="M8.25 3a.5.5 0 01.5.5v3.75h3.75a.5.5 0 01.5.5v.5a.5.5 0 01-.5.5H8.75v3.75a.5.5 0 01-.5.5h-.5a.5.5 0 01-.5-.5V8.75H3.5a.5.5 0 01-.5-.5v-.5a.5.5 0 01.5-.5h3.75V3.5a.5.5 0 01.5-.5h.5z" />
+  </svg>
+);
+
+export const icon = EuiIconPlus;
diff --git a/src/components/icon/assets/plus.svg b/src/components/icon/assets/plus.svg
new file mode 100644
index 00000000000..14961454c82
--- /dev/null
+++ b/src/components/icon/assets/plus.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+  <path d="M8.25,3 C8.52614237,3 8.75,3.22385763 8.75,3.5 L8.75,7.25 L12.5,7.25 C12.7761424,7.25 13,7.47385763 13,7.75 L13,8.25 C13,8.52614237 12.7761424,8.75 12.5,8.75 L8.75,8.75 L8.75,12.5 C8.75,12.7761424 8.52614237,13 8.25,13 L7.75,13 C7.47385763,13 7.25,12.7761424 7.25,12.5 L7.25,8.75 L3.5,8.75 C3.22385763,8.75 3,8.52614237 3,8.25 L3,7.75 C3,7.47385763 3.22385763,7.25 3.5,7.25 L7.25,7.25 L7.25,3.5 C7.25,3.22385763 7.47385763,3 7.75,3 L8.25,3 Z"/>
+</svg>
diff --git a/src/components/icon/assets/plus_in_circle.js b/src/components/icon/assets/plus_in_circle.js
index 2e33ec82833..9f090ad3234 100644
--- a/src/components/icon/assets/plus_in_circle.js
+++ b/src/components/icon/assets/plus_in_circle.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconPlusInCircle = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/plus_in_circle_filled.js b/src/components/icon/assets/plus_in_circle_filled.js
index fdb163451e0..68ca1ecceb1 100644
--- a/src/components/icon/assets/plus_in_circle_filled.js
+++ b/src/components/icon/assets/plus_in_circle_filled.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconPlusInCircleFilled = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/popout.js b/src/components/icon/assets/popout.js
index 8abf7cf9b02..33e54f6c091 100644
--- a/src/components/icon/assets/popout.js
+++ b/src/components/icon/assets/popout.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconPopout = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/push.js b/src/components/icon/assets/push.js
index e5b46e7fe5d..3a1c0a2c9be 100644
--- a/src/components/icon/assets/push.js
+++ b/src/components/icon/assets/push.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconPush = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/question_in_circle.js b/src/components/icon/assets/question_in_circle.js
index 2ba5fcbd83e..aa54a73daa9 100644
--- a/src/components/icon/assets/question_in_circle.js
+++ b/src/components/icon/assets/question_in_circle.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconQuestionInCircle = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/quote.js b/src/components/icon/assets/quote.js
index 58525f7212e..01268cf209a 100644
--- a/src/components/icon/assets/quote.js
+++ b/src/components/icon/assets/quote.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconQuote = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/refresh.js b/src/components/icon/assets/refresh.js
index 540dfb603f6..d9082ade13a 100644
--- a/src/components/icon/assets/refresh.js
+++ b/src/components/icon/assets/refresh.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconRefresh = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/reporter.js b/src/components/icon/assets/reporter.js
index 81c65eef6fb..a5f129472fa 100644
--- a/src/components/icon/assets/reporter.js
+++ b/src/components/icon/assets/reporter.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconReporter = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/return_key.js b/src/components/icon/assets/return_key.js
index c7409a38e98..3f5a7705182 100644
--- a/src/components/icon/assets/return_key.js
+++ b/src/components/icon/assets/return_key.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconReturnKey = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/save.js b/src/components/icon/assets/save.js
index 42dd1c2ff52..98eef6cc2ca 100644
--- a/src/components/icon/assets/save.js
+++ b/src/components/icon/assets/save.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconSave = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/scale.js b/src/components/icon/assets/scale.js
index caed2c9bfc9..938fb03a3b8 100644
--- a/src/components/icon/assets/scale.js
+++ b/src/components/icon/assets/scale.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconScale = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/search.js b/src/components/icon/assets/search.js
index ff4a08ce70e..6c59aee41b2 100644
--- a/src/components/icon/assets/search.js
+++ b/src/components/icon/assets/search.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconSearch = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/securitySignal.js b/src/components/icon/assets/securitySignal.js
index d24293374bf..d41dd03a031 100644
--- a/src/components/icon/assets/securitySignal.js
+++ b/src/components/icon/assets/securitySignal.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconSecuritySignal = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/securitySignalDetected.js b/src/components/icon/assets/securitySignalDetected.js
index aa18ba59e1d..4786eb7973b 100644
--- a/src/components/icon/assets/securitySignalDetected.js
+++ b/src/components/icon/assets/securitySignalDetected.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconSecuritySignalDetected = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/securitySignalResolved.js b/src/components/icon/assets/securitySignalResolved.js
index f273895e6dd..f0ae052b590 100644
--- a/src/components/icon/assets/securitySignalResolved.js
+++ b/src/components/icon/assets/securitySignalResolved.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconSecuritySignalResolved = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/shard.js b/src/components/icon/assets/shard.js
index 28775abb01c..88509fb1ba4 100644
--- a/src/components/icon/assets/shard.js
+++ b/src/components/icon/assets/shard.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconShard = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/share.js b/src/components/icon/assets/share.js
index dbf8f094f6c..b447f4c52bb 100644
--- a/src/components/icon/assets/share.js
+++ b/src/components/icon/assets/share.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconShare = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/snowflake.js b/src/components/icon/assets/snowflake.js
index 7f04f37f6ac..ecb8efd6f50 100644
--- a/src/components/icon/assets/snowflake.js
+++ b/src/components/icon/assets/snowflake.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconSnowflake = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/sortLeft.js b/src/components/icon/assets/sortLeft.js
index d1d34d0af65..bef9fb05867 100644
--- a/src/components/icon/assets/sortLeft.js
+++ b/src/components/icon/assets/sortLeft.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconSortLeft = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/sortRight.js b/src/components/icon/assets/sortRight.js
index 60609e705a0..5550fe93563 100644
--- a/src/components/icon/assets/sortRight.js
+++ b/src/components/icon/assets/sortRight.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconSortRight = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/sort_down.js b/src/components/icon/assets/sort_down.js
index 8ef7105b725..a636c56f3f7 100644
--- a/src/components/icon/assets/sort_down.js
+++ b/src/components/icon/assets/sort_down.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconSortDown = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/sort_up.js b/src/components/icon/assets/sort_up.js
index 889999ba7ba..22e5669a1a7 100644
--- a/src/components/icon/assets/sort_up.js
+++ b/src/components/icon/assets/sort_up.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconSortUp = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/sortable.js b/src/components/icon/assets/sortable.js
index 924910ecf1f..9bc9d5c206e 100644
--- a/src/components/icon/assets/sortable.js
+++ b/src/components/icon/assets/sortable.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconSortable = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/starPlusEmpty.js b/src/components/icon/assets/starPlusEmpty.js
index a800b7c9296..355377c10d6 100644
--- a/src/components/icon/assets/starPlusEmpty.js
+++ b/src/components/icon/assets/starPlusEmpty.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconStarPlusEmpty = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/starPlusFilled.js b/src/components/icon/assets/starPlusFilled.js
index c310926d7e0..29313d8429b 100644
--- a/src/components/icon/assets/starPlusFilled.js
+++ b/src/components/icon/assets/starPlusFilled.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconStarPlusFilled = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/star_empty.js b/src/components/icon/assets/star_empty.js
index f0475d9f9b1..94cdea68e47 100644
--- a/src/components/icon/assets/star_empty.js
+++ b/src/components/icon/assets/star_empty.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconStarEmpty = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/star_empty_space.js b/src/components/icon/assets/star_empty_space.js
index c15d56cca08..5a233bf65dc 100644
--- a/src/components/icon/assets/star_empty_space.js
+++ b/src/components/icon/assets/star_empty_space.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconStarEmptySpace = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/star_filled.js b/src/components/icon/assets/star_filled.js
index 08a97929c14..24db645a32d 100644
--- a/src/components/icon/assets/star_filled.js
+++ b/src/components/icon/assets/star_filled.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconStarFilled = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/star_filled_space.js b/src/components/icon/assets/star_filled_space.js
index 4a6ca20df9e..21153171950 100644
--- a/src/components/icon/assets/star_filled_space.js
+++ b/src/components/icon/assets/star_filled_space.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconStarFilledSpace = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/star_minus_empty.js b/src/components/icon/assets/star_minus_empty.js
index dd81b9a01a1..ebc4da6b027 100644
--- a/src/components/icon/assets/star_minus_empty.js
+++ b/src/components/icon/assets/star_minus_empty.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconStarMinusEmpty = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/star_minus_filled.js b/src/components/icon/assets/star_minus_filled.js
index 6ef7d5766a2..7f1fadfb170 100644
--- a/src/components/icon/assets/star_minus_filled.js
+++ b/src/components/icon/assets/star_minus_filled.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconStarMinusFilled = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/stats.js b/src/components/icon/assets/stats.js
index 5195cee3c19..3bdeb1a6810 100644
--- a/src/components/icon/assets/stats.js
+++ b/src/components/icon/assets/stats.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconStats = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/stop.js b/src/components/icon/assets/stop.js
index 56e46adf4a0..9cf4a0b9e1b 100644
--- a/src/components/icon/assets/stop.js
+++ b/src/components/icon/assets/stop.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconStop = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/stop_filled.js b/src/components/icon/assets/stop_filled.js
index eb542b44741..e63ea681b47 100644
--- a/src/components/icon/assets/stop_filled.js
+++ b/src/components/icon/assets/stop_filled.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconStopFilled = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/stop_slash.js b/src/components/icon/assets/stop_slash.js
index ed38470898c..c642071b490 100644
--- a/src/components/icon/assets/stop_slash.js
+++ b/src/components/icon/assets/stop_slash.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconStopSlash = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/storage.js b/src/components/icon/assets/storage.js
index 9ec6ec92e83..c1052d8e2c0 100644
--- a/src/components/icon/assets/storage.js
+++ b/src/components/icon/assets/storage.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconStorage = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/string.js b/src/components/icon/assets/string.js
index 84cf4ba7f9a..e0422ab6a26 100644
--- a/src/components/icon/assets/string.js
+++ b/src/components/icon/assets/string.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconString = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/submodule.js b/src/components/icon/assets/submodule.js
index e39930f13bc..8b7329ee810 100644
--- a/src/components/icon/assets/submodule.js
+++ b/src/components/icon/assets/submodule.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconSubmodule = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/swatch_input.js b/src/components/icon/assets/swatch_input.js
index 9304d996186..bb5ec149b89 100644
--- a/src/components/icon/assets/swatch_input.js
+++ b/src/components/icon/assets/swatch_input.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconSwatchInput = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/symlink.js b/src/components/icon/assets/symlink.js
index ef604e341c0..82db4642894 100644
--- a/src/components/icon/assets/symlink.js
+++ b/src/components/icon/assets/symlink.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconSymlink = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/tableOfContents.js b/src/components/icon/assets/tableOfContents.js
index 917ad2303c1..01b1caaf844 100644
--- a/src/components/icon/assets/tableOfContents.js
+++ b/src/components/icon/assets/tableOfContents.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconTableOfContents = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/table_density_compact.js b/src/components/icon/assets/table_density_compact.js
index e7ef14ca88d..f8046d60bfa 100644
--- a/src/components/icon/assets/table_density_compact.js
+++ b/src/components/icon/assets/table_density_compact.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconTableDensityCompact = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/table_density_expanded.js b/src/components/icon/assets/table_density_expanded.js
index 844e3d8ecac..f3950158f4b 100644
--- a/src/components/icon/assets/table_density_expanded.js
+++ b/src/components/icon/assets/table_density_expanded.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconTableDensityExpanded = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/table_density_normal.js b/src/components/icon/assets/table_density_normal.js
index 249476278b8..b9365313c40 100644
--- a/src/components/icon/assets/table_density_normal.js
+++ b/src/components/icon/assets/table_density_normal.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconTableDensityNormal = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/tag.js b/src/components/icon/assets/tag.js
index 2e0dfa759be..8f4749d9b14 100644
--- a/src/components/icon/assets/tag.js
+++ b/src/components/icon/assets/tag.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconTag = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/tear.js b/src/components/icon/assets/tear.js
index 999a7ffcc08..33dd0b59b7e 100644
--- a/src/components/icon/assets/tear.js
+++ b/src/components/icon/assets/tear.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconTear = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/temperature.js b/src/components/icon/assets/temperature.js
index 36d4f24f451..28f61df3474 100644
--- a/src/components/icon/assets/temperature.js
+++ b/src/components/icon/assets/temperature.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconTemperature = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/timeline.js b/src/components/icon/assets/timeline.js
index d025a175166..ff957460b52 100644
--- a/src/components/icon/assets/timeline.js
+++ b/src/components/icon/assets/timeline.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconTimeline = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/tokens/tokenAlias.js b/src/components/icon/assets/tokens/tokenAlias.js
index 03c22b957f2..37f234536ee 100644
--- a/src/components/icon/assets/tokens/tokenAlias.js
+++ b/src/components/icon/assets/tokens/tokenAlias.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconTokenAlias = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/tokens/tokenAnnotation.js b/src/components/icon/assets/tokens/tokenAnnotation.js
index ef15cdd60fd..2838b2f89be 100644
--- a/src/components/icon/assets/tokens/tokenAnnotation.js
+++ b/src/components/icon/assets/tokens/tokenAnnotation.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconTokenAnnotation = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/tokens/tokenArray.js b/src/components/icon/assets/tokens/tokenArray.js
index 6c9775ca77f..46b8dbc7504 100644
--- a/src/components/icon/assets/tokens/tokenArray.js
+++ b/src/components/icon/assets/tokens/tokenArray.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconTokenArray = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/tokens/tokenBinary.js b/src/components/icon/assets/tokens/tokenBinary.js
index 3c0d99a6b2d..71b5ea8198d 100644
--- a/src/components/icon/assets/tokens/tokenBinary.js
+++ b/src/components/icon/assets/tokens/tokenBinary.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconTokenBinary = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/tokens/tokenBoolean.js b/src/components/icon/assets/tokens/tokenBoolean.js
index d3ef3dd96d8..3b7a2c9a0cc 100644
--- a/src/components/icon/assets/tokens/tokenBoolean.js
+++ b/src/components/icon/assets/tokens/tokenBoolean.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconTokenBoolean = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/tokens/tokenClass.js b/src/components/icon/assets/tokens/tokenClass.js
index 6eac404ea11..a18db86a7e4 100644
--- a/src/components/icon/assets/tokens/tokenClass.js
+++ b/src/components/icon/assets/tokens/tokenClass.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconTokenClass = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/tokens/tokenCompletionSuggester.js b/src/components/icon/assets/tokens/tokenCompletionSuggester.js
index 43adcfac30f..801a46e03a7 100644
--- a/src/components/icon/assets/tokens/tokenCompletionSuggester.js
+++ b/src/components/icon/assets/tokens/tokenCompletionSuggester.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconTokenCompletionSuggester = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/tokens/tokenConstant.js b/src/components/icon/assets/tokens/tokenConstant.js
index 45fad43c01d..5a86dfe4dac 100644
--- a/src/components/icon/assets/tokens/tokenConstant.js
+++ b/src/components/icon/assets/tokens/tokenConstant.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconTokenConstant = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/tokens/tokenDate.js b/src/components/icon/assets/tokens/tokenDate.js
index 171fcba8801..8c9429f833b 100644
--- a/src/components/icon/assets/tokens/tokenDate.js
+++ b/src/components/icon/assets/tokens/tokenDate.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconTokenDate = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/tokens/tokenDenseVector.js b/src/components/icon/assets/tokens/tokenDenseVector.js
index 9be0a93d6b3..50dcbc5fb38 100644
--- a/src/components/icon/assets/tokens/tokenDenseVector.js
+++ b/src/components/icon/assets/tokens/tokenDenseVector.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconTokenDenseVector = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/tokens/tokenElement.js b/src/components/icon/assets/tokens/tokenElement.js
index 4dd8fcc831a..d45bdabdecc 100644
--- a/src/components/icon/assets/tokens/tokenElement.js
+++ b/src/components/icon/assets/tokens/tokenElement.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconTokenElement = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/tokens/tokenEnum.js b/src/components/icon/assets/tokens/tokenEnum.js
index 622943737a9..22516ff413e 100644
--- a/src/components/icon/assets/tokens/tokenEnum.js
+++ b/src/components/icon/assets/tokens/tokenEnum.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconTokenEnum = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/tokens/tokenEnumMember.js b/src/components/icon/assets/tokens/tokenEnumMember.js
index 3966a67c7e5..50fa18740c4 100644
--- a/src/components/icon/assets/tokens/tokenEnumMember.js
+++ b/src/components/icon/assets/tokens/tokenEnumMember.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconTokenEnumMember = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/tokens/tokenEvent.js b/src/components/icon/assets/tokens/tokenEvent.js
index 9844fd7db47..ef4103be84f 100644
--- a/src/components/icon/assets/tokens/tokenEvent.js
+++ b/src/components/icon/assets/tokens/tokenEvent.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconTokenEvent = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/tokens/tokenException.js b/src/components/icon/assets/tokens/tokenException.js
index 3c13348146c..db5fb22725a 100644
--- a/src/components/icon/assets/tokens/tokenException.js
+++ b/src/components/icon/assets/tokens/tokenException.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconTokenException = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/tokens/tokenField.js b/src/components/icon/assets/tokens/tokenField.js
index fe10eba8529..8ec1ba75b22 100644
--- a/src/components/icon/assets/tokens/tokenField.js
+++ b/src/components/icon/assets/tokens/tokenField.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconTokenField = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/tokens/tokenFile.js b/src/components/icon/assets/tokens/tokenFile.js
index 8653aa032b7..7d161de35e1 100644
--- a/src/components/icon/assets/tokens/tokenFile.js
+++ b/src/components/icon/assets/tokens/tokenFile.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconTokenFile = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/tokens/tokenFlattened.js b/src/components/icon/assets/tokens/tokenFlattened.js
index 54b57ac916c..b04267c753f 100644
--- a/src/components/icon/assets/tokens/tokenFlattened.js
+++ b/src/components/icon/assets/tokens/tokenFlattened.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconTokenFlattened = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/tokens/tokenFunction.js b/src/components/icon/assets/tokens/tokenFunction.js
index 107c6c34926..7db58739cd7 100644
--- a/src/components/icon/assets/tokens/tokenFunction.js
+++ b/src/components/icon/assets/tokens/tokenFunction.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconTokenFunction = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/tokens/tokenGeo.js b/src/components/icon/assets/tokens/tokenGeo.js
index d6132e0fea6..f37389fdf8e 100644
--- a/src/components/icon/assets/tokens/tokenGeo.js
+++ b/src/components/icon/assets/tokens/tokenGeo.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconTokenGeo = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/tokens/tokenHistogram.js b/src/components/icon/assets/tokens/tokenHistogram.js
index b276e5e4c6f..65dff5f940a 100644
--- a/src/components/icon/assets/tokens/tokenHistogram.js
+++ b/src/components/icon/assets/tokens/tokenHistogram.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconTokenHistogram = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/tokens/tokenIP.js b/src/components/icon/assets/tokens/tokenIP.js
index 270316e504d..74259b91eaa 100644
--- a/src/components/icon/assets/tokens/tokenIP.js
+++ b/src/components/icon/assets/tokens/tokenIP.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconTokenIP = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/tokens/tokenInterface.js b/src/components/icon/assets/tokens/tokenInterface.js
index 98b2270a2c8..a86a52d5d89 100644
--- a/src/components/icon/assets/tokens/tokenInterface.js
+++ b/src/components/icon/assets/tokens/tokenInterface.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconTokenInterface = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/tokens/tokenJoin.js b/src/components/icon/assets/tokens/tokenJoin.js
index 656bb246584..1adc6d96f47 100644
--- a/src/components/icon/assets/tokens/tokenJoin.js
+++ b/src/components/icon/assets/tokens/tokenJoin.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconTokenJoin = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/tokens/tokenKey.js b/src/components/icon/assets/tokens/tokenKey.js
index 6d8ddc8597f..52840318493 100644
--- a/src/components/icon/assets/tokens/tokenKey.js
+++ b/src/components/icon/assets/tokens/tokenKey.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconTokenKey = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/tokens/tokenKeyword.js b/src/components/icon/assets/tokens/tokenKeyword.js
index 7cd18fe50b8..99c9bbe772e 100644
--- a/src/components/icon/assets/tokens/tokenKeyword.js
+++ b/src/components/icon/assets/tokens/tokenKeyword.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconTokenKeyword = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/tokens/tokenMethod.js b/src/components/icon/assets/tokens/tokenMethod.js
index 43e112decbe..4000a79aff8 100644
--- a/src/components/icon/assets/tokens/tokenMethod.js
+++ b/src/components/icon/assets/tokens/tokenMethod.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconTokenMethod = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/tokens/tokenModule.js b/src/components/icon/assets/tokens/tokenModule.js
index 4001e79f9f7..db1b839cc57 100644
--- a/src/components/icon/assets/tokens/tokenModule.js
+++ b/src/components/icon/assets/tokens/tokenModule.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconTokenModule = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/tokens/tokenNamespace.js b/src/components/icon/assets/tokens/tokenNamespace.js
index 67edc1406c0..66b122753d4 100644
--- a/src/components/icon/assets/tokens/tokenNamespace.js
+++ b/src/components/icon/assets/tokens/tokenNamespace.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconTokenNamespace = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/tokens/tokenNested.js b/src/components/icon/assets/tokens/tokenNested.js
index 595f6738774..168d792947c 100644
--- a/src/components/icon/assets/tokens/tokenNested.js
+++ b/src/components/icon/assets/tokens/tokenNested.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconTokenNested = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/tokens/tokenNull.js b/src/components/icon/assets/tokens/tokenNull.js
index c01aed38fba..ba9f7b3e258 100644
--- a/src/components/icon/assets/tokens/tokenNull.js
+++ b/src/components/icon/assets/tokens/tokenNull.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconTokenNull = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/tokens/tokenNumber.js b/src/components/icon/assets/tokens/tokenNumber.js
index 3fac12bfce1..a0c48777700 100644
--- a/src/components/icon/assets/tokens/tokenNumber.js
+++ b/src/components/icon/assets/tokens/tokenNumber.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconTokenNumber = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/tokens/tokenObject.js b/src/components/icon/assets/tokens/tokenObject.js
index 099e108330a..ed33e6976e5 100644
--- a/src/components/icon/assets/tokens/tokenObject.js
+++ b/src/components/icon/assets/tokens/tokenObject.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconTokenObject = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/tokens/tokenOperator.js b/src/components/icon/assets/tokens/tokenOperator.js
index ef6e0635c23..46c97a99166 100644
--- a/src/components/icon/assets/tokens/tokenOperator.js
+++ b/src/components/icon/assets/tokens/tokenOperator.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconTokenOperator = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/tokens/tokenPackage.js b/src/components/icon/assets/tokens/tokenPackage.js
index 23f9fbc67d9..ef0d333f488 100644
--- a/src/components/icon/assets/tokens/tokenPackage.js
+++ b/src/components/icon/assets/tokens/tokenPackage.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconTokenPackage = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/tokens/tokenParameter.js b/src/components/icon/assets/tokens/tokenParameter.js
index 4ec74823225..88b487feefa 100644
--- a/src/components/icon/assets/tokens/tokenParameter.js
+++ b/src/components/icon/assets/tokens/tokenParameter.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconTokenParameter = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/tokens/tokenPercolator.js b/src/components/icon/assets/tokens/tokenPercolator.js
index 1ef487ded71..b185794c7b5 100644
--- a/src/components/icon/assets/tokens/tokenPercolator.js
+++ b/src/components/icon/assets/tokens/tokenPercolator.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconTokenPercolator = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/tokens/tokenProperty.js b/src/components/icon/assets/tokens/tokenProperty.js
index a17e475835e..3c7c673e1f5 100644
--- a/src/components/icon/assets/tokens/tokenProperty.js
+++ b/src/components/icon/assets/tokens/tokenProperty.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconTokenProperty = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/tokens/tokenRange.js b/src/components/icon/assets/tokens/tokenRange.js
index 1a64ac254bb..b42de2cbce3 100644
--- a/src/components/icon/assets/tokens/tokenRange.js
+++ b/src/components/icon/assets/tokens/tokenRange.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconTokenRange = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/tokens/tokenRankFeature.js b/src/components/icon/assets/tokens/tokenRankFeature.js
index 12afdbe9ae5..4e8b95b5f77 100644
--- a/src/components/icon/assets/tokens/tokenRankFeature.js
+++ b/src/components/icon/assets/tokens/tokenRankFeature.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconTokenRankFeature = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/tokens/tokenRankFeatures.js b/src/components/icon/assets/tokens/tokenRankFeatures.js
index 11bc332ed90..758beb6d114 100644
--- a/src/components/icon/assets/tokens/tokenRankFeatures.js
+++ b/src/components/icon/assets/tokens/tokenRankFeatures.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconTokenRankFeatures = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/tokens/tokenRepo.js b/src/components/icon/assets/tokens/tokenRepo.js
index c616919150b..3aa4cccad0e 100644
--- a/src/components/icon/assets/tokens/tokenRepo.js
+++ b/src/components/icon/assets/tokens/tokenRepo.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconTokenRepo = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/tokens/tokenSearchType.js b/src/components/icon/assets/tokens/tokenSearchType.js
index 1ef4c961c07..2119b358297 100644
--- a/src/components/icon/assets/tokens/tokenSearchType.js
+++ b/src/components/icon/assets/tokens/tokenSearchType.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconTokenSearchType = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/tokens/tokenShape.js b/src/components/icon/assets/tokens/tokenShape.js
index 83dbee71b37..3ac6da35f56 100644
--- a/src/components/icon/assets/tokens/tokenShape.js
+++ b/src/components/icon/assets/tokens/tokenShape.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconTokenShape = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/tokens/tokenString.js b/src/components/icon/assets/tokens/tokenString.js
index 808c58e4cae..5676cc7353c 100644
--- a/src/components/icon/assets/tokens/tokenString.js
+++ b/src/components/icon/assets/tokens/tokenString.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconTokenString = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/tokens/tokenStruct.js b/src/components/icon/assets/tokens/tokenStruct.js
index e07a4b1069a..b3edc46bff2 100644
--- a/src/components/icon/assets/tokens/tokenStruct.js
+++ b/src/components/icon/assets/tokens/tokenStruct.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconTokenStruct = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/tokens/tokenSymbol.js b/src/components/icon/assets/tokens/tokenSymbol.js
index dee9f47ec68..9cd17fbfbfb 100644
--- a/src/components/icon/assets/tokens/tokenSymbol.js
+++ b/src/components/icon/assets/tokens/tokenSymbol.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconTokenSymbol = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/tokens/tokenText.js b/src/components/icon/assets/tokens/tokenText.js
index ed42bee52da..b0c05885023 100644
--- a/src/components/icon/assets/tokens/tokenText.js
+++ b/src/components/icon/assets/tokens/tokenText.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconTokenText = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/tokens/tokenTokenCount.js b/src/components/icon/assets/tokens/tokenTokenCount.js
index 1f342f90c7a..52af25ded67 100644
--- a/src/components/icon/assets/tokens/tokenTokenCount.js
+++ b/src/components/icon/assets/tokens/tokenTokenCount.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconTokenTokenCount = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/tokens/tokenVariable.js b/src/components/icon/assets/tokens/tokenVariable.js
index 54502d2c91a..2cf27dd0b5f 100644
--- a/src/components/icon/assets/tokens/tokenVariable.js
+++ b/src/components/icon/assets/tokens/tokenVariable.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconTokenVariable = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/training.js b/src/components/icon/assets/training.js
index ef92605d1f6..893bacc82b9 100644
--- a/src/components/icon/assets/training.js
+++ b/src/components/icon/assets/training.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconTraining = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/trash.js b/src/components/icon/assets/trash.js
index d96657d5641..2a3ea2acc57 100644
--- a/src/components/icon/assets/trash.js
+++ b/src/components/icon/assets/trash.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconTrash = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/unfold.js b/src/components/icon/assets/unfold.js
index 6cba2b9bd8f..7247938d78d 100644
--- a/src/components/icon/assets/unfold.js
+++ b/src/components/icon/assets/unfold.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconUnfold = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/unlink.js b/src/components/icon/assets/unlink.js
index acd69e76745..12fb1c9df20 100644
--- a/src/components/icon/assets/unlink.js
+++ b/src/components/icon/assets/unlink.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconUnlink = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/user.js b/src/components/icon/assets/user.js
index fc4d8a8baee..997c563deaf 100644
--- a/src/components/icon/assets/user.js
+++ b/src/components/icon/assets/user.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconUser = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/users.js b/src/components/icon/assets/users.js
index d4ae985d6d7..3f004384ec8 100644
--- a/src/components/icon/assets/users.js
+++ b/src/components/icon/assets/users.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconUsers = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/vector.js b/src/components/icon/assets/vector.js
index 29ab83e5f66..216ec7ffedf 100644
--- a/src/components/icon/assets/vector.js
+++ b/src/components/icon/assets/vector.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconVector = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/videoPlayer.js b/src/components/icon/assets/videoPlayer.js
index dd45bb7fd41..51667b56847 100644
--- a/src/components/icon/assets/videoPlayer.js
+++ b/src/components/icon/assets/videoPlayer.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconVideoPlayer = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/vis_area.js b/src/components/icon/assets/vis_area.js
index 669cc96e273..e025f1c77d0 100644
--- a/src/components/icon/assets/vis_area.js
+++ b/src/components/icon/assets/vis_area.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconVisArea = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/vis_area_stacked.js b/src/components/icon/assets/vis_area_stacked.js
index b39cbb6d508..d130dc42145 100644
--- a/src/components/icon/assets/vis_area_stacked.js
+++ b/src/components/icon/assets/vis_area_stacked.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconVisAreaStacked = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/vis_bar_horizontal.js b/src/components/icon/assets/vis_bar_horizontal.js
index 9ce084b6be7..b98f2c5fd36 100644
--- a/src/components/icon/assets/vis_bar_horizontal.js
+++ b/src/components/icon/assets/vis_bar_horizontal.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconVisBarHorizontal = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/vis_bar_horizontal_stacked.js b/src/components/icon/assets/vis_bar_horizontal_stacked.js
index b11356df203..8de28c70e05 100644
--- a/src/components/icon/assets/vis_bar_horizontal_stacked.js
+++ b/src/components/icon/assets/vis_bar_horizontal_stacked.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconVisBarHorizontalStacked = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/vis_bar_vertical.js b/src/components/icon/assets/vis_bar_vertical.js
index a5b9cc7ace2..33eddd3b7c1 100644
--- a/src/components/icon/assets/vis_bar_vertical.js
+++ b/src/components/icon/assets/vis_bar_vertical.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconVisBarVertical = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/vis_bar_vertical_stacked.js b/src/components/icon/assets/vis_bar_vertical_stacked.js
index 9a7b54816fb..b8d8ba0f4e7 100644
--- a/src/components/icon/assets/vis_bar_vertical_stacked.js
+++ b/src/components/icon/assets/vis_bar_vertical_stacked.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconVisBarVerticalStacked = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/vis_gauge.js b/src/components/icon/assets/vis_gauge.js
index 26b04cf198b..c8022085f32 100644
--- a/src/components/icon/assets/vis_gauge.js
+++ b/src/components/icon/assets/vis_gauge.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconVisGauge = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/vis_goal.js b/src/components/icon/assets/vis_goal.js
index 17a6b013da3..87ceae05676 100644
--- a/src/components/icon/assets/vis_goal.js
+++ b/src/components/icon/assets/vis_goal.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconVisGoal = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/vis_line.js b/src/components/icon/assets/vis_line.js
index 53773a9b6a9..637e9629472 100644
--- a/src/components/icon/assets/vis_line.js
+++ b/src/components/icon/assets/vis_line.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconVisLine = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/vis_map_coordinate.js b/src/components/icon/assets/vis_map_coordinate.js
index 4486218e7e8..859fc3ae8c0 100644
--- a/src/components/icon/assets/vis_map_coordinate.js
+++ b/src/components/icon/assets/vis_map_coordinate.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconVisMapCoordinate = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/vis_map_region.js b/src/components/icon/assets/vis_map_region.js
index cc6155c09cd..5e503630f61 100644
--- a/src/components/icon/assets/vis_map_region.js
+++ b/src/components/icon/assets/vis_map_region.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconVisMapRegion = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/vis_metric.js b/src/components/icon/assets/vis_metric.js
index 2650ceab7de..3f037ff6749 100644
--- a/src/components/icon/assets/vis_metric.js
+++ b/src/components/icon/assets/vis_metric.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconVisMetric = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/vis_pie.js b/src/components/icon/assets/vis_pie.js
index e1c7f0c7723..52cf9ef5287 100644
--- a/src/components/icon/assets/vis_pie.js
+++ b/src/components/icon/assets/vis_pie.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconVisPie = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/vis_table.js b/src/components/icon/assets/vis_table.js
index a7145e606df..50208ad7b8b 100644
--- a/src/components/icon/assets/vis_table.js
+++ b/src/components/icon/assets/vis_table.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconVisTable = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/vis_tag_cloud.js b/src/components/icon/assets/vis_tag_cloud.js
index c7d0fcbf2ed..916c4778f82 100644
--- a/src/components/icon/assets/vis_tag_cloud.js
+++ b/src/components/icon/assets/vis_tag_cloud.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconVisTagCloud = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/vis_text.js b/src/components/icon/assets/vis_text.js
index 3964e5cf4f7..3c939935648 100644
--- a/src/components/icon/assets/vis_text.js
+++ b/src/components/icon/assets/vis_text.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconVisText = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/vis_timelion.js b/src/components/icon/assets/vis_timelion.js
index 5d10eaf496d..d80f95657e6 100644
--- a/src/components/icon/assets/vis_timelion.js
+++ b/src/components/icon/assets/vis_timelion.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconVisTimelion = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/vis_vega.js b/src/components/icon/assets/vis_vega.js
index 018a08302d0..d386a1e5d1c 100644
--- a/src/components/icon/assets/vis_vega.js
+++ b/src/components/icon/assets/vis_vega.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconVisVega = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/vis_visual_builder.js b/src/components/icon/assets/vis_visual_builder.js
index 061799db88f..f18acbc0450 100644
--- a/src/components/icon/assets/vis_visual_builder.js
+++ b/src/components/icon/assets/vis_visual_builder.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconVisVisualBuilder = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/assets/wrench.js b/src/components/icon/assets/wrench.js
index 70527a2a4a5..a8756cae595 100644
--- a/src/components/icon/assets/wrench.js
+++ b/src/components/icon/assets/wrench.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 const EuiIconWrench = ({ title, titleId, ...props }) => (
   <svg
diff --git a/src/components/icon/icon.tsx b/src/components/icon/icon.tsx
index 27e1f640d35..5a28ba7069b 100644
--- a/src/components/icon/icon.tsx
+++ b/src/components/icon/icon.tsx
@@ -272,6 +272,7 @@ const typeToPathMap = {
   metricbeatApp: 'app_metricbeat',
   metricsApp: 'app_metrics',
   minimize: 'minimize',
+  minus: 'minus',
   minusInCircle: 'minus_in_circle',
   minusInCircleFilled: 'minus_in_circle_filled',
   monitoringApp: 'app_monitoring',
@@ -295,6 +296,7 @@ const typeToPathMap = {
   pinFilled: 'pin_filled',
   pipelineApp: 'app_pipeline',
   play: 'play',
+  plus: 'plus',
   plusInCircle: 'plus_in_circle',
   plusInCircleFilled: 'plus_in_circle_filled',
   popout: 'popout',