Added casesApp feature icon

scripts/compile-icons.js

@@ -40,6 +40,7 @@ iconFiles.forEach((filePath) => {
             { cleanupIDs: true },
             { prefixIds: false },
             { removeViewBox: false },
+            { removeUselessStrokeAndFill: false },
           ],
         },
         svgProps: {

src-docs/src/views/icon/apps.js

@@ -18,6 +18,7 @@ const iconTypes = [
   'appSearchApp',
   'auditbeatApp',
   'canvasApp',
+  'casesApp',
   'codeApp',
   'consoleApp',
   'crossClusterReplicationApp',

src/components/icon/__snapshots__/icon.test.tsx.snap

@@ -635,6 +635,7 @@ exports[`EuiIcon props type analyzeEvent is rendered 1`] = `
   <path
     clip-rule="evenodd"
     d="M8 9.169L2 5.25v6.17l6 3.428 6-3.428V5.25L8 9.17zM15 4v8l-7 4-7-4V4l7-4 7 4zm-1.428.336L8 1.152 2.428 4.336 8 7.974l5.572-3.638z"
+    fill-rule="evenodd"
   />
 </svg>
 `;
@@ -755,6 +756,7 @@ exports[`EuiIcon props type arrowDown is rendered 1`] = `
   <path
     clip-rule="evenodd"
     d="M1.957 4.982a.75.75 0 011.06-.025l4.81 4.591a.25.25 0 00.346 0l4.81-4.59a.75.75 0 011.035 1.085l-4.81 4.59a1.75 1.75 0 01-2.416 0l-4.81-4.59a.75.75 0 01-.025-1.06z"
+    fill-rule="evenodd"
   />
 </svg>
 `;
@@ -798,6 +800,7 @@ exports[`EuiIcon props type arrowLeft is rendered 1`] = `
   <path
     clip-rule="evenodd"
     d="M11.018 14.043a.75.75 0 00.024-1.06l-4.59-4.81a.25.25 0 010-.346l4.59-4.81a.75.75 0 10-1.085-1.035l-4.59 4.81a1.75 1.75 0 000 2.416l4.59 4.81c.286.3.761.31 1.06.024z"
+    fill-rule="evenodd"
   />
 </svg>
 `;
@@ -818,6 +821,7 @@ exports[`EuiIcon props type arrowRight is rendered 1`] = `
   <path
     clip-rule="evenodd"
     d="M4.982 14.043a.75.75 0 01-.025-1.06l4.591-4.81a.25.25 0 000-.346l-4.59-4.81a.75.75 0 011.085-1.035l4.59 4.81a1.75 1.75 0 010 2.416l-4.59 4.81a.75.75 0 01-1.06.024z"
+    fill-rule="evenodd"
   />
 </svg>
 `;
@@ -861,6 +865,7 @@ exports[`EuiIcon props type arrowUp is rendered 1`] = `
   <path
     clip-rule="evenodd"
     d="M1.957 11.018c.286.3.761.31 1.06.024l4.81-4.59a.25.25 0 01.346 0l4.81 4.59a.75.75 0 001.035-1.085l-4.81-4.59a1.75 1.75 0 00-2.416 0l-4.81 4.59a.75.75 0 00-.025 1.06z"
+    fill-rule="evenodd"
   />
 </svg>
 `;
@@ -1168,6 +1173,35 @@ exports[`EuiIcon props type canvasApp is rendered 1`] = `
 </svg>
 `;
 
+exports[`EuiIcon props type casesApp is rendered 1`] = `
+<svg
+  aria-hidden="true"
+  class="euiIcon euiIcon--medium euiIcon--app euiIcon-isLoaded"
+  data-icon-type="casesApp"
+  fill="none"
+  focusable="false"
+  height="32"
+  role="img"
+  viewBox="0 0 32 32"
+  width="32"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M22.5 24a5.5 5.5 0 100-11 5.5 5.5 0 000 11zm0 2a7.5 7.5 0 100-15 7.5 7.5 0 000 15z"
+    fill-rule="evenodd"
+  />
+  <path
+    d="M30.293 27.707l-4-4 1.414-1.414 4 4-1.414 1.414zM6 4H2v27h25v-3h-2v1H4V6h2V4zm19 6h2V4h-4v2h2v4z"
+  />
+  <path
+    class="euiIcon__fillSecondary"
+    clip-rule="evenodd"
+    d="M16.381 3.024l.538 1.158h2.274l.636 2.545H9.68l.637-2.545h2.558l.538-1.158c.292-.63.955-1.024 1.484-1.024.53 0 1.193.394 1.485 1.024zm6.01 5.703l-1.636-6.545h-2.56C17.6.898 16.262 0 14.897 0c-1.364 0-2.703.898-3.299 2.182H8.755L7.118 8.727h15.273zM7 15h6v-2H7v2zm6 5H7v-2h6v2zm-6 5h6v-2H7v2z"
+    fill-rule="evenodd"
+  />
+</svg>
+`;
+
 exports[`EuiIcon props type check is rendered 1`] = `
 <svg
   aria-hidden="true"
@@ -2030,10 +2064,12 @@ exports[`EuiIcon props type doubleArrowLeft is rendered 1`] = `
   <path
     clip-rule="evenodd"
     d="M8.135 14.043a.75.75 0 00.025-1.06l-4.591-4.81a.25.25 0 010-.346l4.59-4.81a.75.75 0 10-1.084-1.035l-4.591 4.81a1.75 1.75 0 000 2.416l4.59 4.81c.287.3.761.31 1.061.024z"
+    fill-rule="evenodd"
   />
   <path
     clip-rule="evenodd"
     d="M14.135 14.043a.75.75 0 00.025-1.06l-4.591-4.81a.25.25 0 010-.346l4.59-4.81a.75.75 0 10-1.084-1.035l-4.591 4.81a1.75 1.75 0 000 2.416l4.59 4.81c.287.3.761.31 1.061.024z"
+    fill-rule="evenodd"
   />
 </svg>
 `;
@@ -2054,10 +2090,12 @@ exports[`EuiIcon props type doubleArrowRight is rendered 1`] = `
   <path
     clip-rule="evenodd"
     d="M2.232 14.043a.75.75 0 01-.025-1.06l4.591-4.81a.25.25 0 000-.346l-4.59-4.81a.75.75 0 011.085-1.035l4.59 4.81a1.75 1.75 0 010 2.416l-4.59 4.81a.75.75 0 01-1.06.024z"
+    fill-rule="evenodd"
   />
   <path
     clip-rule="evenodd"
     d="M8.232 14.043a.75.75 0 01-.025-1.06l4.591-4.81a.25.25 0 000-.346l-4.59-4.81a.75.75 0 011.085-1.035l4.59 4.81a1.75 1.75 0 010 2.416l-4.59 4.81a.75.75 0 01-1.06.024z"
+    fill-rule="evenodd"
   />
 </svg>
 `;
@@ -8580,6 +8618,7 @@ exports[`EuiIcon props type submodule is rendered 1`] = `
   <path
     clip-rule="evenodd"
     d="M6 2H1v12h3V7a1 1 0 011-1h5a1 1 0 011 1v1h4V4H7c-.621 0-1-.379-1-1V2zm10 6v6a1 1 0 01-1 1H1a1 1 0 01-1-1V2a1 1 0 011-1h5.25a.75.75 0 01.75.75l-.004.206C6.99 2.317 6.974 3 7 3h8a1 1 0 011 1v4zm-1 1h-4a1 1 0 01-1-1V7H5v7h10V9zM2 4.5a.5.5 0 01.5-.5h2a.5.5 0 010 1h-2a.5.5 0 01-.5-.5zM6.5 9a.5.5 0 000 1h2a.5.5 0 000-1h-2z"
+    fill-rule="evenodd"
   />
 </svg>
 `;
@@ -8648,6 +8687,7 @@ exports[`EuiIcon props type symlink is rendered 1`] = `
   <path
     clip-rule="evenodd"
     d="M10.8 0H2a1 1 0 00-1 1v8l1-1V1h8v3.5a.5.5 0 00.5.5H14v10H2v-1a3.5 3.5 0 013.5-3.5H8V13l3-3-3-3v2.5H5.5A4.5 4.5 0 001 14v1a1 1 0 001 1h12a1 1 0 001-1V4.429c0-.256-.098-.503-.274-.689l-3.2-3.428A1.002 1.002 0 0010.8 0z"
+    fill-rule="evenodd"
   />
 </svg>
 `;
@@ -8797,6 +8837,7 @@ exports[`EuiIcon props type timeRefresh is rendered 1`] = `
   <path
     clip-rule="evenodd"
     d="M12.809 8.807a4.5 4.5 0 01-5.572-5.75A5 5 0 003.04 9.31a.5.5 0 01-.966.259 6 6 0 015.672-7.553 4.5 4.5 0 116.117 6.313 6.002 6.002 0 01-7.803 5.409.5.5 0 11.303-.954 5.001 5.001 0 006.445-3.979zM11.859 5H13.5a.5.5 0 000-1H12V1.5a.5.5 0 00-1 0v3a.5.5 0 00.5.5h.36z"
+    fill-rule="evenodd"
   />
   <path
     d="M3.757 15.848l-.776-2.897a1.5 1.5 0 011.06-1.838l2.898-.776a.5.5 0 11.259.966l-2.898.776a.5.5 0 00-.353.613l.776 2.898a.5.5 0 01-.966.258z"

src/components/icon/assets/analyzeEvent.tsx

@@ -30,6 +30,7 @@ const EuiIconAnalyzeEvent = ({
   >
     {title ? <title id={titleId}>{title}</title> : null}
     <path
+      fillRule="evenodd"
       clipRule="evenodd"
       d="M8 9.169L2 5.25v6.17l6 3.428 6-3.428V5.25L8 9.17zM15 4v8l-7 4-7-4V4l7-4 7 4zm-1.428.336L8 1.152 2.428 4.336 8 7.974l5.572-3.638z"
     />

src/components/icon/assets/app_cases.tsx

@@ -0,0 +1,46 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0 and the Server Side Public License, v 1; you may not use this file except
+ * in compliance with, at your election, the Elastic License 2.0 or the Server
+ * Side Public License, v 1.
+ */
+
+// THIS IS A GENERATED FILE. DO NOT MODIFY MANUALLY. @see scripts/compile-icons.js
+
+import * as React from 'react';
+interface SVGRProps {
+  title?: string;
+  titleId?: string;
+}
+
+const EuiIconAppCases = ({
+  title,
+  titleId,
+  ...props
+}: React.SVGProps<SVGSVGElement> & SVGRProps) => (
+  <svg
+    width={32}
+    height={32}
+    viewBox="0 0 32 32"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    aria-labelledby={titleId}
+    {...props}
+  >
+    {title ? <title id={titleId}>{title}</title> : null}
+    <path
+      fillRule="evenodd"
+      d="M22.5 24a5.5 5.5 0 100-11 5.5 5.5 0 000 11zm0 2a7.5 7.5 0 100-15 7.5 7.5 0 000 15z"
+    />
+    <path d="M30.293 27.707l-4-4 1.414-1.414 4 4-1.414 1.414zM6 4H2v27h25v-3h-2v1H4V6h2V4zm19 6h2V4h-4v2h2v4z" />
+    <path
+      className="euiIcon__fillSecondary"
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M16.381 3.024l.538 1.158h2.274l.636 2.545H9.68l.637-2.545h2.558l.538-1.158c.292-.63.955-1.024 1.484-1.024.53 0 1.193.394 1.485 1.024zm6.01 5.703l-1.636-6.545h-2.56C17.6.898 16.262 0 14.897 0c-1.364 0-2.703.898-3.299 2.182H8.755L7.118 8.727h15.273zM7 15h6v-2H7v2zm6 5H7v-2h6v2zm-6 5h6v-2H7v2z"
+    />
+  </svg>
+);
+
+export const icon = EuiIconAppCases;

src/components/icon/assets/arrow_down.tsx

@@ -30,6 +30,7 @@ const EuiIconArrowDown = ({
   >
     {title ? <title id={titleId}>{title}</title> : null}
     <path
+      fillRule="evenodd"
       clipRule="evenodd"
       d="M1.957 4.982a.75.75 0 011.06-.025l4.81 4.591a.25.25 0 00.346 0l4.81-4.59a.75.75 0 011.035 1.085l-4.81 4.59a1.75 1.75 0 01-2.416 0l-4.81-4.59a.75.75 0 01-.025-1.06z"
     />

src/components/icon/assets/arrow_left.tsx

@@ -30,6 +30,7 @@ const EuiIconArrowLeft = ({
   >
     {title ? <title id={titleId}>{title}</title> : null}
     <path
+      fillRule="evenodd"
       clipRule="evenodd"
       d="M11.018 14.043a.75.75 0 00.024-1.06l-4.59-4.81a.25.25 0 010-.346l4.59-4.81a.75.75 0 10-1.085-1.035l-4.59 4.81a1.75 1.75 0 000 2.416l4.59 4.81c.286.3.761.31 1.06.024z"
     />

src/components/icon/assets/arrow_right.tsx

@@ -30,6 +30,7 @@ const EuiIconArrowRight = ({
   >
     {title ? <title id={titleId}>{title}</title> : null}
     <path
+      fillRule="evenodd"
       clipRule="evenodd"
       d="M4.982 14.043a.75.75 0 01-.025-1.06l4.591-4.81a.25.25 0 000-.346l-4.59-4.81a.75.75 0 011.085-1.035l4.59 4.81a1.75 1.75 0 010 2.416l-4.59 4.81a.75.75 0 01-1.06.024z"
     />

src/components/icon/assets/arrow_up.tsx

@@ -30,6 +30,7 @@ const EuiIconArrowUp = ({
   >
     {title ? <title id={titleId}>{title}</title> : null}
     <path
+      fillRule="evenodd"
       clipRule="evenodd"
       d="M1.957 11.018c.286.3.761.31 1.06.024l4.81-4.59a.25.25 0 01.346 0l4.81 4.59a.75.75 0 001.035-1.085l-4.81-4.59a1.75 1.75 0 00-2.416 0l-4.81 4.59a.75.75 0 00-.025 1.06z"
     />

src/components/icon/assets/doubleArrowLeft.tsx

@@ -30,10 +30,12 @@ const EuiIconDoubleArrowLeft = ({
   >
     {title ? <title id={titleId}>{title}</title> : null}
     <path
+      fillRule="evenodd"
       clipRule="evenodd"
       d="M8.135 14.043a.75.75 0 00.025-1.06l-4.591-4.81a.25.25 0 010-.346l4.59-4.81a.75.75 0 10-1.084-1.035l-4.591 4.81a1.75 1.75 0 000 2.416l4.59 4.81c.287.3.761.31 1.061.024z"
     />
     <path
+      fillRule="evenodd"
       clipRule="evenodd"
       d="M14.135 14.043a.75.75 0 00.025-1.06l-4.591-4.81a.25.25 0 010-.346l4.59-4.81a.75.75 0 10-1.084-1.035l-4.591 4.81a1.75 1.75 0 000 2.416l4.59 4.81c.287.3.761.31 1.061.024z"
     />

src/components/icon/assets/doubleArrowRight.tsx

@@ -30,10 +30,12 @@ const EuiIconDoubleArrowRight = ({
   >
     {title ? <title id={titleId}>{title}</title> : null}
     <path
+      fillRule="evenodd"
       clipRule="evenodd"
       d="M2.232 14.043a.75.75 0 01-.025-1.06l4.591-4.81a.25.25 0 000-.346l-4.59-4.81a.75.75 0 011.085-1.035l4.59 4.81a1.75 1.75 0 010 2.416l-4.59 4.81a.75.75 0 01-1.06.024z"
     />
     <path
+      fillRule="evenodd"
       clipRule="evenodd"
       d="M8.232 14.043a.75.75 0 01-.025-1.06l4.591-4.81a.25.25 0 000-.346l-4.59-4.81a.75.75 0 011.085-1.035l4.59 4.81a1.75 1.75 0 010 2.416l-4.59 4.81a.75.75 0 01-1.06.024z"
     />

src/components/icon/assets/submodule.tsx

@@ -30,6 +30,7 @@ const EuiIconSubmodule = ({
   >
     {title ? <title id={titleId}>{title}</title> : null}
     <path
+      fillRule="evenodd"
       clipRule="evenodd"
       d="M6 2H1v12h3V7a1 1 0 011-1h5a1 1 0 011 1v1h4V4H7c-.621 0-1-.379-1-1V2zm10 6v6a1 1 0 01-1 1H1a1 1 0 01-1-1V2a1 1 0 011-1h5.25a.75.75 0 01.75.75l-.004.206C6.99 2.317 6.974 3 7 3h8a1 1 0 011 1v4zm-1 1h-4a1 1 0 01-1-1V7H5v7h10V9zM2 4.5a.5.5 0 01.5-.5h2a.5.5 0 010 1h-2a.5.5 0 01-.5-.5zM6.5 9a.5.5 0 000 1h2a.5.5 0 000-1h-2z"
     />

src/components/icon/assets/symlink.tsx

@@ -30,6 +30,7 @@ const EuiIconSymlink = ({
   >
     {title ? <title id={titleId}>{title}</title> : null}
     <path
+      fillRule="evenodd"
       clipRule="evenodd"
       d="M10.8 0H2a1 1 0 00-1 1v8l1-1V1h8v3.5a.5.5 0 00.5.5H14v10H2v-1a3.5 3.5 0 013.5-3.5H8V13l3-3-3-3v2.5H5.5A4.5 4.5 0 001 14v1a1 1 0 001 1h12a1 1 0 001-1V4.429c0-.256-.098-.503-.274-.689l-3.2-3.428A1.002 1.002 0 0010.8 0z"
     />

src/components/icon/assets/timeRefresh.tsx

@@ -30,6 +30,7 @@ const EuiIconTimeRefresh = ({
   >
     {title ? <title id={titleId}>{title}</title> : null}
     <path
+      fillRule="evenodd"
       clipRule="evenodd"
       d="M12.809 8.807a4.5 4.5 0 01-5.572-5.75A5 5 0 003.04 9.31a.5.5 0 01-.966.259 6 6 0 015.672-7.553 4.5 4.5 0 116.117 6.313 6.002 6.002 0 01-7.803 5.409.5.5 0 11.303-.954 5.001 5.001 0 006.445-3.979zM11.859 5H13.5a.5.5 0 000-1H12V1.5a.5.5 0 00-1 0v3a.5.5 0 00.5.5h.36z"
     />

src/components/icon/icon.tsx

@@ -64,6 +64,7 @@ const typeToPathMap = {
   bullseye: 'bullseye',
   calendar: 'calendar',
   canvasApp: 'app_canvas',
+  casesApp: 'app_cases',
   check: 'check',
   checkInCircleFilled: 'checkInCircleFilled',
   cheer: 'cheer',

upcoming_changelogs/5779.md

@@ -0,0 +1 @@
+- Added `casesApp` feature icon type to `EuiIcon`

wiki/creating-icons.md

@@ -51,7 +51,6 @@ EUI provides SVG icon formats only. After exporting your icon as an SVG from you
 - `<use>...</use>`
 - `id: <value>`
 - `fill: <value>`
-- `fill-rule: <value>` or `fillRule: <value>`
 
 _**Note**: Figma users can use the [SVG Export plugin][svg-plugin] to optimize SVG sizes and code._