From df16536bb072a6fce7d4fd89c4fde0413b88cba6 Mon Sep 17 00:00:00 2001
From: "dave.snider@gmail.com" <dave.snider@gmail.com>
Date: Mon, 8 Jan 2018 12:40:29 -0800
Subject: [PATCH] Apache, Nginx, MySQL logos (#270)

Adds new third party logos to our icons
---
 CHANGELOG.md                                  |   2 +-
 src-docs/src/views/icon/logos.js              |   3 +
 .../icon/__snapshots__/icon.test.js.snap      | 292 ++++++++++++++++++
 src/components/icon/assets/logo_apache.svg    |  54 ++++
 src/components/icon/assets/logo_mysql.svg     |   6 +
 src/components/icon/assets/logo_nginx.svg     |   6 +
 src/components/icon/icon.js                   |   6 +
 7 files changed, 368 insertions(+), 1 deletion(-)
 create mode 100644 src/components/icon/assets/logo_apache.svg
 create mode 100644 src/components/icon/assets/logo_mysql.svg
 create mode 100644 src/components/icon/assets/logo_nginx.svg

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 3781e03fcd9..46c065eb586 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,6 +1,6 @@
 # [`master`](https://github.com/elastic/eui/tree/master)
 
-No public interface changes since `0.0.11`.
+- Added Apache, Nginx, MySQL logos [(#270)](https://github.com/elastic/eui/pull/270)
 
 # [`0.0.11`](https://github.com/elastic/eui/tree/v0.0.11)
 
diff --git a/src-docs/src/views/icon/logos.js b/src-docs/src/views/icon/logos.js
index 189975bb444..1e3dfb64e81 100644
--- a/src-docs/src/views/icon/logos.js
+++ b/src-docs/src/views/icon/logos.js
@@ -9,6 +9,7 @@ import {
 } from '../../../../src/components';
 
 const iconTypes = [
+  'logoApache',
   'logoBeats',
   'logoCloud',
   'logoElastic',
@@ -17,6 +18,8 @@ const iconTypes = [
   'logoGmail',
   'logoKibana',
   'logoLogstash',
+  'logoMySQL',
+  'logoNginx',
   'logoSlack',
   'logoWebhook',
   'logoXpack',
diff --git a/src/components/icon/__snapshots__/icon.test.js.snap b/src/components/icon/__snapshots__/icon.test.js.snap
index 960065d9cb1..9e9a5a99848 100644
--- a/src/components/icon/__snapshots__/icon.test.js.snap
+++ b/src/components/icon/__snapshots__/icon.test.js.snap
@@ -1339,6 +1339,238 @@ exports[`EuiIcon renders type loggingApp 1`] = `
 </svg>
 `;
 
+exports[`EuiIcon renders type logoApache 1`] = `
+<svg
+  class="euiIcon euiIcon--medium"
+  height="32"
+  viewBox="0 0 32 32"
+  width="32"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <defs>
+    <linearGradient
+      id="logo_apache-a"
+      x1="83.946%"
+      x2="-54.341%"
+      y1="39.21%"
+      y2="93.091%"
+    >
+      <stop
+        offset="0%"
+        stop-color="#282662"
+      />
+      <stop
+        offset="9.548%"
+        stop-color="#662E8D"
+      />
+      <stop
+        offset="78.82%"
+        stop-color="#9F2064"
+      />
+      <stop
+        offset="94.87%"
+        stop-color="#CD2032"
+      />
+    </linearGradient>
+    <linearGradient
+      id="logo_apache-b"
+      x1="76.264%"
+      x2="-38.571%"
+      y1="83.275%"
+      y2="-12.192%"
+    >
+      <stop
+        offset="0%"
+        stop-color="#F69923"
+      />
+      <stop
+        offset="31.23%"
+        stop-color="#F79A23"
+      />
+      <stop
+        offset="83.83%"
+        stop-color="#E97826"
+      />
+    </linearGradient>
+    <linearGradient
+      id="logo_apache-c"
+      x1="424.145%"
+      x2="13.08%"
+      y1="-170.194%"
+      y2="82.017%"
+    >
+      <stop
+        offset="32.33%"
+        stop-color="#9E2064"
+      />
+      <stop
+        offset="63.02%"
+        stop-color="#C92037"
+      />
+      <stop
+        offset="75.14%"
+        stop-color="#CD2335"
+      />
+      <stop
+        offset="100%"
+        stop-color="#E97826"
+      />
+    </linearGradient>
+    <linearGradient
+      id="logo_apache-d"
+      x1="186.182%"
+      x2="-55.105%"
+      y1="-16.929%"
+      y2="107.746%"
+    >
+      <stop
+        offset="32.33%"
+        stop-color="#9E2064"
+      />
+      <stop
+        offset="63.02%"
+        stop-color="#C92037"
+      />
+      <stop
+        offset="75.14%"
+        stop-color="#CD2335"
+      />
+      <stop
+        offset="100%"
+        stop-color="#E97826"
+      />
+    </linearGradient>
+    <linearGradient
+      id="logo_apache-e"
+      x1="168.562%"
+      x2="-36.487%"
+      y1="-25.193%"
+      y2="95.315%"
+    >
+      <stop
+        offset="32.33%"
+        stop-color="#9E2064"
+      />
+      <stop
+        offset="63.02%"
+        stop-color="#C92037"
+      />
+      <stop
+        offset="75.14%"
+        stop-color="#CD2335"
+      />
+      <stop
+        offset="100%"
+        stop-color="#E97826"
+      />
+    </linearGradient>
+    <linearGradient
+      id="logo_apache-f"
+      x1="361.539%"
+      x2="24.407%"
+      y1="-112.855%"
+      y2="62.315%"
+    >
+      <stop
+        offset="32.33%"
+        stop-color="#9E2064"
+      />
+      <stop
+        offset="63.02%"
+        stop-color="#C92037"
+      />
+      <stop
+        offset="75.14%"
+        stop-color="#CD2335"
+      />
+      <stop
+        offset="100%"
+        stop-color="#E97826"
+      />
+    </linearGradient>
+    <linearGradient
+      id="logo_apache-g"
+      x1="173.271%"
+      x2="-94.406%"
+      y1="-9.428%"
+      y2="109.132%"
+    >
+      <stop
+        offset="0%"
+        stop-color="#282662"
+      />
+      <stop
+        offset="9.548%"
+        stop-color="#662E8D"
+      />
+      <stop
+        offset="78.82%"
+        stop-color="#9F2064"
+      />
+      <stop
+        offset="94.87%"
+        stop-color="#CD2032"
+      />
+    </linearGradient>
+  </defs>
+  <g
+    fill="none"
+    fill-rule="evenodd"
+  >
+    <path
+      d="M20.879 5.561a17.073 17.073 0 0 0 1.856-1.017l.063-.04c-.24.61-.123 1.68-.12 1.676.378-1.109.847-2.084 1.556-2.704.271.242.477.697.646 1.273.084-.793-.06-1.237-.13-1.399.35.414.982.645 1.663.846-.765-.465-1.271-.923-1.47-1.372A163.25 163.25 0 0 0 31.969.46a.664.664 0 0 0-.62-.102c-.449.163-3.393 1.224-7.398 2.435l-.344.104-.097.028a147.737 147.737 0 0 1-1.6.47l-1.102 2.201c.023-.01.048-.023.072-.035z"
+      fill="url(#logo_apache-a)"
+      fill-rule="nonzero"
+      transform="translate(0 12)"
+    />
+    <path
+      d="M.645 7.922c.61.23 1.265.29 1.908.36.378.036.758.06 1.138.08l.782-1.64A20.782 20.782 0 0 1 1.46 6.61c.988.099 1.984.059 2.974.005-.714-.852-1.498-1.642-2.297-2.414-.751.378-1.478.905-1.873 1.668-.2.465-.317 1.008-.154 1.5.088.253.29.453.536.553z"
+      fill="url(#logo_apache-b)"
+      fill-rule="nonzero"
+      transform="translate(0 12)"
+    />
+    <path
+      d="M20.374 15.509l-.074.021a130.412 130.412 0 0 1-3.08.83 110.237 110.237 0 0 1-3.144.757 93.225 93.225 0 0 1-2.98.615l-.215.04-.035.007.071.077-.082.164.053-.01a66.427 66.427 0 0 0 1.558-.288 85.733 85.733 0 0 0 3.202-.689 115.733 115.733 0 0 0 4.684-1.194l.349-.097c.416-.116.825-.231 1.228-.347l.13-.26-.08-.085a143.279 143.279 0 0 1-1.585.46v-.001z"
+    />
+    <path
+      d="M9.297 6.267c-.542.08-1.077.15-1.604.212-.547.063-1.084.116-1.61.156l-.093.008c-.518.039-1.024.065-1.517.08L3.69 8.36l.307.013c.392.015.807.024 1.243.026a47.395 47.395 0 0 0 3.079-.087c.447-.027.904-.059 1.368-.099l.051-.004c.426-.708.731-1.46 1.097-2.19-.517.089-1.03.171-1.538.247z"
+      fill="url(#logo_apache-c)"
+      fill-rule="nonzero"
+      transform="translate(0 12)"
+    />
+    <path
+      d="M20.331 3.84a121.172 121.172 0 0 1-4.683 1.194 98.998 98.998 0 0 1-3.202.689 91.241 91.241 0 0 1-1.558.288l-.053.009-1.097 2.19.104-.009a51.719 51.719 0 0 0 3.029-.36 45.924 45.924 0 0 0 1.562-.26 32.292 32.292 0 0 0 1.544-.33 28.995 28.995 0 0 0 2.46-.701c.245-.085.487-.173.726-.263a22.904 22.904 0 0 0 1.645-.691c.371-.722.755-1.456 1.102-2.202a155.908 155.908 0 0 1-1.579.445z"
+      fill="url(#logo_apache-d)"
+      fill-rule="nonzero"
+      transform="translate(0 12)"
+    />
+    <path
+      d="M10.881 5.772l.215-.04.66-.127c.242-.047.49-.097.741-.15.127-.025.255-.052.384-.079a93.043 93.043 0 0 0 2.757-.623 109.962 109.962 0 0 0 3.173-.81c.485-.132.981-.27 1.49-.413l.073-.021a134.8 134.8 0 0 0 1.548-.45l.036-.01-.611-.66.024.048c-.744-.78-2.233-1.446-3.573-1.597a8.482 8.482 0 0 0-1.993.03c-.533.066-1.097.175-1.699.326-.525.133-1.08.296-1.666.493.25.12.494.29.732.5a5.345 5.345 0 0 1 .249.235l-.002-.001c-.902-.573-1.872-.637-2.874-.464.3.104.743.307 1.137.65.054.048.106.098.157.149l.039.038h-.002a4.06 4.06 0 0 0-.932-.42 3.132 3.132 0 0 0-.693-.12 3.474 3.474 0 0 0-.835.053 10.591 10.591 0 0 0-1.119.263 6.997 6.997 0 0 0-.388.132c-.119.046-.21.088-.273.122.041.01.086.026.133.046.324.134.763.452 1.073.74l-.562-.605.562.606.014.013.091.09c-.007-.005-.014-.006-.02-.01l1.92 2.071.034-.005z"
+      fill="url(#logo_apache-e)"
+      fill-rule="nonzero"
+      transform="translate(0 12)"
+    />
+    <path
+      d="M4.433 6.614c.457-.028.97-.068 1.54-.126l.091-.01c.494-.05 1.032-.113 1.613-.191a69.437 69.437 0 0 0 3.17-.51l-1.9-2.062c-.79-.433-1.303-.536-1.91-.528a13.93 13.93 0 0 0-.51.025c-.534.037-1.102.105-1.649.195-.528.088-1.036.196-1.476.317-.28.077-.533.16-.745.244-.188.075-.36.153-.52.233.801.768 1.743 1.738 2.297 2.413z"
+      fill="url(#logo_apache-f)"
+      fill-rule="nonzero"
+      transform="translate(0 12)"
+    />
+    <path
+      d="M30.685 19.708v.083h.193v.544h.09l-.001-.544h.194v-.083h-.476zm1.114 0l-.215.438-.217-.438h-.108v.627h.083v-.497l.213.43h.057l.213-.43v.497h.083v-.627h-.11z"
+      fill="#6D6E71"
+      fill-rule="nonzero"
+    />
+    <path
+      d="M22.19 2.981c.41-.122.826-.248 1.25-.378l.02-.006.179-.056c.286-.088.541-.17 1.123-.355-.074-.35.084-.794.293-1.257a1.784 1.784 0 0 0-.64 1.194c-.9-1.334-2.05-2.204-3.42-2.08-.122.012-.245.03-.371.058.525.015.906.235 1.324.87l.004.003-.004-.002C20.88.372 20.16.207 19.226.283a8.42 8.42 0 0 0-.709.092c1.389.187 2.293.927 2.83 2.014l.024.048.587.613.231-.069z"
+      fill="url(#logo_apache-g)"
+      fill-rule="nonzero"
+      transform="translate(0 12)"
+    />
+  </g>
+</svg>
+`;
+
 exports[`EuiIcon renders type logoBeats 1`] = `
 <svg
   class="euiIcon euiIcon--medium"
@@ -1628,6 +1860,66 @@ exports[`EuiIcon renders type logoLogstash 1`] = `
 </svg>
 `;
 
+exports[`EuiIcon renders type logoMySQL 1`] = `
+<svg
+  class="euiIcon euiIcon--medium"
+  height="32"
+  viewBox="0 0 32 32"
+  width="32"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <g
+    fill="none"
+    fill-rule="evenodd"
+  >
+    <path
+      d="M.06 23.045h1.051v-4.15a35146213408608490 35146213408608490 0 0 0 3.557 3.617l1.627-3.618v4.15h1.051v-4.143c0-.404-.161-.6-.495-.7-.798-.25-1.334-.034-1.576.505l-1.597 3.57-1.546-3.57c-.233-.54-.778-.755-1.577-.506-.333.101-.495.297-.495.701v4.144zM8.22 19.667h1.05v2.287c-.009.124.04.415.616.424.294.005 2.267 0 2.286 0v-2.722h1.053c.005 0-.001 3.713-.001 3.728.006.916-1.136 1.115-1.662 1.13H8.243v-.707h3.324c.677-.071.597-.407.597-.52v-.276H9.93c-1.04-.01-1.701-.463-1.71-.985 0-.049.023-2.336 0-2.359z"
+      fill="#00618A"
+      fill-rule="nonzero"
+    />
+    <path
+      d="M14.035 23.045h3.022c.353 0 .697-.074.97-.202.455-.21.677-.492.677-.863v-.768c0-.303-.253-.586-.748-.774a2.583 2.583 0 0 0-.9-.155h-1.273c-.424 0-.626-.128-.677-.411-.01-.034-.01-.061-.01-.095V19.3c0-.027 0-.054.01-.088.05-.215.162-.276.536-.31.03 0 .07-.006.1-.006h3.002v-.701h-2.95c-.425 0-.647.027-.85.087-.626.196-.899.506-.899 1.045v.613c0 .472.536.876 1.435.97.101.007.202.014.303.014h1.092c.04 0 .08 0 .11.006.334.027.476.088.577.21.06.06.08.12.08.188v.613c0 .074-.05.168-.15.25-.092.08-.243.134-.445.147-.04 0-.071.007-.112.007h-2.9v.7zM25.26 21.825c0 .721.536 1.126 1.617 1.206.1.007.202.014.303.014h2.739v-.7h-2.76c-.616 0-.848-.156-.848-.526v-3.625H25.26v3.631zM19.375 21.862v-2.498c0-.634.446-1.02 1.327-1.14.09-.014.192-.021.283-.021h1.995c.101 0 .193.007.294.02.88.122 1.326.507 1.326 1.141v2.498c0 .515-.189.79-.625.97l1.035.935h-1.22l-.838-.756-.843.053h-1.124a2.33 2.33 0 0 1-.618-.088c-.668-.182-.992-.533-.992-1.114zm1.134-.06c0 .033.01.067.02.108.061.29.335.452.75.452h.955l-.877-.792h1.22l.765.69a.498.498 0 0 0 .266-.337c.01-.034.01-.067.01-.101v-2.397c0-.027 0-.06-.01-.095-.06-.27-.334-.425-.74-.425H21.28c-.466 0-.77.203-.77.52v2.376z"
+      fill="#E48E00"
+      fill-rule="nonzero"
+    />
+    <path
+      d="M30.845 17.032c-.646-.017-1.14.043-1.562.22-.12.051-.311.053-.33.203.065.069.076.172.128.257.1.163.27.382.423.496.165.125.336.26.514.368.316.192.67.302.974.496.179.113.357.257.532.385.087.064.145.163.257.202v-.018c-.059-.075-.074-.179-.128-.257l-.239-.239a3.919 3.919 0 0 0-.845-.808c-.251-.18-.814-.424-.919-.717l-.018-.018c.178-.02.387-.085.551-.129.276-.074.523-.055.809-.128l.385-.11v-.074c-.144-.148-.247-.344-.404-.478-.411-.35-.86-.7-1.323-.992-.256-.162-.573-.267-.845-.404-.09-.046-.252-.07-.312-.147-.143-.182-.22-.413-.33-.624-.231-.445-.458-.93-.662-1.397-.14-.318-.23-.632-.404-.918-.834-1.372-1.732-2.2-3.123-3.013-.296-.173-.652-.241-1.029-.33l-.606-.037c-.123-.052-.252-.203-.367-.276-.461-.291-1.643-.924-1.984-.092-.216.526.322 1.038.514 1.305.135.186.308.396.404.606.064.138.075.276.129.422.133.36.25.752.422 1.084.088.168.184.346.294.496.068.092.184.133.202.276-.113.158-.12.405-.183.606-.287.905-.18 2.03.238 2.7.129.206.43.647.845.478.364-.148.282-.606.386-1.01.024-.092.01-.16.055-.22v.018l.331.66c.245.395.68.807 1.047 1.085.191.144.341.393.588.478v-.019h-.018c-.048-.074-.123-.105-.184-.165a4.21 4.21 0 0 1-.423-.478c-.334-.454-.63-.952-.9-1.47-.128-.247-.24-.52-.349-.771-.042-.097-.041-.244-.128-.294-.12.184-.294.333-.386.551-.147.348-.166.772-.22 1.213-.033.011-.018.003-.037.018-.256-.062-.346-.325-.441-.551-.24-.572-.285-1.492-.074-2.15.055-.17.303-.706.202-.863-.047-.157-.205-.248-.294-.367a2.89 2.89 0 0 1-.294-.515c-.196-.445-.288-.946-.495-1.396-.1-.215-.267-.433-.405-.625-.152-.212-.322-.368-.44-.624-.042-.091-.1-.237-.037-.33.02-.064.047-.09.11-.111.107-.082.403.027.514.073.295.123.54.24.79.405.12.079.241.233.386.275h.165c.259.06.549.019.79.092.427.13.81.332 1.158.551a7.165 7.165 0 0 1 2.516 2.756c.096.183.137.357.22.55.17.392.383.794.552 1.177.168.381.332.766.57 1.083.124.167.607.257.826.35.154.064.406.132.551.22.278.168.548.367.809.551.13.092.53.293.55.46z"
+      fill="#00618A"
+      fill-rule="nonzero"
+    />
+    <path
+      d="M22.633 10.032a1.314 1.314 0 0 0-.331.037v.019h.018c.065.132.178.217.258.33.06.129.122.257.183.386l.019-.018c.113-.08.166-.209.165-.404-.046-.048-.052-.109-.092-.166-.052-.076-.154-.12-.22-.184z"
+      fill="#00618A"
+    />
+    <path
+      d="M30.413 22.324c0 .463.366.775.775.775a.764.764 0 0 0 .774-.775.764.764 0 0 0-.774-.774.764.764 0 0 0-.775.774zm1.376 0a.6.6 0 0 1-.601.614.597.597 0 0 1-.601-.614c0-.35.264-.613.6-.613a.6.6 0 0 1 .602.613zm-.393.442h.174l-.254-.388c.136-.014.24-.08.24-.241 0-.18-.114-.254-.333-.254h-.345v.883h.148v-.382h.139l.231.382zm-.37-.506v-.254h.172c.089 0 .196.017.196.12 0 .124-.097.134-.208.134h-.16z"
+      fill="#E48E00"
+    />
+  </g>
+</svg>
+`;
+
+exports[`EuiIcon renders type logoNginx 1`] = `
+<svg
+  class="euiIcon euiIcon--medium"
+  height="32"
+  viewBox="0 0 32 32"
+  width="32"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <g
+    fill="#090"
+  >
+    <path
+      d="M.853 14.45v3.722a.714.714 0 1 1-1.429 0v-5.447c0-.636.77-.955 1.22-.505l4.227 4.228v-3.723a.714.714 0 0 1 1.428 0v5.447c0 .637-.769.955-1.219.505L.853 14.45zm8.04-2.432l-.197.366-1.517 2.76-.197.347.197.349 1.518 2.67.205.365H12.875l.197-.402 1.133-2.285.51-1.036h-1.152l-2.902.009a.743.743 0 0 0-.725.714c0 .378.347.72.725.715l1.75-.01-.429.867h-2.25l-1.116-1.965 1.125-2.035h2.394l.558 1.145h1.437l-.906-2.172-.197-.402H8.893zm7.236-.009a.742.742 0 0 0-.705.723v1.862h1.428v-1.862a.743.743 0 0 0-.723-.723zM23.152 14.464v3.722a.714.714 0 0 0 1.429 0V12.74a.714.714 0 0 0-1.22-.505l-4.227 4.228v-3.723a.714.714 0 0 0-1.428 0v5.447c0 .637.769.956 1.219.506l4.227-4.228zM25.626 13.243a.714.714 0 0 1 1.008-1.012l5.453 5.434a.714.714 0 0 1-1.009 1.012l-5.452-5.434z"
+    />
+    <path
+      d="M32.093 13.243a.714.714 0 0 0-1.008-1.012l-5.453 5.434a.714.714 0 0 0 1.009 1.012l5.452-5.434zM16.129 18.88a.742.742 0 0 1-.705-.723v-2.99h1.428v2.99a.743.743 0 0 1-.723.723z"
+    />
+  </g>
+</svg>
+`;
+
 exports[`EuiIcon renders type logoSlack 1`] = `
 <svg
   class="euiIcon euiIcon--medium"
diff --git a/src/components/icon/assets/logo_apache.svg b/src/components/icon/assets/logo_apache.svg
new file mode 100644
index 00000000000..384761f6410
--- /dev/null
+++ b/src/components/icon/assets/logo_apache.svg
@@ -0,0 +1,54 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <defs>
+    <linearGradient id="logo_apache-a" x1="21.902%" x2="141.879%" y1="63.905%" y2="20.213%">
+      <stop offset="0%" stop-color="#F69923"/>
+      <stop offset="31.23%" stop-color="#F79A23"/>
+      <stop offset="83.83%" stop-color="#E97826"/>
+    </linearGradient>
+    <linearGradient id="logo_apache-b" x1="-217.651%" x2="74.743%" y1="177.127%" y2="36.665%">
+      <stop offset="32.33%" stop-color="#9E2064"/>
+      <stop offset="63.02%" stop-color="#C92037"/>
+      <stop offset="75.14%" stop-color="#CD2335"/>
+      <stop offset="100%" stop-color="#E97826"/>
+    </linearGradient>
+    <linearGradient id="logo_apache-c" x1="-80.044%" x2="146.24%" y1="73.574%" y2="31.539%">
+      <stop offset="32.33%" stop-color="#9E2064"/>
+      <stop offset="63.02%" stop-color="#C92037"/>
+      <stop offset="75.14%" stop-color="#CD2335"/>
+      <stop offset="100%" stop-color="#E97826"/>
+    </linearGradient>
+    <linearGradient id="logo_apache-d" x1="-18.316%" x2="165.002%" y1="52.497%" y2="41.656%">
+      <stop offset="0%" stop-color="#282662"/>
+      <stop offset="9.548%" stop-color="#662E8D"/>
+      <stop offset="78.82%" stop-color="#9F2064"/>
+      <stop offset="94.87%" stop-color="#CD2032"/>
+    </linearGradient>
+    <linearGradient id="logo_apache-e" x1="-109.701%" x2="64.617%" y1="463.715%" y2="17.19%">
+      <stop offset="32.33%" stop-color="#9E2064"/>
+      <stop offset="63.02%" stop-color="#C92037"/>
+      <stop offset="75.14%" stop-color="#CD2335"/>
+      <stop offset="100%" stop-color="#E97826"/>
+    </linearGradient>
+    <linearGradient id="logo_apache-f" x1="-34.88%" x2="110.599%" y1="130.522%" y2="-9.118%">
+      <stop offset="32.33%" stop-color="#9E2064"/>
+      <stop offset="63.02%" stop-color="#C92037"/>
+      <stop offset="75.14%" stop-color="#CD2335"/>
+      <stop offset="100%" stop-color="#E97826"/>
+    </linearGradient>
+    <linearGradient id="logo_apache-g" x1="-13.673%" x2="117.858%" y1="192.564%" y2="-136.906%">
+      <stop offset="0%" stop-color="#282662"/>
+      <stop offset="9.548%" stop-color="#662E8D"/>
+      <stop offset="78.82%" stop-color="#9F2064"/>
+      <stop offset="94.87%" stop-color="#CD2032"/>
+    </linearGradient>
+  </defs>
+  <g fill="none" transform="translate(8)">
+    <path fill="url(#logo_apache-a)" d="M13.6280156,0.180544747 C13.1299611,0.473151751 12.2957199,1.31361868 11.2996109,2.52762646 L11.2996109,2.60233463 L12.1712062,4.21478599 L12.214786,4.2459144 C12.8560311,3.3307393 13.5035019,2.50272374 14.1634241,1.79922179 C14.2132296,1.74319066 14.2381323,1.71828794 14.2381323,1.71828794 C14.2132296,1.74319066 14.1883269,1.77431907 14.1634241,1.79922179 C13.951751,2.03579766 13.3042801,2.78287938 12.3330739,4.2770428 L12.4451362,4.30194552 C12.4451362,4.30194552 14.7175097,4.07782101 15.8132296,3.89105058 L15.8754864,3.83501946 C16.2241245,1.88015564 15.5330739,0.983657588 15.5330739,0.983657588 C15.5330739,0.983657588 14.6614786,-0.423346304 13.6280156,0.180544747 Z"/>
+    <path fill="url(#logo_apache-b)" d="M9.52529181,8.69727625 C9.8054475,8.18054475 10.0856031,7.67003894 10.3657587,7.17821012 C10.6583657,6.66770425 10.9571984,6.16964981 11.2622568,5.69027238 C11.2809339,5.66536965 11.2996109,5.63424124 11.3120623,5.60311284 C11.6108949,5.12996109 11.9097276,4.68171206 12.214786,4.2459144 L11.2996109,2.52140078 C11.2311284,2.60233463 11.1626459,2.68949416 11.0941634,2.77665369 C10.8326848,3.10661479 10.5587549,3.45525292 10.2785992,3.82879378 C9.9610895,4.25214008 9.63735406,4.70038911 9.307393,5.17354086 C9.00233462,5.60933852 8.69105056,6.07003891 8.38599219,6.536965 C8.12451363,6.94163425 7.85680931,7.35252919 7.59533075,7.78210119 C7.58287938,7.80077819 7.57665369,7.81322956 7.56420231,7.83190663 L7.56420231,7.90038913 L8.70350194,10.1603113 L8.75330738,10.1789883 C9.00856031,9.68093387 9.26381325,9.18287938 9.52529181,8.69727625 Z"/>
+    <path fill="url(#logo_apache-c)" d="M4.56342413,19.7603113 C4.76887159,19.2249027 4.98677042,18.6832685 5.20466926,18.1354086 C5.41634241,17.6124514 5.62801556,17.0832685 5.85214008,16.5540856 C6.07003891,16.0249027 6.30038912,15.4957199 6.53073931,14.9603113 C6.76731519,14.4186771 7.00389106,13.8770428 7.24669262,13.3416343 C7.48949419,12.8124514 7.73229575,12.2832685 7.98132294,11.7603113 C8.0684825,11.5735409 8.16186769,11.3805448 8.25525294,11.1937743 C8.41089494,10.8700389 8.57276262,10.5463035 8.72840469,10.2287938 C8.73463038,10.2101168 8.74708169,10.1976654 8.75330738,10.1789883 L7.56420231,7.83190663 C7.54552531,7.863035 7.52684825,7.89416344 7.50817119,7.92529181 C7.23424125,8.37976656 6.95408563,8.84046694 6.68638131,9.31361869 C6.41245137,9.79299613 6.14474708,10.2785992 5.88326848,10.770428 C5.65914397,11.1875486 5.44747082,11.6046693 5.23579766,12.0280156 C5.1922179,12.1151751 5.15486381,12.1961089 5.11128404,12.2832685 C4.84980545,12.8186771 4.61945525,13.3291829 4.4077821,13.8272374 C4.17120623,14.3875486 3.95953308,14.9229572 3.77276264,15.4334631 C3.64824903,15.7696498 3.54241245,16.0871596 3.43657588,16.3984436 C3.35564203,16.6599222 3.27470817,16.9276264 3.2,17.1891051 C3.01945525,17.8116731 2.87003891,18.4280156 2.74552529,19.0505837 L2.76420234,19.1252918 L3.90350194,21.3914397 L3.94085603,21.4101168 C4.09649806,20.9867704 4.25836576,20.5634241 4.42645914,20.1276264 C4.47003891,20.0031128 4.51984436,19.8848249 4.56342413,19.7603113 Z"/>
+    <path fill="url(#logo_apache-d)" d="M2.73307393,19.1315175 C2.58365759,19.8848249 2.47782101,20.6381323 2.42178988,21.385214 C2.42178988,21.4101168 2.4155642,21.4350194 2.4155642,21.4661479 C2.04202334,20.8684825 1.0459144,20.2894942 1.0459144,20.2894942 C1.76186771,21.3229572 2.30350194,22.3501946 2.3844358,23.3587549 C2.00466926,23.4396887 1.48171206,23.3214007 0.871595331,23.1035019 C1.50038911,23.6824903 1.97354086,23.844358 2.16031128,23.8879377 C1.58132296,23.9252918 0.977431906,24.3237354 0.367315175,24.7782101 C1.25758755,24.4171206 1.97354086,24.2739299 2.49027237,24.3859922 C1.67470817,26.6957199 0.859143969,29.248249 0.0373540856,31.9501946 C0.286381323,31.8754864 0.435797666,31.707393 0.522957199,31.4770428 C0.666147863,30.985214 1.63735409,27.7727626 3.15019455,23.5455253 C3.19377432,23.4272374 3.23735409,23.3027237 3.28093385,23.1844358 C3.29338521,23.1533074 3.30583657,23.1159533 3.31828794,23.0848249 C3.48015564,22.6428016 3.64202334,22.1883269 3.81634241,21.7276264 C3.8536965,21.6217899 3.89727626,21.5159533 3.93463035,21.4101168 C3.93463035,21.4101168 3.93463035,21.4038911 3.93463035,21.4038911 L2.74552529,19.0505837 C2.74552529,19.0817121 2.73929961,19.1066148 2.73307393,19.1315175 Z"/>
+    <path fill="url(#logo_apache-e)" d="M12.3330739,4.28326848 C12.0653696,4.69416343 11.7727626,5.16108949 11.4552529,5.69027238 C11.4365759,5.7151751 11.4241245,5.7463035 11.4054475,5.77120623 C11.1315175,6.23190661 10.8451362,6.72996106 10.5400778,7.28404669 C10.2785992,7.75719844 10.0046692,8.26770425 9.71828794,8.82178988 C9.46926069,9.30116731 9.21400781,9.8054475 8.95252919,10.3470817 L9.00856031,10.3719844 L11.9035019,10.0607004 L11.9719844,10.0108949 C12.8498054,9.60622569 13.2420234,9.2389105 13.6217899,8.70972762 C13.7214007,8.56653694 13.8272374,8.41089494 13.9268482,8.25525294 C14.2381323,7.76964981 14.5431907,7.24046694 14.8108949,6.71128406 C15.0723736,6.20077821 15.3027237,5.69027238 15.4832685,5.23579766 C15.5953307,4.94319066 15.6887159,4.67548638 15.7509727,4.43891051 C15.8070039,4.22723736 15.8505837,4.02801556 15.8817121,3.84124514 C14.7112841,4.04669261 13.2731517,4.23968872 12.3330739,4.28326848 Z"/>
+    <path fill="url(#logo_apache-f)" d="M8.84046694,10.5898833 C8.740856,10.8015564 8.63501944,11.0194553 8.52918287,11.2373541 C8.41712062,11.4739299 8.29883269,11.7229572 8.18677044,11.9719844 C8.13073931,12.0964981 8.0684825,12.2272374 8.01245137,12.351751 C7.83190662,12.7377432 7.65758756,13.1361868 7.47081712,13.5470817 C7.24669262,14.0513619 7.01634244,14.5805448 6.78599219,15.122179 C6.56186769,15.6451362 6.33774319,16.1805447 6.11361867,16.740856 C5.89571984,17.2700389 5.67782101,17.8178988 5.45992218,18.3782101 C5.26070039,18.8824903 5.0614786,19.3929961 4.86225681,19.9284047 C4.84980545,19.9533074 4.84357977,19.9782101 4.83112841,20.0031128 C4.63190661,20.5322957 4.43759576,21.0706256 4.23214829,21.6247112 C4.22592261,21.6371626 4.21480347,21.6695654 4.20857779,21.6820168 L4.25157694,21.6915621 L5.11750972,21.5984124 L5.16639561,21.5782101 C5.14771857,21.5719844 5.13618677,21.5470817 5.11750972,21.540856 C6.263035,21.3976654 7.78832687,20.5385214 8.77821012,19.4801556 C9.23268481,18.9945525 9.64357975,18.4155642 10.029572,17.7431907 C10.3159533,17.2389105 10.5774319,16.6848249 10.8326848,16.0684825 C11.0568093,15.5330739 11.2684825,14.9478599 11.4739299,14.3190661 C11.2124514,14.4560311 10.907393,14.5618677 10.5774319,14.6303502 C10.5214007,14.6428016 10.459144,14.6552529 10.3968872,14.6677042 C10.3346304,14.6801556 10.2723736,14.6863813 10.2163424,14.6988327 C11.2871596,14.2879378 11.9595331,13.4910506 12.4513619,12.5198444 C12.1712062,12.7128404 11.7105058,12.9618677 11.1626459,13.0863813 C11.0879377,13.1050584 11.0132296,13.1175098 10.9322957,13.1299611 C10.9136187,13.1299611 10.8949416,13.1361868 10.8762646,13.1361868 C11.2498054,12.9805447 11.5610895,12.8062257 11.8350194,12.6007782 C11.8910506,12.5571984 11.9470817,12.5136187 12.0031128,12.4638133 C12.0840467,12.3891051 12.1649806,12.3143969 12.2396887,12.2396887 C12.2894942,12.1898833 12.3330739,12.1400778 12.3828794,12.0840467 C12.4887159,11.9595331 12.5883269,11.8225681 12.6817121,11.6731518 C12.7128404,11.629572 12.7377432,11.5797666 12.7688716,11.5361868 C12.8062257,11.4677043 12.8373541,11.3992218 12.8684825,11.3307393 C13.0178988,11.0319066 13.1361867,10.7642023 13.229572,10.5276264 C13.2793774,10.4093385 13.3167315,10.3035019 13.3540856,10.1976654 C13.3665369,10.1603113 13.3789883,10.1167315 13.3976654,10.0793774 C13.4350194,9.96731519 13.4661479,9.86770425 13.4910506,9.77431906 C13.5284047,9.64357975 13.5470817,9.53774319 13.5595331,9.463035 C13.522179,9.49416344 13.4848249,9.51906613 13.4350194,9.55019456 C13.1112841,9.74319069 12.5571984,9.91750975 12.1089494,9.99844356 L12.9929961,9.89883269 L12.1089494,9.99844356 C12.0466926,10.0108949 12.0031128,10.0171206 11.9533074,10.029572 C11.9574579,10.0254215 10.958993,10.1309911 8.95791281,10.3462807 C8.94546144,10.3587321 8.87159531,10.5151751 8.84046694,10.5898833 Z"/>
+    <path fill="url(#logo_apache-g)" d="M4.1151751,21.9143969 C3.95953307,22.3439689 3.79766537,22.7859922 3.64202334,23.2342413 C3.64202334,23.2404669 3.63579766,23.2466926 3.63579766,23.2529183 C3.61089494,23.3151751 3.5922179,23.3774319 3.56731517,23.4459144 C3.4614786,23.7509727 3.36809339,24.0186771 3.15642023,24.6412451 C3.50505837,24.8031128 3.78521401,25.2202334 4.05291829,25.6996109 C4.02801556,25.2077821 3.82256809,24.740856 3.43035019,24.3859922 C5.15486381,24.4607004 6.64280156,24.0249027 7.40856031,22.7673152 C7.47704281,22.6552529 7.53929962,22.536965 7.59533075,22.4124514 C7.24669262,22.8544747 6.81089494,23.0412451 6.00155642,22.9976654 C6.00155642,22.9976654 5.99533074,22.9976654 5.99533074,22.9976654 C5.99533074,22.9976654 6.00155642,22.9976654 6.00155642,22.9976654 C7.20311281,22.4622568 7.80077819,21.9455253 8.33618675,21.092607 C8.46070038,20.8871596 8.585214,20.6692607 8.70972762,20.4264591 C7.65758756,21.5035019 6.44357975,21.8085603 5.16731517,21.5782101 L4.20856031,21.6840467 C4.17743191,21.7525292 4.1463035,21.8334631 4.1151751,21.9143969 Z"/>
+  </g>
+</svg>
diff --git a/src/components/icon/assets/logo_mysql.svg b/src/components/icon/assets/logo_mysql.svg
new file mode 100644
index 00000000000..cfe6cbb664e
--- /dev/null
+++ b/src/components/icon/assets/logo_mysql.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <g fill="#00546B">
+    <path d="M29.4560345,24.276454 C27.7162314,24.2330699 26.367859,24.407159 25.2369505,24.8854955 C24.9107374,25.0159257 24.3887409,25.0160622 24.3452209,25.4291822 C24.5193122,25.6032736 24.5410042,25.8859645 24.693262,26.1251319 C24.954399,26.5599439 25.4109059,27.1472929 25.8241646,27.4518134 C26.2808076,27.7997185 26.7375864,28.1476236 27.215927,28.4521441 C28.0641365,28.9741406 29.0210781,29.2785212 29.8474596,29.8005154 C30.3260721,30.1047584 30.8042654,30.4964639 31.2827417,30.8226764 C31.5220509,30.9964907 31.6741726,31.2793181 31.9786936,31.3880557 L31.9786936,31.3228415 C31.8264302,31.1270599 31.7829102,30.844369 31.6307885,30.626893 C31.413449,30.4094176 31.1958377,30.2136354 30.9783624,29.99616 C30.3476281,29.1480875 29.5647666,28.408623 28.7165684,27.7997185 C28.0207581,27.3212437 26.4982944,26.6688187 26.2155955,25.8641314 C26.2155955,25.8641314 26.1937675,25.8424387 26.1720755,25.8207462 C26.6505464,25.7772234 27.215927,25.6032725 27.6727114,25.4727029 C28.4121832,25.2769217 29.0863071,25.3204435 29.8474596,25.1247977 C30.1953649,25.0377538 30.5434115,24.9290161 30.8913166,24.8202777 L30.8913166,24.6246344 C30.5000275,24.2330665 30.2171985,23.7112105 29.8039396,23.3414722 C28.6948706,22.3843891 27.4769224,21.4494086 26.2155955,20.6665492 C25.5413356,20.231599 24.671434,19.9487689 23.9538015,19.5791711 C23.692942,19.4484661 23.2578496,19.38339 23.1057279,19.1659124 C22.7141627,18.6874404 22.4966874,18.056845 22.2139977,17.4913224 C21.5835411,16.2950756 20.9743579,14.9686632 20.4306762,13.7073331 C20.039387,12.8591241 19.8000814,12.0109112 19.3216077,11.2280654 C17.0816457,7.53098817 14.6458869,5.29101377 10.9052885,3.09443217 C10.1006029,2.63778815 9.14379724,2.44200676 8.12163285,2.20283905 C7.57808311,2.18100854 7.03425586,2.13762457 6.4905634,2.11579406 C6.14265826,1.96353224 5.79461494,1.55041365 5.49009331,1.35463051 C4.25073444,0.571637012 1.05367788,-1.12450889 0.14025685,1.1154628 C-0.446954478,2.52905645 1.01015844,3.92080962 1.51031844,4.63858515 C1.880192,5.13875222 2.35852744,5.7041314 2.61952566,6.26965579 C2.77178676,6.63911532 2.81517026,7.03081855 2.96743136,7.42224707 C3.31547412,8.37891737 3.64154902,9.4447343 4.09833005,10.3364757 C4.33763569,10.7931197 4.59849571,11.2715928 4.90301621,11.6847082 C5.07696821,11.9238757 5.38135107,12.0327516 5.44670357,12.4241795 C5.14232184,12.8591286 5.12049105,13.5115565 4.94639971,14.055249 C4.16354435,16.5126865 4.46806429,19.55735 5.57713387,21.3623612 C5.92503901,21.9059121 6.75155086,23.1023026 7.86062895,22.6455227 C8.83926769,22.254093 8.62179171,21.0144532 8.90448255,19.9270762 C8.96983617,19.6659404 8.92631277,19.4921271 9.05674307,19.3181729 C9.05685635,19.3398655 9.05674307,19.3616951 9.05674307,19.3616951 C9.36126301,19.9705985 9.66564644,20.5578137 9.94833614,21.166707 C10.622592,22.2322531 11.7968804,23.3414592 12.7755129,24.0809379 C13.2976476,24.472226 13.710767,25.1464846 14.3631904,25.3857891 L14.3631904,25.3204355 L14.3196681,25.3204355 C14.1891001,25.1246539 13.9934556,25.0377447 13.8195025,24.8854865 C13.4280739,24.4940579 12.9929855,24.0155831 12.6886037,23.5806351 C11.7753181,22.3626857 10.9704926,21.0144544 10.2528561,19.622562 C9.90495094,18.9484444 9.60043101,18.2089667 9.31774017,17.5348514 C9.18717225,17.2737161 9.18717225,16.8824257 8.96969685,16.7519966 C8.64348431,17.2303309 8.16514889,17.6435896 7.92584326,18.2308021 C7.51286145,19.165918 7.46920042,20.3185121 7.3169399,21.5146184 C7.23003129,21.5364497 7.2734165,21.5146184 7.22989366,21.5581422 C6.53408284,21.384051 6.2947772,20.6665492 6.03377444,20.0575065 C5.38134881,18.5134907 5.27261169,16.0342105 5.83812984,14.2510295 C5.99039037,13.7942485 6.642816,12.3589641 6.38181777,11.9240127 C6.25138747,11.5107534 5.81629905,11.2715871 5.57713161,10.9453746 C5.29444077,10.5321158 4.98992085,10.0102581 4.79427625,9.5534822 C4.27227979,8.33567264 4.01128269,6.98730137 3.44590442,5.76935192 C3.1849062,5.20383331 2.72826336,4.61676046 2.35852744,4.09490079 C1.945408,3.50769105 1.48862584,3.09443217 1.16240878,2.39848132 C1.05380871,2.15931361 0.901410549,1.76788644 1.07536368,1.50688707 C1.11888651,1.33293559 1.20579342,1.26771999 1.37988361,1.22419687 C1.66257444,0.984891186 2.4672606,1.28941134 2.7499452,1.41984204 C3.55463136,1.74591564 4.22875072,2.05057609 4.90300659,2.50721891 C5.20738889,2.72469404 5.53360141,3.1379529 5.92502995,3.24669049 L6.38181041,3.24669049 C7.07775886,3.39881316 7.86061592,3.29021123 8.51304099,3.48585815 C9.66577047,3.855456 10.709483,4.39928179 11.6447462,4.9864939 C14.4937537,6.79150612 16.8423191,9.35782684 18.4300079,12.4241807 C18.6910061,12.9242087 18.7996056,13.3811262 19.0389112,13.9029862 C19.4956922,14.9686706 20.0610722,16.056047 20.5177162,17.0999022 C20.974359,18.1219251 21.4093092,19.1659202 22.0617326,20.014131 C22.3880834,20.4706367 23.6928004,20.7099412 24.2800032,20.9492469 C24.714954,21.1448926 25.3892139,21.3189839 25.780639,21.5581507 C26.5199751,22.0146554 27.259447,22.5367913 27.9553931,23.0369557 C28.3034342,23.2978169 29.3906752,23.841643 29.4560289,24.2764562 L29.4560345,24.276454 Z"/>
+    <path d="M7.27331115,5.37778305 C6.90357579,5.37778305 6.64271631,5.42144408 6.38171809,5.48666007 C6.38171809,5.4865468 6.38171809,5.50849031 6.38171809,5.53018291 L6.42524149,5.53018291 C6.59933225,5.87808792 6.90357693,6.11739356 7.12105175,6.42177472 C7.29514308,6.76967986 7.44726429,7.11772431 7.62135561,7.46576765 C7.64304708,7.44393685 7.66473969,7.42224481 7.66473969,7.42224481 C7.96939894,7.20463122 8.12152071,6.85672609 8.12152071,6.33486782 C7.99095221,6.18260729 7.96925961,6.03034733 7.86052247,5.8780868 C7.73009218,5.66047275 7.44726315,5.55187437 7.27331115,5.37778305 Z"/>
+  </g>
+</svg>
diff --git a/src/components/icon/assets/logo_nginx.svg b/src/components/icon/assets/logo_nginx.svg
new file mode 100644
index 00000000000..49ac842a8e3
--- /dev/null
+++ b/src/components/icon/assets/logo_nginx.svg
@@ -0,0 +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">
+    <polygon fill="#119639" points="16 0 29.856 8 29.856 24 16 32 2.144 24 2.144 8"/>
+    <path fill="#FFF" fill-rule="nonzero" d="M4.16930657,5.51230879 L4.16930657,13.887882 C4.16930657,14.7754825 3.44976421,15.4950249 2.56216371,15.4950249 C1.67456322,15.4950249 0.955020857,14.7754825 0.955020857,13.887882 L0.955020857,1.63200664 C0.955020857,0.200150644 2.68623401,-0.516882914 3.69865078,0.495650486 L13.2094845,10.0075799 L13.2094845,1.63200664 C13.2094845,0.744406152 13.9290269,0.0248637857 14.8166274,0.0248637857 C15.7042278,0.0248637857 16.4237702,0.744406152 16.4237702,1.63200664 L16.4237702,13.887882 C16.4237702,15.319738 14.6925571,16.0367716 13.6801403,15.0242382 L4.16930657,5.51230879 Z" transform="translate(7 8)"/>
+  </g>
+</svg>
diff --git a/src/components/icon/icon.js b/src/components/icon/icon.js
index 472b8589845..4dc4ef5d6d5 100644
--- a/src/components/icon/icon.js
+++ b/src/components/icon/icon.js
@@ -53,6 +53,7 @@ import list from './assets/list.svg';
 import listAdd from './assets/list_add.svg';
 import lock from './assets/lock.svg';
 import loggingApp from './assets/app_logging.svg';
+import logoApache from './assets/logo_apache.svg';
 import logoBeats from './assets/logo_beats.svg';
 import logoCloud from './assets/logo_cloud.svg';
 import logoElastic from './assets/logo_elastic.svg';
@@ -61,6 +62,8 @@ import logoElasticStack from './assets/logo_elastic_stack.svg';
 import logoGmail from './assets/logo_gmail.svg';
 import logoKibana from './assets/logo_kibana.svg';
 import logoLogstash from './assets/logo_logstash.svg';
+import logoMySQL from './assets/logo_mysql.svg';
+import logoNginx from './assets/logo_nginx.svg';
 import logoSlack from './assets/logo_slack.svg';
 import logoWebhook from './assets/logo_webhook.svg';
 import logoXpack from './assets/logo_xpack.svg';
@@ -158,6 +161,7 @@ const typeToIconMap = {
   listAdd,
   lock,
   loggingApp,
+  logoApache,
   logoBeats,
   logoCloud,
   logoElastic,
@@ -166,6 +170,8 @@ const typeToIconMap = {
   logoGmail,
   logoKibana,
   logoLogstash,
+  logoMySQL,
+  logoNginx,
   logoSlack,
   logoWebhook,
   logoXpack,