diff --git a/CHANGELOG.md b/CHANGELOG.md
index afcad8fe4b3..7270705688c 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,6 +1,7 @@
 ## [`master`](https://github.com/elastic/eui/tree/master)
 
-- Change `EuiListGroup` PropType for `extraAction` to clearn warning ([#1405](hhttps://github.com/elastic/eui/pull/1405))
+- Added `logoCodesandbox` and updated `apmApp` icons ([#1407](https://github.com/elastic/eui/pull/1407))
+- Changed `EuiListGroup` PropType for `extraAction` to remove console warning ([#1405](hhttps://github.com/elastic/eui/pull/1405))
 
 ## [`6.1.0`](https://github.com/elastic/eui/tree/v6.1.0)
 
diff --git a/src-docs/src/views/home/home_view.js b/src-docs/src/views/home/home_view.js
index ad6706e53c6..d4dbd0cc6cf 100644
--- a/src-docs/src/views/home/home_view.js
+++ b/src-docs/src/views/home/home_view.js
@@ -69,6 +69,18 @@ export const HomeView = () => (
           </EuiFlexItem>
         </EuiFlexGroup>
       </EuiFlexItem>
+      <EuiFlexItem grow={false}>
+        <EuiFlexGroup alignItems="center" gutterSize="s" responsive={false}>
+          <EuiFlexItem grow={false}>
+            <EuiLink href="https://codesandbox.io/s/ll7lnlpm97">
+              <strong>Codesandbox</strong>
+            </EuiLink>
+          </EuiFlexItem>
+          <EuiFlexItem grow={false}>
+            <EuiIcon type="logoCodesandbox" />
+          </EuiFlexItem>
+        </EuiFlexGroup>
+      </EuiFlexItem>
 
     </EuiFlexGroup>
     <EuiSpacer />
diff --git a/src-docs/src/views/icon/logos_third.js b/src-docs/src/views/icon/logos_third.js
index 358eee37e39..72605390b11 100644
--- a/src-docs/src/views/icon/logos_third.js
+++ b/src-docs/src/views/icon/logos_third.js
@@ -14,6 +14,7 @@ const iconTypes = [
   'logoAWS',
   'logoAWSMono',
   'logoCeph',
+  'logoCodesandbox',
   'logoCouchbase',
   'logoDocker',
   'logoDropwizard',
diff --git a/src/components/card/__snapshots__/card.test.js.snap b/src/components/card/__snapshots__/card.test.js.snap
index d08fe805295..6af8c7e3a10 100644
--- a/src/components/card/__snapshots__/card.test.js.snap
+++ b/src/components/card/__snapshots__/card.test.js.snap
@@ -40,14 +40,14 @@ exports[`EuiCard icon 1`] = `
     >
       <path
         class="euiIcon__fillSecondary"
-        d="M0 3h24v2H0z"
+        d="M7 9v2H0V0h23v7h-2V2H2v7z"
       />
       <path
-        d="M4 11h24v2H4zM4 19h15v2H4z"
+        d="M32 9v12H20c-6.075 0-11-4.925-11-11V9h23zm-20.945 2c.497 4.5 4.312 8 8.945 8h10v-8H11.055z"
       />
       <path
         class="euiIcon__fillSecondary"
-        d="M19 27h13v2H19z"
+        d="M30 23h2v9H19v-9h2v7h9z"
       />
     </svg>
   </span>
diff --git a/src/components/icon/__snapshots__/icon.test.tsx.snap b/src/components/icon/__snapshots__/icon.test.tsx.snap
index 646cf10336a..a269f8f185c 100644
--- a/src/components/icon/__snapshots__/icon.test.tsx.snap
+++ b/src/components/icon/__snapshots__/icon.test.tsx.snap
@@ -484,14 +484,14 @@ exports[`EuiIcon props type apmApp is rendered 1`] = `
 >
   <path
     class="euiIcon__fillSecondary"
-    d="M0 3h24v2H0z"
+    d="M7 9v2H0V0h23v7h-2V2H2v7z"
   />
   <path
-    d="M4 11h24v2H4zM4 19h15v2H4z"
+    d="M32 9v12H20c-6.075 0-11-4.925-11-11V9h23zm-20.945 2c.497 4.5 4.312 8 8.945 8h10v-8H11.055z"
   />
   <path
     class="euiIcon__fillSecondary"
-    d="M19 27h13v2H19z"
+    d="M30 23h2v9H19v-9h2v7h9z"
   />
 </svg>
 `;
@@ -3047,6 +3047,21 @@ exports[`EuiIcon props type logoCloudEnterprise is rendered 1`] = `
 </svg>
 `;
 
+exports[`EuiIcon props type logoCodesandbox is rendered 1`] = `
+<svg
+  class="euiIcon euiIcon--medium"
+  focusable="false"
+  height="32"
+  viewBox="0 0 32 32"
+  width="32"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M14.738 28.044V16.681L3.172 10.919v6.46l5.32 2.67v4.889l6.246 3.106zm2.344.066l6.357-3.17v-5.002l5.353-2.686V10.87l-11.71 5.854V28.11zM27.306 8.993l-6.003-3.012-5.286 2.656-5.325-2.659L4.637 9.03l11.317 5.638 11.352-5.675zM.828 23.744V8.324L15.981.689l15.155 7.604V23.72L15.98 31.28.828 23.743z"
+  />
+</svg>
+`;
+
 exports[`EuiIcon props type logoCouchbase is rendered 1`] = `
 <svg
   class="euiIcon euiIcon--medium"
diff --git a/src/components/icon/assets/app_apm.svg b/src/components/icon/assets/app_apm.svg
index abb23b58ad4..7edbd7b5192 100644
--- a/src/components/icon/assets/app_apm.svg
+++ b/src/components/icon/assets/app_apm.svg
@@ -1,8 +1,7 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
-  <g transform="translate(0 3)">
-    <rect width="24" height="2" class="euiIcon__fillSecondary"/>
-    <rect width="24" height="2" x="4" y="8"/>
-    <rect width="15" height="2" x="4" y="16"/>
-    <rect width="13" height="2" x="19" y="24" class="euiIcon__fillSecondary"/>
+  <g>
+    <polygon class="euiIcon__fillSecondary" points="7 9 7 11 0 11 0 0 23 0 23 7 21 7 21 2 2 2 2 9"/>
+    <path d="M32,9 L32,21 L20,21 C13.9248678,21 9,16.0751322 9,10 L9,9 L32,9 Z M11.0549288,11 C11.5523731,15.4999505 15.3674463,19 20,19 L30,19 L30,11 L11.0549288,11 Z"/>
+    <polygon class="euiIcon__fillSecondary" points="30 23 32 23 32 32 19 32 19 23 21 23 21 30 30 30"/>
   </g>
 </svg>
diff --git a/src/components/icon/assets/logo_codesandbox.svg b/src/components/icon/assets/logo_codesandbox.svg
new file mode 100644
index 00000000000..edea94b1a5d
--- /dev/null
+++ b/src/components/icon/assets/logo_codesandbox.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <path d="M14.7384963,28.0444808 L14.7384963,16.6808004 L3.171875,10.9187399 L3.171875,17.3785254 L8.49205634,20.0490732 L8.49205634,24.9379661 L14.7384963,28.0444808 Z M17.0822463,28.1104783 L23.4392164,24.9397568 L23.4392164,19.9376319 L28.7922735,17.2517189 L28.7922735,10.8704595 L17.0822463,16.7243223 L17.0822463,28.1104783 Z M27.3062534,8.99303436 L21.3031192,5.9809552 L16.0172804,8.63665188 L10.6917123,5.97847414 L4.63673416,9.03000895 L15.9541959,14.6679474 L27.3062534,8.99303436 Z M0.828125,23.7440916 L0.828125,8.32487056 L15.9809121,0.688301792 L31.1360235,8.29239555 L31.1360235,23.7198663 L15.9798607,31.2794382 L0.828125,23.7440916 Z"/>
+</svg>
diff --git a/src/components/icon/icon.tsx b/src/components/icon/icon.tsx
index b2e989ffdab..174494041c7 100644
--- a/src/components/icon/icon.tsx
+++ b/src/components/icon/icon.tsx
@@ -130,6 +130,7 @@ import logoBusinessAnalytics from './assets/logo_business_analytics.svg';
 import logoCeph from './assets/logo_ceph.svg';
 import logoCloud from './assets/logo_cloud.svg';
 import logoCloudEnterprise from './assets/logo_cloud_ece.svg';
+import logoCodesandbox from './assets/logo_codesandbox.svg';
 import logoCouchbase from './assets/logo_couchbase.svg';
 import logoDocker from './assets/logo_docker.svg';
 import logoDropwizard from './assets/logo_dropwizard.svg';
@@ -418,6 +419,7 @@ const typeToIconMap = {
   logoCeph,
   logoCloud,
   logoCloudEnterprise,
+  logoCodesandbox,
   logoCouchbase,
   logoDocker,
   logoDropwizard,