Added a few more Icons (#990)

elastic · Jul 10, 2018 · aab5f0d · aab5f0d
1 parent cbc699f
commit aab5f0d
Show file tree

Hide file tree

Showing 9 changed files with 90 additions and 0 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -3,6 +3,7 @@
 - Changed `EuiXYChart` components exports to `/experimental` subfolder ([#975](https://github.com/elastic/eui/pull/975))
 - Added beta version of `EuiXYChart` and associated components ([#309](https://github.com/elastic/eui/pull/309))
 - Added `size` prop to `EuiIconTip` ([987](https://github.com/elastic/eui/pull/987))
+- Added `database`, `filter`, `globe`, and `save` icons ([990](https://github.com/elastic/eui/pull/990))
 
 **Bug fixes**
 

diff --git a/src-docs/src/views/icon/icons.js b/src-docs/src/views/icon/icons.js
@@ -33,6 +33,7 @@ const iconTypes = [
   'copy',
   'copyClipboard',
   'cross',
+  'database',
   'document',
   'dot',
   'editorAlignCenter',
@@ -58,8 +59,10 @@ const iconTypes = [
   'faceHappy',
   'faceNeutral',
   'faceSad',
+  'filter',
   'fullScreen',
   'gear',
+  'globe',
   'grab',
   'grid',
   'heatmap',
@@ -105,6 +108,7 @@ const iconTypes = [
   'popout',
   'questionInCircle',
   'refresh',
+  'save',
   'scale',
   'search',
   'shard',

diff --git a/src/components/icon/__snapshots__/icon.test.js.snap b/src/components/icon/__snapshots__/icon.test.js.snap
@@ -1262,6 +1262,21 @@ exports[`EuiIcon props type dataVisualizer is rendered 1`] = `
 </svg>
 `;
 
+exports[`EuiIcon props type database is rendered 1`] = `
+<svg
+  class="euiIcon euiIcon--medium"
+  focusable="false"
+  height="16"
+  viewBox="0 0 16 16"
+  width="16"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M2 12h12v-1.97c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V12zm-1 0V3c0-1.105 3.134-2 7-2s7 .895 7 2v9c0 1.105-3.134 2-7 2s-7-.895-7-2zm1-3h12V7.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V9zm0-4.97V6h12V4.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97zm10.675-1.483C11.467 2.202 9.795 2 8 2c-1.794 0-3.467.202-4.675.547-.492.14-.88.298-1.136.453.256.155.644.312 1.136.453C4.533 3.798 6.205 4 8 4c1.794 0 3.467-.202 4.675-.547.492-.14.88-.298 1.136-.453-.256-.155-.644-.312-1.136-.453zM2 6c.257.155.833.312 1.325.453C4.533 6.798 6.205 7 8 7c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2zm0 3c.257.155.833.312 1.325.453C4.533 9.798 6.205 10 8 10c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2zm0 3c.257.155.833.312 1.325.453C4.533 12.798 6.205 13 8 13c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2z"
+  />
+</svg>
+`;
+
 exports[`EuiIcon props type devToolsApp is rendered 1`] = `
 <svg
   class="euiIcon euiIcon--medium"
@@ -1848,6 +1863,22 @@ exports[`EuiIcon props type faceSad is rendered 1`] = `
 </svg>
 `;
 
+exports[`EuiIcon props type filter is rendered 1`] = `
+<svg
+  class="euiIcon euiIcon--medium"
+  focusable="false"
+  height="16"
+  viewBox="0 0 16 16"
+  width="16"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M7.999 15.999a8 8 0 1 1 0-16 8 8 0 0 1 0 16zM8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14zM3.5 5h9a.5.5 0 1 1 0 1h-9a.5.5 0 0 1 0-1zm2 3h5a.5.5 0 1 1 0 1h-5a.5.5 0 0 1 0-1zm2 3h1a.5.5 0 1 1 0 1h-1a.5.5 0 1 1 0-1z"
+    fill-rule="evenodd"
+  />
+</svg>
+`;
+
 exports[`EuiIcon props type fullScreen is rendered 1`] = `
 <svg
   class="euiIcon euiIcon--medium"
@@ -1893,6 +1924,21 @@ exports[`EuiIcon props type gear is rendered 1`] = `
 </svg>
 `;
 
+exports[`EuiIcon props type globe is rendered 1`] = `
+<svg
+  class="euiIcon euiIcon--medium"
+  focusable="false"
+  height="16"
+  viewBox="0 0 16 16"
+  width="16"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M1.019 8a6.462 6.462 0 0 0 1.003 3h2.382a14.469 14.469 0 0 1-.396-3h-2.99zm0-1h2.989c.033-1.078.172-2.094.396-3H2.022a6.462 6.462 0 0 0-1.003 3zM13.98 8h-2.989a14.469 14.469 0 0 1-.396 3h2.382a6.462 6.462 0 0 0 1.003-3zm0-1a6.462 6.462 0 0 0-1.003-3h-2.382c.224.906.363 1.922.396 3h2.99zM5.008 8c.037 1.107.195 2.127.429 3h4.126c.234-.873.392-1.893.429-3H5.008zm0-1h4.984a13.422 13.422 0 0 0-.429-3H5.437a13.422 13.422 0 0 0-.429 3zM.016 8H0V7h.016a7.5 7.5 0 0 1 14.968 0H15v1h-.016A7.5 7.5 0 0 1 .016 8zm2.794 4a6.501 6.501 0 0 0 2.717 1.695A7.315 7.315 0 0 1 4.7 12H2.81zm9.38 0H10.3c-.23.657-.51 1.23-.827 1.695A6.501 6.501 0 0 0 12.19 12zm-6.428 0c.484 1.24 1.132 2 1.738 2 .606 0 1.254-.76 1.738-2H5.762zM2.81 3H4.7c.23-.657.51-1.23.827-1.695A6.501 6.501 0 0 0 2.81 3zm9.38 0a6.501 6.501 0 0 0-2.717-1.695c.317.465.597 1.038.827 1.695h1.89zM5.762 3h3.476C8.754 1.76 8.106 1 7.5 1c-.606 0-1.254.76-1.738 2z"
+  />
+</svg>
+`;
+
 exports[`EuiIcon props type grab is rendered 1`] = `
 <svg
   class="euiIcon euiIcon--medium"
@@ -3794,6 +3840,21 @@ exports[`EuiIcon props type reportingApp is rendered 1`] = `
 </svg>
 `;
 
+exports[`EuiIcon props type save is rendered 1`] = `
+<svg
+  class="euiIcon euiIcon--medium"
+  focusable="false"
+  height="16"
+  viewBox="0 0 16 16"
+  width="16"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M5.008 2H2.282c-.181 0-.245.002-.275.007-.005.03-.007.094-.007.275v11.436c0 .181.002.245.007.275.03.005.094.007.275.007h11.436c.181 0 .245-.002.275-.007.005-.03.007-.094.007-.275V4.62c0-.13-.001-.18-.004-.204a2.654 2.654 0 0 0-.141-.147L11.73 2.145a2.654 2.654 0 0 0-.147-.141A2.654 2.654 0 0 0 11.38 2h-.388c.005.08.008.172.008.282v2.436c0 .446-.046.607-.134.77a.909.909 0 0 1-.378.378c-.163.088-.324.134-.77.134H6.282c-.446 0-.607-.046-.77-.134a.909.909 0 0 1-.378-.378C5.046 5.325 5 5.164 5 4.718V2.282c0-.11.003-.202.008-.282zM2.282 1h9.098c.259 0 .348.01.447.032a.87.87 0 0 1 .273.113c.086.054.156.11.338.293l2.124 2.124c.182.182.239.252.293.338a.87.87 0 0 1 .113.273c.023.1.032.188.032.447v9.098c0 .446-.046.607-.134.77a.909.909 0 0 1-.378.378c-.163.088-.324.134-.77.134H2.282c-.446 0-.607-.046-.77-.134a.909.909 0 0 1-.378-.378c-.088-.163-.134-.324-.134-.77V2.282c0-.446.046-.607.134-.77a.909.909 0 0 1 .378-.378c.163-.088.324-.134.77-.134zM6 2.282v2.436c0 .181.002.245.007.275.03.005.094.007.275.007h3.436c.181 0 .245-.002.275-.007.005-.03.007-.094.007-.275V2.282c0-.181-.002-.245-.007-.275A2.248 2.248 0 0 0 9.718 2H6.282c-.181 0-.245.002-.275.007-.005.03-.007.094-.007.275zM8 12a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm0-1a1 1 0 1 0 0-2 1 1 0 0 0 0 2z"
+  />
+</svg>
+`;
+
 exports[`EuiIcon props type savedObjectsApp is rendered 1`] = `
 <svg
   class="euiIcon euiIcon--medium"

diff --git a/src/components/icon/assets/database.svg b/src/components/icon/assets/database.svg
diff --git a/src/components/icon/assets/filter.svg b/src/components/icon/assets/filter.svg
diff --git a/src/components/icon/assets/globe.svg b/src/components/icon/assets/globe.svg
diff --git a/src/components/icon/assets/save.svg b/src/components/icon/assets/save.svg
diff --git a/src/components/icon/icon.js b/src/components/icon/icon.js
@@ -35,6 +35,7 @@ import createPopulationJob from './assets/ml_create_population_job.svg';
 import createSingleMetricJob from './assets/ml_create_single_metric_job.svg';
 import cross from './assets/cross.svg';
 import dashboardApp from './assets/app_dashboard.svg';
+import database from './assets/database.svg';
 import dataVisualizer from './assets/ml_data_visualizer.svg';
 import devToolsApp from './assets/app_devtools.svg';
 import discoverApp from './assets/app_discover.svg';
@@ -64,8 +65,10 @@ import eyeClosed from './assets/eye_closed.svg';
 import faceHappy from './assets/face_happy.svg';
 import faceNeutral from './assets/faceNeutral.svg';
 import faceSad from './assets/face_sad.svg';
+import filter from './assets/filter.svg';
 import fullScreen from './assets/full_screen.svg';
 import gear from './assets/gear.svg';
+import globe from './assets/globe.svg';
 import grab from './assets/grab.svg';
 import graphApp from './assets/app_graph.svg';
 import grid from './assets/grid.svg';
@@ -140,6 +143,7 @@ import popout from './assets/popout.svg';
 import questionInCircle from './assets/question_in_circle.svg';
 import refresh from './assets/refresh.svg';
 import reportingApp from './assets/app_reporting.svg';
+import save from './assets/save.svg';
 import savedObjectsApp from './assets/app_saved_objects.svg';
 import scale from './assets/scale.svg';
 import search from './assets/search.svg';
@@ -206,6 +210,7 @@ const typeToIconMap = {
   createSingleMetricJob,
   cross,
   dashboardApp,
+  database,
   dataVisualizer,
   devToolsApp,
   discoverApp,
@@ -235,8 +240,10 @@ const typeToIconMap = {
   faceHappy,
   faceNeutral,
   faceSad,
+  filter,
   fullScreen,
   gear,
+  globe,
   grab,
   graphApp,
   grid,
@@ -311,6 +318,7 @@ const typeToIconMap = {
   questionInCircle,
   refresh,
   reportingApp,
+  save,
   savedObjectsApp,
   scale,
   search,

diff --git a/src/components/icon/index.d.ts b/src/components/icon/index.d.ts
@@ -43,6 +43,7 @@ declare module '@elastic/eui' {
     | 'createSingleMetricJob'
     | 'cross'
     | 'dashboardApp'
+    | 'database'
     | 'dataVisualizer'
     | 'devToolsApp'
     | 'discoverApp'
@@ -71,8 +72,10 @@ declare module '@elastic/eui' {
     | 'faceHappy'
     | 'faceNeutral'
     | 'faceSad'
+    | 'filter'
     | 'fullScreen'
     | 'gear'
+    | 'glob'
     | 'grab'
     | 'graphApp'
     | 'grid'
@@ -144,6 +147,7 @@ declare module '@elastic/eui' {
     | 'questionInCircle'
     | 'refresh'
     | 'reportingApp'
+    | 'save'
     | 'savedObjectsApp'
     | 'scale'
     | 'search'