diff --git a/CHANGELOG.md b/CHANGELOG.md
index 49f8c0ca7c3..a71a76eedb3 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,6 @@
 ## [`master`](https://github.com/elastic/eui/tree/master)
 
+- Adjusted set of Elastic Logos in `EuiIcon` to look better in dark mode. ([#1462](https://github.com/elastic/eui/pull/1562))
 - Added `isCopyable` prop to `EuiCodeBlock` ([#1556](https://github.com/elastic/eui/pull/1556))
 - Added optional `Snippet` tab to docs and renamed demo tabs ([#1556](https://github.com/elastic/eui/pull/1556))
 
diff --git a/src-docs/src/views/icon/icon_example.js b/src-docs/src/views/icon/icon_example.js
index 4b96a21299f..3beeb5813c8 100644
--- a/src-docs/src/views/icon/icon_example.js
+++ b/src-docs/src/views/icon/icon_example.js
@@ -158,7 +158,8 @@ export const IconExample = {
     }],
     text: (
       <p>
-        Product logos follow similar rules as app logos.
+        Product logos follow similar rules as app logos. Note the use of <EuiCode>.euiIcon__fillNegative</EuiCode> on
+        portions of the SVGs to handle flipping colors for dark mode.
       </p>
     ),
     demo: <Logos />,
@@ -171,11 +172,6 @@ export const IconExample = {
       type: GuideSectionTypes.HTML,
       code: iconsHtml,
     }],
-    text: (
-      <p>
-        Product logos follow similar rules as app logos.
-      </p>
-    ),
     demo: <LogosThird />,
   }, {
     title: 'Sizes',
diff --git a/src/components/icon/__snapshots__/icon.test.tsx.snap b/src/components/icon/__snapshots__/icon.test.tsx.snap
index 34bc828adca..7bede540e39 100644
--- a/src/components/icon/__snapshots__/icon.test.tsx.snap
+++ b/src/components/icon/__snapshots__/icon.test.tsx.snap
@@ -2594,23 +2594,18 @@ exports[`EuiIcon props type logoAPM is rendered 1`] = `
   width="32"
   xmlns="http://www.w3.org/2000/svg"
 >
-  <g
-    fill="none"
-    fill-rule="evenodd"
-  >
-    <path
-      d="M0 10.001h24V0H0z"
-      fill="#F04E98"
-    />
-    <path
-      d="M32 20H20c-5.522 0-10-4.478-10-10h22v10z"
-      fill="#343741"
-    />
-    <path
-      d="M20 32h12v-9H20z"
-      fill="#0080D5"
-    />
-  </g>
+  <path
+    d="M0 10.001h24V0H0z"
+    fill="#F04E98"
+  />
+  <path
+    class="euiIcon__fillNegative"
+    d="M32 20H20c-5.522 0-10-4.478-10-10h22v10z"
+  />
+  <path
+    d="M20 32h12v-9H20z"
+    fill="#0080D5"
+  />
 </svg>
 `;
 
@@ -2922,23 +2917,18 @@ exports[`EuiIcon props type logoAppSearch is rendered 1`] = `
   width="32"
   xmlns="http://www.w3.org/2000/svg"
 >
-  <g
-    fill="none"
-    fill-rule="evenodd"
-  >
-    <path
-      d="M19.5.938a7.002 7.002 0 0 0-7 0l-8 4.619A7 7 0 0 0 1 11.62v9.237a7 7 0 0 0 3.5 6.062l7.5 4.33V17.979a7 7 0 0 1 3.5-6.062L27 5.276 19.5.939z"
-      fill="#0080D5"
-    />
-    <path
-      d="M19.5.938a7.002 7.002 0 0 0-7 0L5 5.277l11 6.35 11-6.35-7.5-4.34z"
-      fill="#343741"
-    />
-    <path
-      d="M28.435 7.76l-10.026 5.79a6.994 6.994 0 0 1 1.59 4.428v13.27l7.5-4.33a7 7 0 0 0 3.5-6.061v-9.238a6.992 6.992 0 0 0-1.586-4.422l-.978.564z"
-      fill="#FA744E"
-    />
-  </g>
+  <path
+    d="M19.5.938a7.002 7.002 0 0 0-7 0l-8 4.619A7 7 0 0 0 1 11.62v9.237a7 7 0 0 0 3.5 6.062l7.5 4.33V17.979a7 7 0 0 1 3.5-6.062L27 5.276 19.5.939z"
+    fill="#0080D5"
+  />
+  <path
+    class="euiIcon__fillNegative"
+    d="M19.5.938a7.002 7.002 0 0 0-7 0L5 5.277l11 6.35 11-6.35-7.5-4.34z"
+  />
+  <path
+    d="M28.435 7.76l-10.026 5.79a6.994 6.994 0 0 1 1.59 4.428v13.27l7.5-4.33a7 7 0 0 0 3.5-6.061v-9.238a6.992 6.992 0 0 0-1.586-4.422l-.978.564z"
+    fill="#FA744E"
+  />
 </svg>
 `;
 
@@ -2951,23 +2941,18 @@ exports[`EuiIcon props type logoBeats is rendered 1`] = `
   width="32"
   xmlns="http://www.w3.org/2000/svg"
 >
-  <g
-    fill="none"
-    fill-rule="evenodd"
-  >
-    <path
-      d="M15 20H4V0h11c5.522 0 10 4.478 10 10s-4.478 10-10 10"
-      fill="#0080D5"
-    />
-    <path
-      d="M26.702 15.624C24.6 19.979 20.152 23 15 23H4v9h15c5.522 0 10-4.478 10-10a9.952 9.952 0 0 0-2.298-6.376"
-      fill="#00C2B3"
-    />
-    <path
-      d="M24.338 13.554A9.942 9.942 0 0 0 19 12H4v8h11c4.27 0 7.903-2.68 9.338-6.446"
-      fill="#343741"
-    />
-  </g>
+  <path
+    d="M15 20H4V0h11c5.522 0 10 4.478 10 10s-4.478 10-10 10"
+    fill="#0080D5"
+  />
+  <path
+    d="M26.702 15.624C24.6 19.979 20.152 23 15 23H4v9h15c5.522 0 10-4.478 10-10a9.952 9.952 0 0 0-2.298-6.376"
+    fill="#00C2B3"
+  />
+  <path
+    class="euiIcon__fillNegative"
+    d="M24.338 13.554A9.942 9.942 0 0 0 19 12H4v8h11c4.27 0 7.903-2.68 9.338-6.446"
+  />
 </svg>
 `;
 
@@ -2989,8 +2974,8 @@ exports[`EuiIcon props type logoBusinessAnalytics is rendered 1`] = `
       fill="#00BFB3"
     />
     <path
+      class="euiIcon__fillNegative"
       d="M10 12v10h10c0-5.522-4.478-10-10-10"
-      fill="#343741"
     />
     <path
       d="M10 0v9c7.168 0 13 5.832 13 13h9C32 9.85 22.15 0 10 0"
@@ -3034,8 +3019,8 @@ exports[`EuiIcon props type logoCloud is rendered 1`] = `
     fill-rule="evenodd"
   >
     <path
+      class="euiIcon__fillNegative"
       d="M12.37 18.352c.032-.01.066-.014.1-.023A6 6 0 0 1 18 10V0C9.163 0 2 7.164 2 16c0 2.793.72 5.417 1.976 7.702a18.947 18.947 0 0 1 8.393-5.349"
-      fill="#343741"
     />
     <path
       d="M18 0A15.959 15.959 0 0 0 5.717 5.75a16.006 16.006 0 0 0 7.541 5.032c.71.22 1.477.135 2.146-.188A5.94 5.94 0 0 1 18 10a5.94 5.94 0 0 1 2.596.594c.669.323 1.436.408 2.146.188a16.01 16.01 0 0 0 7.541-5.032A15.959 15.959 0 0 0 18 0"
@@ -3063,8 +3048,8 @@ exports[`EuiIcon props type logoCloudEnterprise is rendered 1`] = `
     fill-rule="evenodd"
   >
     <path
+      class="euiIcon__fillNegative"
       d="M11.37 18.352c.032-.01.066-.014.1-.023A6 6 0 0 1 17 10V0C8.163 0 1 7.164 1 16c0 2.793.72 5.417 1.976 7.702a18.947 18.947 0 0 1 8.393-5.349"
-      fill="#343741"
     />
     <path
       d="M17 0A15.959 15.959 0 0 0 4.717 5.75a16.006 16.006 0 0 0 7.541 5.032c.71.22 1.477.135 2.146-.188A5.94 5.94 0 0 1 17 10a5.94 5.94 0 0 1 2.596.594c.669.323 1.436.408 2.146.188a16.01 16.01 0 0 0 7.541-5.032A15.959 15.959 0 0 0 17 0"
@@ -3075,8 +3060,8 @@ exports[`EuiIcon props type logoCloudEnterprise is rendered 1`] = `
       fill="#00AEFA"
     />
     <path
+      class="euiIcon__fillNegative"
       d="M20 16a3 3 0 1 1-6 0 3 3 0 0 1 6 0"
-      fill="#343741"
     />
   </g>
 </svg>
@@ -3237,8 +3222,8 @@ exports[`EuiIcon props type logoElasticsearch is rendered 1`] = `
     fill-rule="evenodd"
   >
     <path
+      class="euiIcon__fillNegative"
       d="M2 16c0 1.384.194 2.72.524 4H22a4 4 0 0 0 0-8H2.524A15.984 15.984 0 0 0 2 16"
-      fill="#343741"
     />
     <path
       d="M28.924 7.662A15.381 15.381 0 0 0 30.48 6C27.547 2.346 23.05 0 18 0 11.679 0 6.239 3.678 3.644 9H25.51a5.039 5.039 0 0 0 3.413-1.338"
@@ -3274,8 +3259,8 @@ exports[`EuiIcon props type logoEnterpriseSearch is rendered 1`] = `
       fill="#FEC514"
     />
     <path
+      class="euiIcon__fillNegative"
       d="M16 8h-2.152A15.877 15.877 0 0 1 16 16c0 2.918-.786 5.647-2.152 8H16a8 8 0 0 0 0-16"
-      fill="#343741"
     />
   </g>
 </svg>
@@ -3692,8 +3677,8 @@ exports[`EuiIcon props type logoKibana is rendered 1`] = `
       fill="#F04E98"
     />
     <path
+      class="euiIcon__fillNegative"
       d="M4 12v16.789l11.906-13.738A24.721 24.721 0 0 0 4 12"
-      fill="#343741"
     />
     <path
       d="M18.479 16.664L6.268 30.754l-1.073 1.237h23.191c-1.252-6.292-4.883-11.719-9.908-15.327"
@@ -3727,26 +3712,18 @@ exports[`EuiIcon props type logoLogstash is rendered 1`] = `
   width="32"
   xmlns="http://www.w3.org/2000/svg"
 >
-  <g
-    fill="none"
-  >
-    <path
-      d="M6.966.412h-4.67v17.126h14.012V9.754A9.55 9.55 0 0 0 6.966.412z"
-      fill="#FDD10D"
-    />
-    <path
-      d="M2.295 19.49c0 6.768 7.231 12.067 14.013 12.067V17.538H2.295v1.951z"
-      fill="#231F20"
-    />
-    <path
-      d="M19.422 17.538h9.342V31.55h-9.342z"
-      fill="#20BBB1"
-    />
-    <path
-      d="M16.308 17.538h3.114V31.55h-3.114z"
-      fill="#009B90"
-    />
-  </g>
+  <path
+    d="M19 32h11V20H19z"
+    fill="#3EBEB0"
+  />
+  <path
+    d="M4 0H3v20h13v-8C16 5.373 10.627 0 4 0"
+    fill="#FEC514"
+  />
+  <path
+    class="euiIcon__fillNegative"
+    d="M3 20c0 6.627 5.373 12 12 12h1V20H3z"
+  />
 </svg>
 `;
 
@@ -3878,8 +3855,8 @@ exports[`EuiIcon props type logoMetrics is rendered 1`] = `
       fill="#F04E98"
     />
     <path
+      class="euiIcon__fillNegative"
       d="M16.465 13.535l-3.536 3.536a9.965 9.965 0 0 0 7.07 2.93 9.965 9.965 0 0 0 7.072-2.93l-3.536-3.536a5 5 0 0 0-7.07 0"
-      fill="#343741"
     />
     <path
       d="M14.343 11.414A7.951 7.951 0 0 1 20 9.071c2.137 0 4.146.832 5.657 2.343l3.207 3.207A9.955 9.955 0 0 0 30 10.001c0-5.524-4.477-10-10-10-5.522 0-10 4.476-10 10 0 1.667.414 3.237 1.137 4.62l3.206-3.207z"
@@ -4304,8 +4281,8 @@ exports[`EuiIcon props type logoSiteSearch is rendered 1`] = `
       fill="#00BFB3"
     />
     <path
+      class="euiIcon__fillNegative"
       d="M2.533 10L.428 14.211C-.903 16.871 1.032 20 4.005 20h7.35l5-10H2.533z"
-      fill="#343741"
     />
   </g>
 </svg>
@@ -4441,8 +4418,8 @@ exports[`EuiIcon props type logoXpack is rendered 1`] = `
       fill="#17A8E0"
     />
     <path
+      class="euiIcon__fillNegative"
       d="M21.143 15.691a8.823 8.823 0 0 0-12.474 0l-1.04 1.04L14.909 24l7.28-7.269-1.046-1.04z"
-      fill="#353535"
     />
     <path
       d="M28.429 22.966l-4.16-4.16-7.28 7.28 4.154 4.16a4.411 4.411 0 0 0 6.24 0l1.04-1.04a4.411 4.411 0 0 0 .006-6.24z"
diff --git a/src/components/icon/_icon.scss b/src/components/icon/_icon.scss
index d52c15767e8..1dbba77b8b8 100644
--- a/src/components/icon/_icon.scss
+++ b/src/components/icon/_icon.scss
@@ -80,6 +80,13 @@
   fill: $euiColorGhost;
 }
 
+// Use the negative fill on SVG elements that need to flip portions
+// of the icon to light and dark compatible modes. You can see this
+// in use on the Elastic logo icons.
+.euiIcon__fillNegative {
+  fill: $euiColorDarkestShade;
+}
+
 .euiIcon--small {
   @include size($euiSizeM);
 }
diff --git a/src/components/icon/assets/logo_apm.svg b/src/components/icon/assets/logo_apm.svg
index 34a9c6aa61c..5398add7553 100644
--- a/src/components/icon/assets/logo_apm.svg
+++ b/src/components/icon/assets/logo_apm.svg
@@ -1,7 +1,7 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
-  <g fill="none" fill-rule="evenodd">
+  <g>
     <polygon fill="#F04E98" points="0 10.001 24 10.001 24 0 0 0"/>
-    <path fill="#343741" d="M32,20 L20,20 C14.478,20 10,15.522 10,10 L32,10 L32,20 Z"/>
+    <path class="euiIcon__fillNegative" d="M32,20 L20,20 C14.478,20 10,15.522 10,10 L32,10 L32,20 Z"/>
     <polygon fill="#0080D5" points="20 32 32 32 32 23 20 23"/>
   </g>
 </svg>
diff --git a/src/components/icon/assets/logo_app_search.svg b/src/components/icon/assets/logo_app_search.svg
index a5e40a4259c..17e25731355 100644
--- a/src/components/icon/assets/logo_app_search.svg
+++ b/src/components/icon/assets/logo_app_search.svg
@@ -1,7 +1,7 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
-  <g fill="none" fill-rule="evenodd" transform="translate(1)">
+  <g transform="translate(1)">
     <path fill="#0080D5" d="M18.5,0.9376 C16.334,-0.3124 13.666,-0.3124 11.5,0.9376 L3.5,5.5566 C1.334,6.8066 0,9.1186 0,11.6196 L0,20.8566 C0,23.3576 1.334,25.6676 3.5,26.9186 L11,31.2496 L11,17.9776 C11,15.4766 12.334,13.1666 14.5,11.9156 L26,5.2766 L18.5,0.9376 Z"/>
-    <path fill="#343741" d="M18.5,0.9376 C16.334,-0.3124 13.666,-0.3124 11.5,0.9376 L4,5.2766 L15,11.6266 L26,5.2766 L18.5,0.9376 Z"/>
+    <path class="euiIcon__fillNegative" d="M18.5,0.9376 C16.334,-0.3124 13.666,-0.3124 11.5,0.9376 L4,5.2766 L15,11.6266 L26,5.2766 L18.5,0.9376 Z"/>
     <path fill="#FA744E" d="M27.4346,7.7608 L17.4086,13.5498 C18.4156,14.7818 18.9996,16.3348 18.9996,17.9778 L18.9996,31.2488 L26.4996,26.9188 C28.6656,25.6678 29.9996,23.3578 29.9996,20.8568 L29.9996,11.6188 C29.9996,9.9798 29.4176,8.4278 28.4126,7.1968 L27.4346,7.7608 Z"/>
   </g>
 </svg>
diff --git a/src/components/icon/assets/logo_beats.svg b/src/components/icon/assets/logo_beats.svg
index 754641e4741..9b29c609be9 100644
--- a/src/components/icon/assets/logo_beats.svg
+++ b/src/components/icon/assets/logo_beats.svg
@@ -1,7 +1,7 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
-  <g fill="none" fill-rule="evenodd" transform="translate(4)">
+  <g transform="translate(4)">
     <path fill="#0080D5" d="M11,20 L0,20 L0,0 L11,0 C16.522,0 21,4.478 21,10 C21,15.522 16.522,20 11,20"/>
     <path fill="#00C2B3" d="M22.7021,15.624 C20.6001,19.979 16.1521,23 11.0001,23 L0.0001,23 L0.0001,32 L15.0001,32 C20.5221,32 25.0001,27.522 25.0001,22 C25.0001,19.576 24.1371,17.354 22.7021,15.624"/>
-    <path fill="#343741" d="M20.3379,13.5537 C18.7919,12.5747 16.9649,11.9997 14.9999,11.9997 L-0.0001,11.9997 L-0.0001,19.9997 L10.9999,19.9997 C15.2699,19.9997 18.9029,17.3197 20.3379,13.5537"/>
+    <path class="euiIcon__fillNegative" d="M20.3379,13.5537 C18.7919,12.5747 16.9649,11.9997 14.9999,11.9997 L-0.0001,11.9997 L-0.0001,19.9997 L10.9999,19.9997 C15.2699,19.9997 18.9029,17.3197 20.3379,13.5537"/>
   </g>
 </svg>
diff --git a/src/components/icon/assets/logo_business_analytics.svg b/src/components/icon/assets/logo_business_analytics.svg
index a5aed384ba1..7dfa5aa363c 100644
--- a/src/components/icon/assets/logo_business_analytics.svg
+++ b/src/components/icon/assets/logo_business_analytics.svg
@@ -1,7 +1,7 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
   <g fill="none" fill-rule="evenodd">
     <path fill="#00BFB3" d="M0,22 C0,27.522 4.478,32 10,32 L10,12 C4.478,12 0,16.478 0,22"/>
-    <path fill="#343741" d="M10,12 L10,22 L20,22 C20,16.478 15.522,12 10,12"/>
+    <path class="euiIcon__fillNegative" d="M10,12 L10,22 L20,22 C20,16.478 15.522,12 10,12"/>
     <path fill="#F04E98" d="M10,0 L10,9 C17.168,9 23,14.832 23,22 L32,22 C32,9.85 22.15,0 10,0"/>
   </g>
 </svg>
diff --git a/src/components/icon/assets/logo_cloud.svg b/src/components/icon/assets/logo_cloud.svg
index 7cbf5ed43b0..391d6df32ca 100644
--- a/src/components/icon/assets/logo_cloud.svg
+++ b/src/components/icon/assets/logo_cloud.svg
@@ -1,6 +1,6 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
   <g fill="none" fill-rule="evenodd" transform="translate(2)">
-    <path fill="#343741" d="M10.3691,18.3525 C10.4021,18.3415 10.4361,18.3385 10.4701,18.3295 C10.1671,17.6135 10.0001,16.8265 10.0001,15.9995 C10.0001,12.6865 12.6861,9.9995 16.0001,9.9995 L16.0001,-0.0005 C7.1631,-0.0005 0.0001,7.1635 0.0001,15.9995 C0.0001,18.7925 0.7191,21.4155 1.9761,23.7015 C4.2571,21.2015 7.1381,19.3545 10.3691,18.3525"/>
+    <path class="euiIcon__fillNegative" d="M10.3691,18.3525 C10.4021,18.3415 10.4361,18.3385 10.4701,18.3295 C10.1671,17.6135 10.0001,16.8265 10.0001,15.9995 C10.0001,12.6865 12.6861,9.9995 16.0001,9.9995 L16.0001,-0.0005 C7.1631,-0.0005 0.0001,7.1635 0.0001,15.9995 C0.0001,18.7925 0.7191,21.4155 1.9761,23.7015 C4.2571,21.2015 7.1381,19.3545 10.3691,18.3525"/>
     <path fill="#0080D5" d="M16,0 C11.063,0 6.651,2.236 3.717,5.75 C5.669,8.088 8.277,9.858 11.258,10.782 C11.968,11.002 12.735,10.917 13.404,10.594 C14.189,10.214 15.069,10 16,10 C16.931,10 17.811,10.214 18.596,10.594 C19.265,10.917 20.032,11.002 20.742,10.782 C23.723,9.858 26.33,8.088 28.283,5.75 C25.349,2.236 20.937,0 16,0"/>
     <path fill="#00BFB3" d="M20.7422,21.2178 C20.0322,20.9978 19.2642,21.0828 18.5962,21.4058 C17.8102,21.7858 16.9302,21.9998 16.0002,21.9998 C15.0692,21.9998 14.1892,21.7858 13.4042,21.4058 C12.7352,21.0828 11.9682,20.9978 11.2582,21.2178 C8.2772,22.1418 5.6692,23.9118 3.7172,26.2498 C6.6512,29.7638 11.0632,31.9998 16.0002,31.9998 C20.9362,31.9998 25.3482,29.7638 28.2832,26.2498 C26.3302,23.9118 23.7222,22.1418 20.7422,21.2178"/>
   </g>
diff --git a/src/components/icon/assets/logo_cloud_ece.svg b/src/components/icon/assets/logo_cloud_ece.svg
index 0e9e10afeed..d01658de607 100644
--- a/src/components/icon/assets/logo_cloud_ece.svg
+++ b/src/components/icon/assets/logo_cloud_ece.svg
@@ -1,8 +1,8 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
   <g fill="none" fill-rule="evenodd" transform="translate(1)">
-    <path fill="#343741" d="M10.3691,18.3525 C10.4021,18.3415 10.4361,18.3385 10.4701,18.3295 C10.1671,17.6135 10.0001,16.8265 10.0001,15.9995 C10.0001,12.6865 12.6861,9.9995 16.0001,9.9995 L16.0001,-0.0005 C7.1631,-0.0005 0.0001,7.1635 0.0001,15.9995 C0.0001,18.7925 0.7191,21.4155 1.9761,23.7015 C4.2571,21.2015 7.1381,19.3545 10.3691,18.3525"/>
+    <path class="euiIcon__fillNegative" d="M10.3691,18.3525 C10.4021,18.3415 10.4361,18.3385 10.4701,18.3295 C10.1671,17.6135 10.0001,16.8265 10.0001,15.9995 C10.0001,12.6865 12.6861,9.9995 16.0001,9.9995 L16.0001,-0.0005 C7.1631,-0.0005 0.0001,7.1635 0.0001,15.9995 C0.0001,18.7925 0.7191,21.4155 1.9761,23.7015 C4.2571,21.2015 7.1381,19.3545 10.3691,18.3525"/>
     <path fill="#0080D5" d="M16,0 C11.063,0 6.651,2.236 3.717,5.75 C5.669,8.088 8.277,9.858 11.258,10.782 C11.968,11.002 12.735,10.917 13.404,10.594 C14.189,10.214 15.069,10 16,10 C16.931,10 17.811,10.214 18.596,10.594 C19.265,10.917 20.032,11.002 20.742,10.782 C23.723,9.858 26.33,8.088 28.283,5.75 C25.349,2.236 20.937,0 16,0"/>
     <path fill="#00AEFA" d="M20.7422,21.2178 C20.0322,20.9978 19.2642,21.0828 18.5962,21.4058 C17.8102,21.7858 16.9302,21.9998 16.0002,21.9998 C15.0692,21.9998 14.1892,21.7858 13.4042,21.4058 C12.7352,21.0828 11.9682,20.9978 11.2582,21.2178 C8.2772,22.1418 5.6692,23.9118 3.7172,26.2498 C6.6512,29.7638 11.0632,31.9998 16.0002,31.9998 C20.9362,31.9998 25.3482,29.7638 28.2832,26.2498 C26.3302,23.9118 23.7222,22.1418 20.7422,21.2178"/>
-    <path fill="#343741" d="M19,16 C19,17.657 17.657,19 16,19 C14.343,19 13,17.657 13,16 C13,14.343 14.343,13 16,13 C17.657,13 19,14.343 19,16"/>
+    <path class="euiIcon__fillNegative" d="M19,16 C19,17.657 17.657,19 16,19 C14.343,19 13,17.657 13,16 C13,14.343 14.343,13 16,13 C17.657,13 19,14.343 19,16"/>
   </g>
 </svg>
diff --git a/src/components/icon/assets/logo_elasticsearch.svg b/src/components/icon/assets/logo_elasticsearch.svg
index 79d430392a1..20a620d1629 100644
--- a/src/components/icon/assets/logo_elasticsearch.svg
+++ b/src/components/icon/assets/logo_elasticsearch.svg
@@ -1,6 +1,6 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
   <g fill="none" fill-rule="evenodd" transform="translate(2)">
-    <path fill="#343741" d="M0,16 C0,17.384 0.194,18.72 0.524,20 L20,20 C22.209,20 24,18.209 24,16 C24,13.791 22.209,12 20,12 L0.524,12 C0.194,13.28 0,14.616 0,16"/>
+    <path class="euiIcon__fillNegative" d="M0,16 C0,17.384 0.194,18.72 0.524,20 L20,20 C22.209,20 24,18.209 24,16 C24,13.791 22.209,12 20,12 L0.524,12 C0.194,13.28 0,14.616 0,16"/>
     <path fill="#FEC514" d="M26.9238,7.6621 C27.4828,7.1461 28.0028,6.5931 28.4798,6.0001 C25.5468,2.3461 21.0498,0.0001 15.9998,0.0001 C9.6788,0.0001 4.2388,3.6781 1.6438,9.0001 L23.5108,9.0001 C24.7768,9.0001 25.9938,8.5191 26.9238,7.6621"/>
     <path fill="#00BFB3" d="M23.5107,23 L1.6437,23 C4.2397,28.323 9.6787,32 15.9997,32 C21.0497,32 25.5467,29.654 28.4797,26 C28.0027,25.407 27.4827,24.854 26.9237,24.338 C25.9937,23.48 24.7767,23 23.5107,23"/>
   </g>
diff --git a/src/components/icon/assets/logo_enterprise_search.svg b/src/components/icon/assets/logo_enterprise_search.svg
index d55ebb39e03..54ebaee9c72 100644
--- a/src/components/icon/assets/logo_enterprise_search.svg
+++ b/src/components/icon/assets/logo_enterprise_search.svg
@@ -2,6 +2,6 @@
   <g fill="none" fill-rule="evenodd">
     <path fill="#00BFB3" d="M16,0 C13.082,0 10.355,0.794 8,2.158 C12.777,4.926 16,10.081 16,16 C16,21.919 12.777,27.074 8,29.842 C10.355,31.206 13.082,32 16,32 C24.837,32 32,24.837 32,16 C32,7.163 24.837,0 16,0"/>
     <path fill="#FEC514" d="M8,24 L10.222,24 C11.988,21.744 13,18.935 13,16 C13,13.065 11.988,10.256 10.222,8 L8,8 C3.582,8 0,11.582 0,16 C0,20.418 3.582,24 8,24"/>
-    <path fill="#343741" d="M16,8 L13.848,8 C15.214,10.353 16,13.082 16,16 C16,18.918 15.214,21.647 13.848,24 L16,24 C20.418,24 24,20.418 24,16 C24,11.582 20.418,8 16,8"/>
+    <path class="euiIcon__fillNegative" d="M16,8 L13.848,8 C15.214,10.353 16,13.082 16,16 C16,18.918 15.214,21.647 13.848,24 L16,24 C20.418,24 24,20.418 24,16 C24,11.582 20.418,8 16,8"/>
   </g>
 </svg>
diff --git a/src/components/icon/assets/logo_kibana.svg b/src/components/icon/assets/logo_kibana.svg
index 4dec00b8aa1..bafebd9368c 100644
--- a/src/components/icon/assets/logo_kibana.svg
+++ b/src/components/icon/assets/logo_kibana.svg
@@ -1,7 +1,7 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
   <g fill="none" fill-rule="evenodd" transform="translate(4)">
     <polygon fill="#F04E98" points="0 0 0 28.789 24.935 .017"/>
-    <path fill="#343741" d="M0,12 L0,28.789 L11.906,15.051 C8.368,13.115 4.317,12 0,12"/>
+    <path class="euiIcon__fillNegative" d="M0,12 L0,28.789 L11.906,15.051 C8.368,13.115 4.317,12 0,12"/>
     <path fill="#00BFB3" d="M14.4785,16.664 L2.2675,30.754 L1.1945,31.991 L24.3865,31.991 C23.1345,25.699 19.5035,20.272 14.4785,16.664"/>
   </g>
 </svg>
diff --git a/src/components/icon/assets/logo_logstash.svg b/src/components/icon/assets/logo_logstash.svg
index 561f197e252..df5dec21780 100644
--- a/src/components/icon/assets/logo_logstash.svg
+++ b/src/components/icon/assets/logo_logstash.svg
@@ -1,8 +1,7 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
-  <g fill="none" transform="translate(2)">
-    <path fill="#FDD10D" d="M4.96615385,0.412307692 L0.295384615,0.412307692 L0.295384615,17.5384615 L14.3076923,17.5384615 L14.3076923,9.75384615 C14.1968647,4.6412668 10.0787332,0.523135299 4.96615385,0.412307692 Z"/>
-    <path fill="#231F20" d="M0.295384615,19.4892308 C0.295384615,26.2584615 7.52615385,31.5569231 14.3076923,31.5569231 L14.3076923,17.5384615 L0.295384615,17.5384615 L0.295384615,19.4892308 Z"/>
-    <rect width="9.342" height="14.012" x="17.422" y="17.538" fill="#20BBB1"/>
-    <rect width="3.114" height="14.012" x="14.308" y="17.538" fill="#009B90"/>
+  <g transform="translate(3)">
+    <polygon fill="#3EBEB0" points="16 32 27 32 27 20 16 20"/>
+    <path fill="#FEC514" d="M1,0 L0,0 L0,20 L13,20 L13,12 C13,5.373 7.627,0 1,0"/>
+    <path class="euiIcon__fillNegative" d="M0,20 L0,20 C0,26.627 5.373,32 12,32 L13,32 L13,20 L0,20 Z"/>
   </g>
 </svg>
diff --git a/src/components/icon/assets/logo_metrics.svg b/src/components/icon/assets/logo_metrics.svg
index 5139831d9d8..234672e95fb 100644
--- a/src/components/icon/assets/logo_metrics.svg
+++ b/src/components/icon/assets/logo_metrics.svg
@@ -1,7 +1,7 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
   <g fill="none" fill-rule="evenodd" transform="translate(2)">
     <path fill="#F04E98" d="M0,32 L28,32 L28,20 L21.535,13.535 C19.583,11.583 16.417,11.583 14.465,13.535 L0,28 L0,32 Z"/>
-    <path fill="#343741" d="M14.4648,13.5352 L10.9288,17.0712 C12.7378,18.8812 15.2378,20.0002 17.9998,20.0002 C20.7618,20.0002 23.2618,18.8812 25.0708,17.0712 L21.5348,13.5352 C19.5828,11.5832 16.4168,11.5832 14.4648,13.5352"/>
+    <path class="euiIcon__fillNegative" d="M14.4648,13.5352 L10.9288,17.0712 C12.7378,18.8812 15.2378,20.0002 17.9998,20.0002 C20.7618,20.0002 23.2618,18.8812 25.0708,17.0712 L21.5348,13.5352 C19.5828,11.5832 16.4168,11.5832 14.4648,13.5352"/>
     <path fill="#FEC514" d="M12.3428,11.4141 C13.8548,9.9031 15.8638,9.0711 17.9998,9.0711 C20.1368,9.0711 22.1458,9.9031 23.6568,11.4141 L26.8638,14.6211 C27.5858,13.2381 27.9998,11.6681 27.9998,10.0001 C27.9998,4.4771 23.5228,0.0001 17.9998,0.0001 C12.4778,0.0001 7.9998,4.4771 7.9998,10.0001 C7.9998,11.6681 8.4138,13.2381 9.1368,14.6211 L12.3428,11.4141 Z"/>
   </g>
 </svg>
diff --git a/src/components/icon/assets/logo_site_search.svg b/src/components/icon/assets/logo_site_search.svg
index 36fa431f3fe..06576b775ad 100644
--- a/src/components/icon/assets/logo_site_search.svg
+++ b/src/components/icon/assets/logo_site_search.svg
@@ -2,6 +2,6 @@
   <g fill="none" fill-rule="evenodd">
     <path fill="#FA744E" d="M27.0496,10 L19.7106,10 L8.7106,32 C8.7106,32 24.4056,27.04 30.5646,15.924 C32.0366,13.266 30.0876,10 27.0496,10"/>
     <path fill="#00BFB3" d="M21.3553,0 L7.5333,0 L0.4273,14.211 C-0.9027,16.871 1.0323,20 4.0043,20 L11.3553,20 L21.3553,0 Z"/>
-    <path fill="#343741" d="M2.533,10 L0.428,14.211 C-0.903,16.871 1.032,20 4.005,20 L11.355,20 L16.355,10 L2.533,10 Z"/>
+    <path class="euiIcon__fillNegative" d="M2.533,10 L0.428,14.211 C-0.903,16.871 1.032,20 4.005,20 L11.355,20 L16.355,10 L2.533,10 Z"/>
   </g>
 </svg>
diff --git a/src/components/icon/assets/logo_xpack.svg b/src/components/icon/assets/logo_xpack.svg
index 5c5a21cd5a4..8ecfb64575d 100644
--- a/src/components/icon/assets/logo_xpack.svg
+++ b/src/components/icon/assets/logo_xpack.svg
@@ -3,7 +3,7 @@
     <path fill="#FDD10D" d="M22.380643,1.80024088 L23.8720716,1.80024088 C26.3544746,1.80023288 28.3686282,3.80927442 28.3749287,6.29166945 L28.3749287,15.0345266 L18.0892144,15.0345266 L18.0892144,6.09738374 C18.0892144,3.72413727 20.0131108,1.80024088 22.3863573,1.80024088 L22.380643,1.80024088 Z" transform="rotate(45 23.232 8.417)"/>
     <path fill="#0479A1" d="M7.63428571,16.7314286 L1.39428571,22.9657143 C0.566585321,23.7930703 0.101559123,24.9154126 0.101559123,26.0857143 C0.101559123,27.2560159 0.566585321,28.3783582 1.39428571,29.2057143 L2.43428571,30.2457143 C3.26164176,31.0734147 4.38398406,31.5384409 5.55428571,31.5384409 C6.72458737,31.5384409 7.84692967,31.0734147 8.67428571,30.2457143 L14.9085714,24 L7.63428571,16.7314286 Z"/>
     <path fill="#17A8E0" d="M21.1428571,15.6914286 L8.67428571,3.21142857 C7.84692967,2.38372818 6.72458737,1.91870198 5.55428571,1.91870198 C4.38398406,1.91870198 3.26164176,2.38372818 2.43428571,3.21142857 L1.39428571,4.25142857 C0.566585321,5.07878462 0.101559123,6.20112692 0.101559123,7.37142857 C0.101559123,8.54173023 0.566585321,9.66407253 1.39428571,10.4914286 L7.63428571,16.7314286 L8.67428571,15.6914286 C12.118813,12.2517729 17.6983299,12.2517729 21.1428571,15.6914286 Z"/>
-    <path fill="#353535" d="M21.1428571,15.6914286 C17.6976741,12.247967 12.1137545,12.247967 8.66857143,15.6914286 L7.62857143,16.7314286 L14.9085714,24 L22.1885714,16.7314286 L21.1428571,15.6914286 Z"/>
+    <path class="euiIcon__fillNegative" d="M21.1428571,15.6914286 C17.6976741,12.247967 12.1137545,12.247967 8.66857143,15.6914286 L7.62857143,16.7314286 L14.9085714,24 L22.1885714,16.7314286 L21.1428571,15.6914286 Z"/>
     <path fill="#20BBB1" d="M28.4285714,22.9657143 L24.2685714,18.8057143 L16.9885714,26.0857143 L21.1428571,30.2457143 C21.9702132,31.0734147 23.0925555,31.5384409 24.2628571,31.5384409 C25.4331588,31.5384409 26.5555011,31.0734147 27.3828571,30.2457143 L28.4228571,29.2057143 C29.2513156,28.3791165 29.7173699,27.2571999 29.7184416,26.0868981 C29.7195133,24.9165963 29.2555146,23.7938281 28.4285714,22.9657143 Z"/>
     <polygon fill="#009B8F" points="14.447 19.937 24.738 19.937 24.738 22.88 14.447 22.88" transform="rotate(-45 19.592 21.409)"/>
   </g>
diff --git a/src/components/loading/__snapshots__/loading_kibana.test.js.snap b/src/components/loading/__snapshots__/loading_kibana.test.js.snap
index 47c3cd015a7..1168fda7e8a 100644
--- a/src/components/loading/__snapshots__/loading_kibana.test.js.snap
+++ b/src/components/loading/__snapshots__/loading_kibana.test.js.snap
@@ -26,8 +26,8 @@ exports[`EuiLoadingKibana is rendered 1`] = `
           fill="#F04E98"
         />
         <path
+          class="euiIcon__fillNegative"
           d="M4 12v16.789l11.906-13.738A24.721 24.721 0 0 0 4 12"
-          fill="#343741"
         />
         <path
           d="M18.479 16.664L6.268 30.754l-1.073 1.237h23.191c-1.252-6.292-4.883-11.719-9.908-15.327"